/* Focus Group: dark workspace tokens and component system. */
:root{color-scheme:dark;--bg:#111214;--surface:#1a1c20;--surface2:#23262b;--line:#30333a;--text:#f3f4f5;--muted:#a7abb4;--green:#ffd452;--green2:#ffe082;--amber:#ffd452;--accent:#ffd452;--blue:#9bbdff;--red:#ff9eaa;--success:#83d6b0;--radius:14px;--shadow:0 20px 60px #0005;font-family:"Segoe UI",Arial,sans-serif}
body{background:var(--bg);color:var(--text);line-height:1.5}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}button,input,select,textarea{font-size:14px}input,select,textarea{background:#15171b;border-color:var(--line);color:var(--text);border-radius:10px;min-height:44px}input::placeholder,textarea::placeholder{color:#8e949f}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffd45219}label{color:#cdd0d6;font-weight:500}button:disabled{cursor:not-allowed}button{transition:background-color 140ms,color 140ms,border-color 140ms}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
aside{background:#16171a;border-right:1px solid var(--line);padding:26px 14px 18px}.brand{padding:0 16px 32px!important}.brand b,.login-brand b{font-size:38px;font-weight:750;line-height:1;letter-spacing:-2px}.brand span,.login-brand span{font-size:10px;letter-spacing:2.4px;color:var(--muted);margin-top:9px}.brand .brand-dot,.login-brand .brand-dot{display:inline;color:var(--accent);font-size:inherit;letter-spacing:inherit}.brand-dot{color:var(--accent)}nav{gap:5px}nav button{font-size:14px;min-height:44px;padding:12px 14px;gap:12px;border-radius:10px;color:#b9bec8}nav button:hover{background:#23252a;color:var(--text)}nav button.active{background:#ffd45214;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.ui-icon{width:20px;height:20px;stroke-width:1.7}.aside-foot{border-color:var(--line);padding-top:18px}.avatar,aside .avatar{background:#30343d;color:#e4e8ef}.aside-foot b{font-size:13px}.aside-foot span{font-size:11px}
.app{grid-template-columns:248px minmax(0,1fr)}.app main>header{height:76px;padding:18px 32px;border-bottom:1px solid var(--line);background:var(--bg)}.app main>header p{font-size:12px}.header-link{font-size:13px}.app main>header h1{font-size:15px}#view{padding:32px;max-width:1640px;margin:0 auto}.page-heading h1{font-size:32px;line-height:1.2;font-weight:650}.page-heading p,.welcome p{font-size:14px;margin-top:8px;color:var(--muted)}.welcome{margin-bottom:28px}.welcome h2{font-size:30px;font-weight:650}.page-heading{margin-bottom:24px}.date-chip{background:var(--surface);border:1px solid var(--line);padding:8px 12px;border-radius:8px;color:var(--muted);font-size:12px}
.primary{background:var(--accent);border:1px solid var(--accent);color:#25200e;font-weight:650;border-radius:10px;min-height:44px;box-shadow:none}.primary:hover{background:#ffe082;border-color:#ffe082}.secondary,.icon-btn{background:var(--surface2);border-color:var(--line);color:var(--text);border-radius:10px;min-height:40px}.secondary:hover,.icon-btn:hover{background:#30343c;border-color:#515661}.text-btn{color:var(--muted)}.text-btn:hover{background:var(--surface2);color:var(--text)}.mini-action{background:var(--surface2);color:var(--text);border-color:#3b3f48;min-height:40px;border-radius:8px;padding:8px 14px;font-size:13px}.mini-action:hover{border-color:var(--accent);color:var(--accent)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 2px 4px #0001}.panel h3{font-size:17px;font-weight:600}.panel-head{margin-bottom:20px}.panel-head button{color:var(--accent)}.table-panel{padding:0;overflow:hidden}.table-wrap{border-radius:14px}.data-table{font-size:14px}.data-table th{padding:14px 20px;background:#202227;color:#aab0bb;font-size:12px;font-weight:500}.data-table td{padding:18px 20px;border-color:var(--line);color:#c7cbd3}.data-table td strong{color:var(--text);font-weight:600}.data-table tbody tr:hover{background:#21242a}.candidate-name small{color:var(--muted);font-size:12px;margin-top:4px}.candidate-name .avatar{width:38px;height:38px;font-size:13px}.table-footer{color:var(--muted);font-size:12px}.filter-bar{margin:0 0 20px;gap:12px}.filter-bar input,.filter-bar select{min-height:44px;font-size:14px}.filter-bar select{min-width:210px}.search-field{flex-basis:360px}.search-field svg{top:12px;color:var(--muted)}
.badge{background:#2c3038;color:#c8ced8;font-size:11px;padding:5px 9px;font-weight:500;border-radius:6px;white-space:normal}.badge.green{background:#163c30;color:#93dfbd}.badge.blue{background:#203454;color:#a7c9ff}.badge.purple{background:#382c4c;color:#d6bcef}.badge.red{background:#472831;color:#ffb0be}.badge.amber{background:#40391f;color:#f4d67e}
.metrics{gap:16px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.metric strong{font-size:32px;line-height:1.2;font-weight:650;margin:14px 0 10px}.metric>span{font-size:12px}.metric .delta{color:var(--muted)}.pipeline-col{background:#15171b}.lead-card{background:var(--surface)}.day-num{background:#38321f;color:var(--accent)}.journey{margin-bottom:24px}.step i{background:#292c33;color:var(--muted)}.step.done i{background:#19392e;border-color:#2f5b48;color:#9ae0be}.step.current i{background:var(--accent);border-color:var(--accent);color:#25200e}.step:before{background:var(--line)}.key-values>div{border-color:var(--line)}.key-values dd{overflow-wrap:anywhere}.detail-heading h1{font-size:30px}.detail-heading p{font-size:14px}.detail-grid{gap:24px}
dialog,.login-card{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:16px}dialog{box-shadow:0 24px 100px #0009}dialog::backdrop{background:#08090bbd;backdrop-filter:blur(4px)}.login-shell{background:var(--bg);gap:7vw}.login-copy h1{font-size:clamp(38px,4.8vw,64px);font-weight:650;letter-spacing:-.045em}.login-copy>p{color:var(--muted);line-height:1.7}.login-card{box-shadow:0 16px 60px #0003;padding:32px}.login-brand .mark{display:none}.login-card h2{font-size:26px}.login-card label{font-size:13px}.toast{background:#30343d;border:1px solid #4d5360;color:var(--text)}.form-message{color:var(--red)}.readable-text{background:var(--bg);padding:16px;border-radius:8px}input[readonly],input:disabled{background:#22252a;color:var(--muted)}.back-link{color:var(--muted)}.back-link:hover{color:var(--accent)}
@media(max-width:1100px){.app{grid-template-columns:218px minmax(0,1fr)}#view{padding:24px}.app main>header{padding-inline:24px}.brand b{font-size:34px}.detail-grid{grid-template-columns:1fr}.data-table td,.data-table th{padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app{display:block}.app main>header{height:64px;padding:10px 20px;background:#16171a}.mobile-brand{font-size:19px;color:var(--text)}.mobile-avatar{background:#30343d}aside{width:280px}.menu-open .menu-backdrop{background:#08090bbb}#view{padding:24px 16px 40px}.page-heading h1,.welcome h2,.detail-heading h1{font-size:27px}.panel{padding:20px}.table-panel{padding:0}.filter-bar{margin:20px 0}.filter-bar input,.filter-bar select{font-size:16px;min-height:48px}.candidate-table thead{display:none}.candidate-table,.candidate-table tbody,.candidate-table tr,.candidate-table td{display:block;width:100%}.candidate-table tr{padding:18px;border-bottom:1px solid var(--line)}.candidate-table td{border:0;padding:5px 0}.candidate-table td:nth-child(2){font-size:12px;color:var(--muted);padding-left:50px}.candidate-table td:last-child{margin-top:10px}.candidate-table td:last-child button{width:100%}.candidate-table .avatar{width:38px;height:38px}.candidate-name small{font-size:12px}.primary,.secondary,.mini-action{min-height:44px}.metric{padding:16px}.metric strong{font-size:25px}.login-shell{padding:118px 20px 40px}.login-card{padding:24px}.login-copy h1{font-size:38px}.login-brand b{font-size:34px}.key-values dt,.key-values dd{font-size:13px}.key-values dt{flex-basis:100px}.header-actions{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* CRM workspace */
@media(max-width:760px){.filter-bar .search-field{flex:0 0 auto;width:100%}}
.crm-detail-open>.welcome,.crm-detail-open>.crm-board,.crm-detail-open>.crm-deals{display:none}.crm-detail-open .crm-detail{margin:0}.crm-extra{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crm-stage>header{min-height:0!important;height:auto!important;padding:0!important;position:static!important;background:none!important;border:0!important}.submit-message{margin-top:16px!important}
@media(max-width:760px){.candidate-table{min-width:0}.crm-extra{grid-template-columns:1fr}.crm-stage>header{display:flex!important}.crm-stage>header b{display:block}.header-actions{display:flex;gap:0}.header-actions .header-link{display:none}#main-action{min-height:36px;font-size:11px;padding:8px}.mobile-brand{margin-right:auto;margin-left:8px}.mobile-avatar{display:none}}
.crm-board{display:flex;gap:14px;overflow-x:auto;padding:2px 0 18px;margin-bottom:10px;scrollbar-color:#44566d transparent}.crm-stage{flex:1 0 210px;min-height:190px;padding:13px;background:#131b25;border:1px solid var(--line);border-radius:10px}.crm-stage>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crm-stage>header b{font-size:13px}.crm-stage>header span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.crm-stage>p{font-size:12px;color:var(--muted);text-align:center;padding:32px 4px}.crm-card{display:block;width:100%;text-align:left;padding:14px 13px;margin-bottom:9px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.crm-card:hover{transform:translateY(-2px);border-color:#65788f}.crm-card strong,.crm-card small,.crm-card i{display:block}.crm-card strong{font-size:14px}.crm-card small{margin:6px 0 11px;color:var(--muted);font-size:12px}.crm-card i{color:var(--accent);font-size:11px;font-style:normal}.crm-deals{margin-top:14px}.crm-deals .panel-head p{margin-top:5px;color:var(--muted);font-size:12px}.crm-detail{margin-top:18px;scroll-margin-top:20px}.detail-panel>.panel-head{align-items:flex-start}.detail-panel>.panel-head h2{font-size:25px;margin:5px 0}.detail-panel>.panel-head p{color:var(--muted)}.crm-transition,.crm-opportunity,.crm-create-deal,.crm-deal-transition,.crm-payment{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.crm-transition h3,.crm-opportunity h3,.crm-create-deal h3,.crm-payment h3{margin-bottom:16px}.crm-transition>.primary,.crm-create-deal>.primary,.crm-deal-transition>.primary,.crm-payment>.primary{margin-top:16px}.crm-extra:empty{display:none}.crm-timeline{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.crm-timeline h3{margin-bottom:18px}.crm-timeline>div{display:flex;gap:12px;padding:0 0 18px 2px}.crm-timeline i{width:7px;height:7px;margin-top:6px;flex:none;border-radius:50%;background:var(--accent)}.crm-timeline p{margin:0}.crm-timeline b,.crm-timeline span{display:block}.crm-timeline b{font-size:13px;font-weight:500}.crm-timeline span{font-size:12px;color:var(--muted);margin-top:4px}
@media(max-width:760px){.crm-board{margin-inline:-18px;padding-inline:18px}.crm-stage{flex-basis:78vw}.crm-deals{padding:16px 0}.crm-deals .panel-head{padding-inline:16px}.detail-panel>.panel-head{display:flex}.detail-panel>.panel-head h2{font-size:22px}}