body:not(.auth){--ink:#172234;--muted:#6e7b8c;--line:#dce3eb;--paper:#edf2f7;--white:#fff;background:linear-gradient(145deg,#f5f7fa,#e9eff5);color:var(--ink)}
body:not(.auth) .workspace{background:transparent}
body:not(.auth) header time{color:#667486}.search{background:#fff;border-color:#d7e0e9;color:#8290a1;box-shadow:0 2px 9px #1a2d4010}
.welcome h1{color:#172234}.welcome p{color:#687687}.welcome blockquote{color:#59687a}
body:not(.auth) .metrics article{background:#fff;border-color:#dfe6ed;box-shadow:0 7px 22px #20364d0b}
.metrics strong{color:#172234!important}.metrics span{color:#344155!important}.metrics small{color:#7d8997!important}.metrics .up{color:#159861!important}.metrics .danger{color:#df5162!important}
body:not(.auth) .panel{background:#fff;border-color:#dfe6ed;color:#1d2939;box-shadow:0 7px 24px #20364d0b}.panel-head{border-color:#e5eaf0}.panel-head h2{color:#243145}.panel-head a{color:#397ca8}
.row{border-color:#e8edf2}.row b{color:#253246}.row small,.row time{color:#758294}.row .box{border-color:#a8b4c1;background:#fff}.row .priority{color:#fff}.initial{color:#fff}
.progress-row{color:#344155}.progress-row>b{background:#e4eaf0}.progress-row em{color:#778495}.sales>small{color:#7c8997}.stock p{border-color:#e6ebf0}.stock p span{color:#596779}
.ai-card p,.ai-card li{color:#586678}.quote{box-shadow:0 7px 22px #6c3d4b13}
body:not(.auth) .toolbar p{color:#697789}.table .thead,.table .trow{border-color:#e3e9ef}.thead{color:#718093}.trow{color:#273448}.trow:hover{background:#f3f7fa}.trow small{color:#778596}.trow em{background:#e7f5ef;color:#247657}
.task{border-color:#e4e9ef}.task .check{background:#fff;border-color:#aab6c3}.pill{background:#e8eef5;color:#445266}.empty{color:#788697}.empty a,.crm-side a{color:#397ca8}
.customer-head h1{color:#1b283a}.customer-head p{color:#718093}.customer-head>a{color:#397ca8}.crm-form .panel-head span{color:#7c8997}.crm-side p{color:#657385}.crm-side hr{border-color:#e2e8ee}
body:not(.auth) .crm-form input,body:not(.auth) .crm-form select,body:not(.auth) .crm-form textarea{background:#f9fbfc;border-color:#d8e0e8;color:#1e2b3c}
.integration-intro h1{color:#1c293b}.integration-intro>p:last-child{color:#6d7b8d}.integration-status{background:#ecf8f3;border-color:#c9e9db}.integration-status b{color:#235d48}.integration-status small{color:#648679}.copy-field input{background:#f7f9fb!important;border-color:#d6dfe8!important;color:#28374a!important}.steps{border-color:#e1e7ed}.steps p,.steps li{color:#607083}.store-row{border-color:#e3e9ef}.store-row b{color:#253246}.store-row small{color:#748294}.flash{background:#e6f6ef;border-color:#bde4d3;color:#23684e}
body:not(.auth) dialog{background:#fff;color:#1c293a}body:not(.auth) dialog input,body:not(.auth) dialog select,body:not(.auth) dialog textarea{background:#f8fafc;border-color:#d5dee7;color:#1d2b3d}body:not(.auth) dialog .modal-head button{color:#263548}
body:not(.auth){font-size:16px;background:#f1f5f9}body:not(.auth) nav a{font-size:14px;color:#d0d7e1;padding:12px}body:not(.auth) nav a.active{background:#294b76;color:#fff}.search{font-size:14px;color:#536274}.welcome h1{font-size:34px}.welcome p{font-size:15px;color:#4f5f72}.welcome blockquote{font-size:14px;color:#445267}
.customer-filters{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(140px,.7fr)) auto auto;gap:10px;margin-bottom:14px}.customer-filters input,.customer-filters select{background:#fff;border:1px solid #d6e0e9;color:#253448;box-shadow:0 2px 8px #20364d0a}.customer-filters a{align-self:center;color:#397ca8;text-decoration:none;font-size:13px}.toolbar p b{color:#1c2b3e;font-size:18px}@media(max-width:1050px){.customer-filters{grid-template-columns:1fr 1fr 1fr}.customer-filters input{grid-column:span 2}}@media(max-width:650px){.customer-filters{grid-template-columns:1fr}.customer-filters input{grid-column:auto}}
.store-actions{display:flex;gap:7px}.store-actions form{margin:0}.order-table{padding:0}.order-head,.order-row{display:grid;grid-template-columns:.6fr 1.3fr 1.1fr .7fr .8fr .8fr;gap:14px;align-items:center;padding:14px 18px}.order-head{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#728093;border-bottom:1px solid #e1e7ed}.order-row{border-bottom:1px solid #e6ebf0;font-size:13px}.order-row em{font-style:normal;background:#e8f5ef;color:#247657;border-radius:20px;padding:4px 8px;width:max-content}.order-row time{color:#697789}@media(max-width:850px){.order-head{display:none}.order-row{grid-template-columns:1fr 1fr 1fr}.order-row span:nth-of-type(2),.order-row time{display:none}}
.sidebar-brand{height:118px;padding:2px 10px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #202b38;margin-bottom:14px}.sidebar-brand img{display:block;width:176px;height:auto;max-height:86px;object-fit:contain}.sidebar-brand small{margin-top:4px;color:#97a4b5;font-size:9px;letter-spacing:2.4px}.auth-logo{display:block;width:245px;max-width:100%;height:auto;margin:0 auto 26px}.auth-card>.eyebrow{margin-top:8px}
body:not(.auth)>aside{overflow:hidden}.sidebar-brand{width:100%;height:104px;padding:4px 8px 14px;overflow:hidden}.sidebar-brand img{display:block!important;width:160px!important;min-width:0!important;max-width:160px!important;height:72px!important;max-height:72px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important}.sidebar-brand small{flex:none;margin-top:3px}.workspace{overflow:hidden}@media(max-width:900px){.sidebar-brand{height:72px;padding:4px}.sidebar-brand img{width:58px!important;max-width:58px!important;height:52px!important}.sidebar-brand small{display:none}}
.metrics strong{font-size:24px!important}.metrics span{font-size:13px!important;font-weight:650}.metrics small{font-size:12px!important;color:#5e6d7e!important}.panel-head h2{font-size:15px}.panel-head a{font-size:12px;font-weight:650}.row{padding:14px 3px}.row b{font-size:14px}.row small,.row time{font-size:12px;color:#59687a}.row .priority{font-size:11px}.progress-row{font-size:13px}.stock p span{font-size:13px}.ai-card p,.ai-card li{font-size:13px;line-height:1.55}.thead{font-size:12px}.trow{font-size:14px;padding-top:16px;padding-bottom:16px}.trow small{font-size:12px;color:#5f6e80}.task b{font-size:14px}.task small{font-size:12px;color:#5f6e80}.pill{font-size:12px}label{font-size:13px;color:#4d5c6e}input,select,textarea,button{font-size:14px}.integration-status small,.store-row small{font-size:12px}.steps p,.steps li{font-size:13px;line-height:1.55}.aside-foot a{color:#c3ccd8!important;font-size:13px!important}
.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{font-size:13px;font-weight:650;color:#435267}.access-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:12px 0 24px}.access-head h1{font-size:32px;margin:4px 0 8px;color:#172234}.access-head p:last-child{max-width:720px;color:#667486;margin:0}.access-head>button{width:auto;white-space:nowrap}.access-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.access-summary article{padding:20px}.access-summary strong{display:block;font-size:28px;color:#182638}.access-summary span{color:#697789;font-size:13px}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.user-card{padding:22px}.user-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.user-card-head h2{font-size:17px;margin:0 0 3px}.user-card-head small{color:#718093}.user-card-head .initial{flex:0 0 42px;height:42px}.user-status{margin-left:auto;font-style:normal;background:#f0f2f5;color:#697789;border-radius:20px;padding:5px 9px;font-size:11px}.user-status.on{background:#e5f5ed;color:#207650}.user-card h3,#new-user h3{font-size:13px;margin:20px 0 10px;color:#344155}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.permission-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#f5f8fb;border:1px solid #e0e7ee;border-radius:8px}.permission-grid input{width:auto;margin:0}.permission-grid span{font-size:12px;color:#344155}.user-card>button{width:auto}.last-login{display:block;margin-top:12px;color:#7b8796}@media(max-width:1000px){.user-grid{grid-template-columns:1fr}}@media(max-width:650px){.access-head{align-items:flex-start;flex-direction:column}.access-summary{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}
.metrics.employee-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.triple:has(.panel.sales:nth-child(2):last-child){grid-template-columns:1.35fr .9fr}@media(max-width:850px){.metrics.employee-metrics,.triple:has(.panel.sales:nth-child(2):last-child){grid-template-columns:1fr}}
.crm-activity-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:18px;margin-top:18px}.crm-activity-grid>.panel{padding:22px}.activity-form{display:grid;grid-template-columns:150px 1fr auto;gap:9px;align-items:start;margin:16px 0 20px}.activity-form textarea{min-height:76px;resize:vertical}.activity-form button{height:42px}.activity-list,.crm-order-list{border-top:1px solid #e3e9ef}.activity-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:14px 2px;border-bottom:1px solid #e7ecf1}.activity-row span small,.crm-order-row small{display:block;color:#748294;font-size:11px;margin-top:4px}.activity-row p{margin:0;color:#354357;white-space:pre-wrap}.crm-order-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:15px 2px;border-bottom:1px solid #e7ecf1}.crm-order-row em{font-style:normal;background:#e8f5ef;color:#247657;padding:4px 8px;border-radius:20px;font-size:11px}.ai-workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 24px}.ai-workspace-head h1{font-size:32px;margin:4px 0 8px}.ai-workspace-head p:last-child{color:#667486;margin:0}.ai-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.ai-compose,.ai-result,.ai-connect{padding:24px}.ai-compose textarea{min-height:190px}.ai-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ai-quick button{width:auto;background:#edf3f8;color:#35516d;border:1px solid #d8e3ec;padding:8px 10px}.ai-result{min-height:430px}.ai-answer{white-space:normal;line-height:1.65;color:#263549;padding:18px 2px}.ai-result>[data-copy-ai]{width:auto}.ai-connect{margin-top:18px}.ai-connect form{display:flex;align-items:end;gap:10px;max-width:700px}.ai-connect label{flex:1}.ai-connect button{width:auto}@media(max-width:950px){.crm-activity-grid,.ai-layout{grid-template-columns:1fr}.activity-form{grid-template-columns:1fr}.ai-connect form{display:block}}@media(max-width:650px){.activity-row{grid-template-columns:1fr}.crm-order-row{grid-template-columns:1fr auto}.crm-order-row strong{grid-column:1/-1}}
.inbox-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:12px 0 24px}.inbox-head h1{font-size:32px;margin:4px 0 8px}.inbox-head p:last-child{color:#667486;margin:0}.inbox-head>button{width:auto}.inbox-shell{display:grid;grid-template-columns:340px 1fr;gap:18px}.inbox-list,.inbox-conversation{padding:20px;min-height:520px}.inbox-account{display:flex;align-items:center;gap:11px;padding:14px 2px;border-bottom:1px solid #e2e8ee}.inbox-account>i{display:grid;place-items:center;width:34px;height:34px;background:#e9f2f8;color:#2c6d98;border-radius:9px;font-style:normal}.inbox-account span{flex:1}.inbox-account b,.inbox-account small{display:block}.inbox-account small{color:#738193;font-size:11px;margin-top:3px}.inbox-account em{font-style:normal;font-size:10px;background:#fff4db;color:#8a6625;border-radius:20px;padding:4px 7px}.sync-status{margin-top:18px;padding:20px}.sync-row{display:grid;grid-template-columns:1fr auto 100px 150px;gap:14px;padding:12px 2px;border-bottom:1px solid #e2e8ee;align-items:center}.sync-row small{display:block;color:#738193}.sync-row em{font-style:normal;border-radius:20px;padding:4px 8px;font-size:11px;background:#e5f5ed;color:#267552}.sync-row em.error{background:#fbe9e9;color:#a04444}.mobile-menu{display:none}.auth{padding:20px}.auth-card{overflow:hidden}.auth-logo{object-fit:contain;max-height:110px}
@media(max-width:900px){body:not(.auth)>aside{transform:translateX(-100%);width:min(310px,86vw)!important;transition:transform .2s ease;z-index:100;padding-top:20px}body.menu-open>aside{transform:translateX(0)}body:not(.auth) .workspace{margin-left:0!important;padding:16px!important;width:100%}body:not(.auth) header{position:sticky;top:0;z-index:50;background:#f1f5f9;margin:-16px -16px 16px;padding:10px 16px;height:auto;box-shadow:0 2px 10px #182b3d12}.mobile-menu{display:grid;place-items:center;width:42px;height:42px;padding:0;background:#17324f;font-size:21px}.search{width:100%;max-width:none}.user-chip>span,body:not(.auth) header>time{display:none}.inbox-shell{grid-template-columns:1fr}.inbox-list,.inbox-conversation{min-height:auto}.inbox-conversation{min-height:300px}.table,.order-table,.inventory-table{overflow-x:auto}.thead,.trow{min-width:720px}.order-head,.order-row{min-width:760px}.customer-head{align-items:flex-start}.customer-head>a{width:100%}.welcome{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr!important}.sync-row{grid-template-columns:1fr auto}.sync-row time{display:none}}
@media(max-width:560px){body:not(.auth) .workspace{padding:12px!important}body:not(.auth) header{margin:-12px -12px 14px;padding:9px 12px}.welcome h1,.access-head h1,.inbox-head h1,.ai-workspace-head h1{font-size:26px}.welcome p{font-size:13px}.metrics{grid-template-columns:1fr!important}.metrics article{min-height:94px}.top-grid,.triple,.bottom-grid{grid-template-columns:1fr!important}.panel{border-radius:10px}.crm-form,.crm-side,.crm-activity-grid>.panel,.ai-compose,.ai-result{padding:16px}.cols{grid-template-columns:1fr}.toolbar,.access-head,.inbox-head,.ai-workspace-head{align-items:stretch;flex-direction:column}.toolbar button,.access-head>button,.inbox-head>button{width:100%}.customer-filters,.order-filters,.inventory-filters{display:grid!important;grid-template-columns:1fr!important}.customer-filters input{grid-column:auto!important}.permission-grid{grid-template-columns:1fr}.auth-card{width:100%;padding:28px 22px;border-radius:12px}.auth-logo{width:210px!important;max-height:92px;margin-bottom:20px!important}.auth-card h1{text-align:center}.auth-card>.eyebrow,.auth-card>.muted{text-align:center}.inbox-list{padding:15px}}