/* SD CORE Operations 4.2 — Production interface system
   Clean enterprise SaaS hierarchy inspired by modern CRM/ERP patterns.
   Loaded after the legacy inline stylesheet so these rules intentionally win. */
:root{
  --ui-bg:#f5f7fb;
  --ui-surface:#ffffff;
  --ui-surface-2:#f9fafc;
  --ui-ink:#182033;
  --ui-muted:#6f7b90;
  --ui-soft:#97a2b4;
  --ui-line:#e5e9f1;
  --ui-line-strong:#d9dfeb;
  --ui-primary:#3568f5;
  --ui-primary-2:#5c7df8;
  --ui-success:#12936a;
  --ui-warning:#c77b19;
  --ui-danger:#c53f4c;
  --ui-sidebar:#fbfcfe;
  --ui-sidebar-ink:#33405a;
  --ui-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(22,34,58,.05);
  --ui-shadow-hover:0 2px 4px rgba(16,24,40,.05),0 16px 36px rgba(22,34,58,.08);
  --ui-radius:14px;
}
html{background:var(--ui-bg)}
html,body{font-family:Inter,Geist,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums}
body.app-body{background:var(--ui-bg);color:var(--ui-ink)}
::selection{background:#dce6ff;color:#17316f}

/* Shell */
.app-shell{grid-template-columns:240px minmax(0,1fr)!important;min-height:100dvh}
.app-sidebar{background:var(--ui-sidebar)!important;border-right:1px solid var(--ui-line)!important;padding:18px 12px!important}
.sidebar-brand{padding:3px 8px 15px!important;gap:11px!important}
.sidebar-brand .brand-logo{width:38px!important;height:38px!important;border:1px solid #e1e7f2!important;border-radius:11px!important;background:#081321!important;box-shadow:none!important}
.sidebar-brand .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px}
.sidebar-brand b{font-size:13px!important;letter-spacing:.09em!important;color:#1d2739!important}
.sidebar-brand span{font-size:8px!important;color:#8691a3!important;letter-spacing:.13em!important}
.sidebar-search{height:39px!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;margin:4px 4px 16px!important;box-shadow:0 1px 2px rgba(20,33,61,.02)!important}
.sidebar-search input{font-size:11px!important;color:#39455b!important}
.sidebar-search kbd{background:#f5f7fa!important;border:1px solid #dfe4ed!important;color:#8b95a6!important;border-radius:6px!important;font-size:8px!important}
.nav-group{margin-top:13px!important}
.nav-group small{padding:0 10px!important;font-size:8px!important;color:#9aa4b4!important;letter-spacing:.13em!important;margin-bottom:5px!important}
.nav-group a{min-height:37px!important;border-radius:9px!important;padding:8px 10px!important;color:#59677f!important;font-size:11px!important;font-weight:700!important;gap:10px!important}
.nav-group a i{width:18px!important;color:#8793a6!important}
.nav-group a:hover{background:#f0f4fb!important;color:#26334a!important}
.nav-group a.active{background:#eaf0ff!important;color:#2e5bd1!important;box-shadow:none!important}
.nav-group a.active i{color:#3568f5!important}
.sidebar-user{border-top:1px solid var(--ui-line)!important;margin:16px 4px 0!important;padding:14px 5px 2px!important;background:transparent!important}
.sidebar-user .avatar{width:32px!important;height:32px!important;border-radius:9px!important;background:#e9efff!important;color:#315ed6!important}
.sidebar-user b{font-size:10px!important;color:#344057!important}.sidebar-user span{font-size:8px!important;color:#97a1b1!important}
.app-main{background:var(--ui-bg)!important;min-width:0}
.app-topbar{height:64px!important;padding:0 24px!important;background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--ui-line)!important;backdrop-filter:blur(12px)}
.app-topbar h1{font-size:18px!important;letter-spacing:-.025em!important;color:#202a3d!important}
.app-topbar .eyebrow{font-size:8px!important;color:#9aa5b7!important;letter-spacing:.12em!important}
.icon-btn,.date-chip{background:#fff!important;border:1px solid var(--ui-line)!important;color:#435169!important;box-shadow:none!important}
.icon-btn{width:37px!important;height:37px!important;border-radius:10px!important}.date-chip{height:37px!important;padding:0 12px!important;border-radius:10px!important;font-size:10px!important}
.app-content{max-width:1540px!important;padding:20px 24px 36px!important}

/* General production surfaces */
.panel,.metric,.create-panel,.record-hero,.v3-command,.settings-grid>section{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important;background:var(--ui-surface)!important}
.panel:hover{border-color:var(--ui-line-strong)!important;box-shadow:var(--ui-shadow)!important}
.panel-head{padding:14px 16px!important;border-color:#eef1f5!important;min-height:58px}.panel-head h2{font-size:13px!important;color:#273249!important}.panel-head .eyebrow{font-size:8px!important;color:#9aa4b4!important}
.period{font-size:8px!important;background:#f5f7fa!important;border-color:#e6eaf1!important;color:#798598!important}
.btn{min-height:36px!important;border-radius:9px!important;padding:9px 13px!important;font-size:10px!important;box-shadow:none!important}.btn.primary{background:#3568f5!important}.btn.primary:hover{background:#2f5ede!important}.btn.soft{background:#fff!important;border:1px solid var(--ui-line-strong)!important;color:#3f4c63!important}.btn.soft:hover{background:#f8fafc!important}.btn.danger-soft{background:#fff!important;border-color:#f0cfd3!important;color:#b23b48!important}
input,select,textarea{border-color:#dfe4ed!important;border-radius:9px!important;background:#fff!important;color:#28354a!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:#7f9cf7!important;box-shadow:0 0 0 3px rgba(53,104,245,.10)!important}
label{color:#48566e!important}.create-body label{font-size:10px!important}.create-body input,.create-body select,.create-body textarea{padding:10px 11px!important;font-size:11px!important}
.create-panel{margin-bottom:14px!important}.create-panel summary{padding:13px 15px!important}.create-panel summary b{font-size:11px!important}.create-panel summary small{font-size:9px!important;color:#909bad!important}
.table-wrap table{font-size:10px!important}.table-wrap th{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8e99ab!important;background:#fafbfd!important}.table-wrap td,.table-wrap th{padding:11px 13px!important;border-color:#eef1f5!important}.table-wrap tbody tr:hover td{background:#fbfcfe!important}
.status{font-size:8px!important;padding:4px 7px!important;border-radius:999px!important;border:1px solid transparent}
.empty{color:#929dad!important;background:linear-gradient(180deg,#fff,#fbfcfe)}

/* Dashboard — operational, role-friendly, not "AI-first" */
.dashboard-home{display:grid;gap:14px}
.dash-welcome-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:14px}
.dash-welcome{background:linear-gradient(125deg,#fff 0%,#fbfdff 70%,#f0f5ff 100%)!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;box-shadow:var(--ui-shadow)!important;padding:20px 22px!important;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}
.dash-welcome:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;top:-110px;background:radial-gradient(circle,#dfe9ff 0,#f7faff 62%,transparent 64%);opacity:.8;pointer-events:none}
.dash-welcome-copy{position:relative;z-index:1}.dash-welcome h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.035em;color:#1d2739}.dash-welcome p{margin:0;color:#6f7b90;font-size:11px;line-height:1.55}.dash-welcome .command-actions{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px}
.dash-focus{border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:16px!important;box-shadow:var(--ui-shadow)!important;padding:18px;display:flex;flex-direction:column;justify-content:space-between;min-height:170px}.dash-focus-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.dash-focus-mark{width:36px;height:36px;border-radius:11px;background:#edf2ff;color:#3568f5;display:grid;place-items:center}.dash-focus h3{font-size:13px;margin:12px 0 5px;color:#273249}.dash-focus p{font-size:10px;color:#788498;line-height:1.55;margin:0}.dash-focus-actions{display:flex;gap:8px;margin-top:14px}.dash-focus-count{font-size:9px;font-weight:800;color:#3568f5;background:#edf2ff;border-radius:999px;padding:5px 8px}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-kpi{background:#fff;border:1px solid var(--ui-line);border-radius:13px;padding:14px 15px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;box-shadow:var(--ui-shadow)}.dash-kpi-icon{width:34px;height:34px;border-radius:10px;background:#f2f5fb;color:#59708f;display:grid;place-items:center}.dash-kpi span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#9aa5b5;font-weight:800}.dash-kpi strong{display:block;font-size:17px;margin-top:2px;color:#202b3f;letter-spacing:-.025em}.dash-kpi small{font-size:8px;color:#98a2b2;text-align:right}.dash-kpi.alerting .dash-kpi-icon{background:#fff4e8;color:#c27b1d}
.dash-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:14px;align-items:start}.dash-main{display:grid;gap:14px}.dash-rail{display:grid;gap:14px;position:sticky;top:84px}.quick-link-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:14px}.quick-link{min-width:0;text-decoration:none;border:1px solid #e7ebf2;border-radius:11px;background:#fff;padding:12px 8px;display:grid;place-items:center;gap:7px;color:#536079;font-size:9px;font-weight:750;text-align:center;transition:border-color .16s,background .16s,transform .16s}.quick-link i{width:30px;height:30px;border-radius:9px;background:#f1f5ff;color:#3568f5;display:grid;place-items:center}.quick-link:hover{background:#f9fbff;border-color:#cfd9f7;transform:translateY(-1px)}
.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-work-list{display:grid}.dash-work-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid #eef1f5;text-decoration:none}.dash-work-row:last-child{border-bottom:0}.dash-work-row:hover{background:#fbfcfe}.dash-work-icon{width:34px;height:34px;border-radius:10px;background:#f5f7fa;color:#718099;display:grid;place-items:center}.dash-work-row b{font-size:10px;color:#354158}.dash-work-row small{display:block;margin-top:3px;font-size:8px;color:#99a3b3}.dash-work-row time{font-size:8px;color:#8995a6;white-space:nowrap}.dash-work-row.urgent .dash-work-icon{background:#fff0f1;color:#bd4650}.dash-work-row.warning .dash-work-icon{background:#fff5e9;color:#bf7a23}
.mini-calendar{padding:11px 13px 14px}.mini-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.mini-calendar-head b{font-size:11px}.mini-calendar table{width:100%;border-collapse:separate;border-spacing:3px;text-align:center}.mini-calendar th{font-size:7px;color:#a0a9b8;font-weight:800;padding:3px}.mini-calendar td{font-size:8px;height:25px;border-radius:7px;color:#637087}.mini-calendar td.today{background:#3568f5;color:#fff;font-weight:850}.mini-calendar td.muted-day{color:#ccd1d9}.rail-reminder{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid #eef1f5}.rail-reminder:last-child{border-bottom:0}.rail-reminder i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#f2f5fb;color:#66758e}.rail-reminder b{display:block;font-size:9px;color:#344057}.rail-reminder small{display:block;font-size:8px;color:#99a3b3;margin-top:2px;line-height:1.4}
.project-row,.simple-row,.activity-item{padding:11px 14px!important}.project-row .row-title,.simple-row b{font-size:10px!important}.project-row .muted,.simple-row small{font-size:8px!important}.progress{height:4px!important;background:#edf1f6!important}.progress i{background:#4f76f6!important}.activity-item b{font-size:9px!important}.activity-item small,.activity-item time{font-size:8px!important}
.bar-chart.v3-chart{height:205px!important;padding:18px 18px 12px!important;gap:12px!important}.bar-chart.v3-chart .bar-col i{width:52%!important;background:#5f7cf4!important;box-shadow:none!important}.bar-chart.v3-chart .bar-value{font-size:8px!important}

/* Record/list workspaces */
.record-hero{padding:17px!important}.record-hero h2{font-size:21px!important}.customer-card{padding:11px 14px!important;min-height:66px}.company-avatar{width:36px!important;height:36px!important;border-radius:10px!important;font-size:10px!important;background:#edf2ff!important;color:#3568f5!important}.customer-info b{font-size:10px!important}.customer-info span,.customer-stat span{font-size:8px!important}.customer-stat b{font-size:11px!important}
.v3-command{padding:17px 18px!important;margin-bottom:14px!important}.v3-command h2{font-size:21px!important;margin:5px 0!important}.v3-command p{font-size:10px!important}.v3-kpis,.v4-kpis{gap:11px!important}.v3-kpis article,.v4-kpis article{border:1px solid var(--ui-line)!important;border-radius:12px!important;box-shadow:var(--ui-shadow)!important;padding:14px!important;background:#fff!important}.v3-kpis strong,.v4-kpis strong{font-size:17px!important}.v3-kpis span,.v4-kpis span{font-size:8px!important}

/* AI — dedicated dark work surface within the regular product shell */
.page-ai .app-sidebar{background:#fbfcfe!important;border-color:var(--ui-line)!important}.page-ai .sidebar-brand b,.page-ai .sidebar-user b{color:#1d2739!important}.page-ai .sidebar-brand span,.page-ai .sidebar-user span,.page-ai .nav-group small{color:#8f9aaa!important}.page-ai .nav-group a{color:#59677f!important}.page-ai .nav-group a:hover{background:#f0f4fb!important;color:#26334a!important}.page-ai .nav-group a.active{background:#eaf0ff!important;color:#2e5bd1!important}.page-ai .sidebar-search{background:#fff!important;border-color:var(--ui-line)!important}.page-ai .sidebar-search input{color:#39455b!important}
.page-ai .app-content{max-width:1380px!important}.ai-workspace{max-width:1060px!important}.ai-workspace-head{margin:2px 2px 12px!important;align-items:center!important}.ai-workspace-head h2{font-size:22px!important;margin:4px 0 4px!important}.ai-workspace-head p{font-size:10px!important;max-width:680px!important}.ai-connection{padding:7px 10px!important;min-width:145px!important;border-radius:10px!important}.ai-chat-shell{border-radius:16px!important;box-shadow:0 18px 50px rgba(10,18,35,.13)!important;border-color:#232936!important}.ai-suggestion-strip{padding:12px 14px 10px!important}.ai-suggestions{gap:7px!important}.ai-suggest{max-width:240px!important;padding:8px 10px!important;border-radius:9px!important;font-size:9px!important}.ai-chat-log{height:min(50vh,500px)!important;min-height:340px!important;padding:18px!important}.ai-empty{min-height:270px!important}.ai-empty-mark{width:42px!important;height:42px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#f4efff,#8b6df8 35%,#3b47b8 80%)!important;box-shadow:0 0 35px rgba(137,103,255,.25)!important;color:transparent!important}.ai-empty b{font-size:17px!important}.ai-empty span{font-size:10px!important}.ai-msg{max-width:76%!important}.ai-msg-body{padding:10px 12px!important}.ai-msg-text{font-size:10px!important}.ai-compose{padding:11px 12px!important}.ai-compose-main{border-radius:12px!important;padding:7px 7px 7px 11px!important}.ai-compose textarea{min-height:40px!important;max-height:110px!important;font-size:11px!important;resize:none!important}.ai-send{height:35px!important;min-width:58px!important;border-radius:9px!important}.ai-config-wrap{margin-top:10px!important}.ai-config-wrap>details{box-shadow:none!important}

/* Customer portal — self-service product, not a backend clone */
body.portal-page{background:#f5f7fb!important;color:#1e293b!important;min-height:100dvh}
.portal-top{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:236px!important;height:100dvh!important;background:#10151d!important;border:0!important;padding:22px 18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;z-index:20!important;color:#fff!important}
.portal-brand{gap:11px!important;align-items:center!important;color:#fff!important}.portal-brand img{width:42px!important;height:42px!important;background:#07111f!important;border:1px solid #213047!important;border-radius:12px!important;padding:3px}.portal-brand span{font-size:11px!important;letter-spacing:.11em!important;line-height:1.3!important}.portal-top>div:last-child{display:grid!important;gap:8px!important}.portal-company{display:block!important;color:#9aa7b8!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.portal-logout{color:#dce3ec!important;font-size:9px!important;text-decoration:none!important;border:1px solid #29303c!important;border-radius:9px!important;padding:9px 10px!important;text-align:center!important}.portal-logout:hover{background:#181f29!important}
.portal-wrap{max-width:none!important;margin:0!important;padding:24px 26px 40px 262px!important}.portal-subnav{position:fixed!important;left:14px!important;top:95px!important;width:208px!important;z-index:22!important;display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:0!important;overflow:visible!important}.portal-subnav a{border:0!important;background:transparent!important;border-radius:9px!important;padding:10px 11px!important;color:#9da9b9!important;font-size:9px!important;text-align:left!important}.portal-subnav a:hover{background:#181f29!important;color:#fff!important}.portal-subnav a:last-child{margin-top:10px!important;border-top:1px solid #252c36!important;border-radius:0!important;padding-top:16px!important}
.portal-hero{border:1px solid var(--ui-line)!important;background:linear-gradient(130deg,#fff,#fbfdff 75%,#f0f5ff)!important;border-radius:16px!important;box-shadow:var(--ui-shadow)!important;padding:22px 24px!important}.portal-hero:after{display:none!important}.portal-hero h1{font-size:24px!important;letter-spacing:-.035em!important;margin:5px 0!important}.portal-hero p{font-size:10px!important;color:#768197!important}.portal-health{font-size:9px!important;border:1px solid #dcefe7!important;background:#f2fbf7!important;color:#177a59!important;border-radius:999px!important;padding:7px 9px!important}
.portal-metrics{margin:14px 0!important}.portal-metrics .metric{min-height:96px!important;padding:13px 14px!important;border-radius:12px!important;background:#fff!important;color:#26324a!important;box-shadow:var(--ui-shadow)!important}.portal-metrics .metric-icon{top:12px!important;right:12px!important;width:28px!important;height:28px!important;background:#f1f5ff!important;color:#3568f5!important}.portal-metrics .metric>span{margin-top:8px!important;font-size:8px!important}.portal-metrics .metric strong{font-size:18px!important}.portal-metrics .metric small{font-size:8px!important}.portal-grid{gap:14px!important}.portal-page .panel{box-shadow:var(--ui-shadow)!important}.portal-page .panel-head{padding:14px 15px!important}.invoice-link{padding:11px 14px!important}.shipment-card{border-radius:12px!important;border-color:var(--ui-line)!important;box-shadow:none!important}.shipment-card:hover{border-color:#cfd9ee!important;background:#fbfdff!important}.portal-footer{margin-left:236px!important;padding:18px 26px!important;background:transparent!important;color:#8d98aa!important;font-size:9px!important}

/* Mobile/tablet */
@media(max-width:1180px){
  .dash-layout{grid-template-columns:minmax(0,1fr) 280px}.quick-link-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .app-shell{grid-template-columns:210px minmax(0,1fr)!important}.app-content{padding:18px!important}.dash-welcome-grid{grid-template-columns:1fr}.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-layout{grid-template-columns:1fr}.dash-rail{position:static;grid-template-columns:1fr 1fr}.quick-link-grid{grid-template-columns:repeat(3,1fr)}
  .portal-top{width:210px!important}.portal-subnav{width:182px!important}.portal-wrap{padding-left:230px!important}.portal-footer{margin-left:210px!important}
}
@media(max-width:760px){
  .app-sidebar{left:-282px!important;width:276px!important;max-width:88vw!important;background:#fff!important}.nav-open .app-sidebar{left:0!important}.app-topbar{height:58px!important;padding:0 11px!important}.app-content{padding:11px 10px calc(22px + env(safe-area-inset-bottom))!important}.app-topbar h1{font-size:16px!important}.mobile-menu{width:36px!important;height:36px!important}
  input,select,textarea{font-size:16px!important}.create-body input,.create-body select,.create-body textarea{font-size:16px!important}.btn,.icon-btn{min-height:44px!important}.icon-btn{width:44px!important;height:44px!important}
  .dash-welcome{padding:17px!important;display:block}.dash-welcome h2{font-size:21px}.dash-focus{min-height:0;padding:15px}.dash-kpis{grid-template-columns:1fr 1fr;gap:9px}.dash-kpi{grid-template-columns:32px 1fr;padding:11px}.dash-kpi small{display:none}.dash-kpi strong{font-size:15px}.dash-main{gap:10px}.dash-rail{grid-template-columns:1fr;gap:10px}.dash-two{grid-template-columns:1fr}.quick-link-grid{grid-template-columns:repeat(3,1fr);padding:10px}.quick-link{padding:10px 5px;font-size:8px}.mini-calendar td{height:29px;font-size:9px}
  .panel,.metric,.create-panel,.record-hero,.v3-command{border-radius:12px!important}.panel-head{padding:12px!important}.table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}
  .ai-workspace-head{display:none!important}.page-ai .app-content{padding:8px!important}.ai-chat-shell{height:calc(100dvh - 78px)!important;border-radius:12px!important;display:flex!important;flex-direction:column!important}.ai-suggestion-strip{flex:0 0 auto!important}.ai-chat-log{height:auto!important;min-height:0!important;flex:1 1 auto!important;padding:12px!important}.ai-msg{max-width:94%!important}.ai-compose{position:static!important;flex:0 0 auto!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.ai-config-wrap{display:none!important}
  .portal-top{position:sticky!important;top:0!important;left:auto!important;width:auto!important;height:60px!important;padding:8px 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;background:#10151d!important}.portal-brand img{width:36px!important;height:36px!important}.portal-brand span{font-size:9px!important}.portal-top>div:last-child{display:flex!important;align-items:center!important;gap:8px!important}.portal-company{display:none!important}.portal-logout{padding:7px 9px!important}.portal-wrap{padding:12px 10px 28px!important}.portal-subnav{position:static!important;width:auto!important;display:flex!important;flex-direction:row!important;gap:6px!important;overflow:auto!important;padding:3px 0 10px!important}.portal-subnav a{background:#fff!important;border:1px solid var(--ui-line)!important;color:#667389!important;white-space:nowrap!important;padding:8px 10px!important}.portal-subnav a:last-child{margin:0!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;padding-top:8px!important}.portal-hero{padding:17px!important}.portal-hero h1{font-size:20px!important}.portal-metrics{grid-template-columns:1fr 1fr!important}.portal-footer{margin-left:0!important;padding:14px!important;text-align:center!important}
}
@media(max-width:480px){
  .dash-kpis{grid-template-columns:1fr}.quick-link-grid{grid-template-columns:repeat(2,1fr)}.dash-welcome .command-actions .btn{flex:1}.portal-metrics{grid-template-columns:1fr 1fr!important}.portal-metrics .metric{min-height:88px!important}.ai-suggest{max-width:200px!important}.ai-suggestion-label{display:none!important}
}

/* Accessibility / reduced motion */
:focus-visible{outline:2px solid #6f8df6;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Entry points and customer-facing documents */
.auth-page{background:#f3f6fb!important;padding:24px!important}.auth-shell{border:1px solid #e2e7ef!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(23,34,58,.12)!important;min-height:620px!important}.auth-visual{background:linear-gradient(150deg,#101b2c,#13243a 72%,#0c1727)!important;padding:42px!important}.auth-copy h1{font-size:36px!important}.auth-copy p{font-size:14px!important}.auth-card{padding:48px!important}.auth-card h2{font-size:28px!important}.auth-form{gap:13px!important}.auth-form input{min-height:44px!important;border-radius:10px!important}.security-note{font-size:10px!important}.auth-logo img{border-radius:10px!important}.portal-auth{background:#f5f7fb!important}.portal-login-card{border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(23,34,58,.11)!important}
.track-page{background:#f5f7fb!important}.track-top{background:#fff!important;border-bottom:1px solid var(--ui-line)!important}.track-wrap{max-width:1120px!important}.track-hero,.track-card{border:1px solid var(--ui-line)!important;box-shadow:var(--ui-shadow)!important;border-radius:15px!important}.track-hero{background:linear-gradient(130deg,#fff,#fbfdff)!important;color:#1d2739!important}.track-hero p,.track-top>span{color:#7c8799!important}.invoice-page .sheet,.sheet{box-shadow:var(--ui-shadow)!important;border-color:var(--ui-line)!important;border-radius:16px!important}
@media(max-width:760px){.auth-page{padding:0!important}.auth-shell{border:0!important;border-radius:0!important;min-height:100dvh!important}.auth-card{padding:26px 20px!important}.portal-login-card{margin:0!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}}