/* SD CORE Operations — Production Workspace UI
   Consolidated enterprise interface system.
   Source-of-truth stylesheet for authenticated, portal and public operational surfaces. */
/* 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}}

/* v4.2.1 — production Copilot workspace
   Conversation-first layout with fixed composer, compact prompts and no overlap. */
.page-ai .app-content{max-width:1460px!important;padding:18px 24px 28px!important;min-height:calc(100dvh - 64px)}
.ai-workspace{max-width:1180px!important;margin:0 auto!important}
.ai-workspace-head{margin:0 0 12px!important;min-height:58px!important;align-items:center!important}
.ai-workspace-head h2{font-size:24px!important;margin:4px 0 4px!important;letter-spacing:-.03em!important}
.ai-workspace-head p{font-size:11px!important;line-height:1.45!important;color:#788498!important}
.ai-connection{min-width:150px!important;padding:8px 10px!important;border-radius:11px!important}

.ai-chat-shell{height:clamp(560px,calc(100dvh - 190px),760px)!important;min-height:0!important;display:grid!important;grid-template-rows:46px minmax(0,1fr) auto auto!important;overflow:hidden!important;border-radius:16px!important;background:#0f1319!important;border:1px solid #242b36!important;box-shadow:0 18px 48px rgba(17,24,39,.12)!important}
.ai-chat-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid #232a34;background:#11161d;color:#b7c0cd}
.ai-chat-toolbar>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.ai-chat-toolbar b{font-size:10px;color:#e7ebf2}.ai-chat-toolbar small{font-size:8px;color:#6f7b8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-toolbar-actions{margin-left:auto}
.ai-ghost-btn{min-height:30px;border:1px solid #303845;background:#161c24;color:#aeb8c7;border-radius:8px;padding:0 10px;font:inherit;font-size:9px;font-weight:750}.ai-ghost-btn:hover{background:#1b222c;color:#fff;border-color:#414a59}

.ai-chat-log{height:auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:22px 22px 16px!important;background:radial-gradient(circle at 86% 4%,rgba(99,76,255,.08),transparent 28%),#0f1319!important;scrollbar-width:thin;scrollbar-color:#313a47 transparent}
.ai-chat-log::-webkit-scrollbar{width:8px}.ai-chat-log::-webkit-scrollbar-track{background:transparent}.ai-chat-log::-webkit-scrollbar-thumb{background:#313a47;border-radius:999px;border:2px solid #0f1319}
.ai-empty{min-height:100%!important;padding:24px!important;border:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;color:#8d98a9!important}
.ai-empty-mark{width:44px!important;height:44px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#4960ff,#8060f6)!important;color:#fff!important;font-size:11px!important;letter-spacing:.05em!important;font-weight:900!important;box-shadow:0 10px 30px rgba(83,93,255,.24)!important}
.ai-empty-copy{text-align:center;max-width:560px}.ai-empty-copy b{font-size:20px!important;letter-spacing:-.025em;color:#f1f4f8!important}.ai-empty-copy span{display:block;margin-top:5px;font-size:11px!important;line-height:1.55;color:#7f8b9c!important}
.ai-quick-grid{width:min(720px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.ai-quick-grid .ai-suggest{width:100%!important;max-width:none!important;min-height:54px!important;padding:10px 12px!important;border-radius:10px!important;background:#141920!important;border:1px solid #272f3b!important;color:#cbd3de!important;font-size:10px!important;line-height:1.35!important;text-align:left!important;box-shadow:none!important;transform:none!important}
.ai-quick-grid .ai-suggest:hover{background:#181e27!important;border-color:#4a5874!important;color:#fff!important}

.ai-msg{max-width:min(760px,82%)!important;margin-bottom:14px!important;gap:9px!important}.ai-msg.user{max-width:min(680px,75%)!important}
.ai-msg-avatar{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;font-size:8px!important}.ai-msg-body{padding:10px 12px!important;border-radius:12px!important;box-shadow:none!important}.ai-msg.assistant .ai-msg-body{background:#151a21!important;border-color:#252d38!important}.ai-msg.user .ai-msg-body{background:#22284a!important;border-color:#3744a3!important}.ai-msg-text{font-size:11px!important;line-height:1.62!important}.ai-msg-role{font-size:7px!important;margin-bottom:4px!important}

.ai-quickbar{display:flex;gap:7px;overflow-x:auto;padding:8px 12px;border-top:1px solid #202730;background:#10151c;scrollbar-width:none}.ai-quickbar::-webkit-scrollbar{display:none}.ai-suggest.compact{flex:0 0 auto!important;max-width:260px!important;min-height:30px!important;padding:6px 9px!important;border-radius:8px!important;border:1px solid #2a323e!important;background:#151a22!important;color:#9faabc!important;font-size:8px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ai-suggest.compact:hover{color:#fff!important;border-color:#46536a!important;background:#1a2029!important}

.ai-compose{position:relative!important;z-index:2;padding:10px 12px 9px!important;border-top:1px solid #232a34!important;background:#11161d!important}.ai-compose-main{min-height:50px!important;border-radius:12px!important;padding:7px 7px 7px 11px!important;background:#0d1117!important;border:1px solid #343d4b!important;align-items:flex-end!important}.ai-compose-main:focus-within{border-color:#6877ff!important;box-shadow:0 0 0 3px rgba(104,119,255,.10)!important}.ai-compose textarea{height:auto!important;min-height:34px!important;max-height:132px!important;resize:none!important;overflow-y:auto!important;padding:8px 0!important;font-size:11px!important;line-height:1.45!important;background:transparent!important;border:0!important;box-shadow:none!important}.ai-compose textarea:focus{box-shadow:none!important}.ai-send{height:36px!important;min-width:64px!important;border-radius:9px!important;padding:0 13px!important;font-size:10px!important;transition:opacity .16s,transform .16s,filter .16s!important}.ai-send:hover{transform:translateY(-1px)}.ai-send:disabled{opacity:.68;cursor:wait;transform:none}.ai-send.is-loading{filter:saturate(.8)}
.ai-compose-meta{padding:6px 2px 0!important;font-size:7px!important;color:#657185!important}.ai-config-wrap{margin-top:12px!important}.ai-config-wrap>details{box-shadow:none!important;border-radius:12px!important}.ai-clear{margin:0!important;padding:0!important}

/* subtle global production interactions */
.btn,.icon-btn,.quick-link,.nav-group a,.create-panel summary{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;touch-action:manipulation}
.btn:active,.quick-link:active,.icon-btn:active{transform:translateY(1px)}

@media(max-width:980px){
  .page-ai .app-content{padding:14px 16px 24px!important}.ai-workspace-head h2{font-size:22px!important}.ai-chat-shell{height:clamp(540px,calc(100dvh - 175px),720px)!important}.ai-msg{max-width:90%!important}.ai-msg.user{max-width:84%!important}
}
@media(max-width:760px){
  .page-ai .app-content{padding:0!important;height:calc(100dvh - 58px)!important;overflow:hidden!important}.ai-workspace{height:100%!important;display:block!important}.ai-workspace-head{display:none!important}.ai-chat-shell{height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;grid-template-rows:42px minmax(0,1fr) auto auto!important}.ai-chat-toolbar{height:42px!important;padding:0 10px!important}.ai-chat-toolbar small{display:none!important}.ai-chat-log{padding:14px 10px 10px!important}.ai-empty{padding:16px 8px!important}.ai-empty-copy b{font-size:18px!important}.ai-empty-copy span{font-size:10px!important}.ai-quick-grid{grid-template-columns:1fr!important;gap:7px!important;width:100%!important;max-width:520px!important}.ai-quick-grid .ai-suggest{min-height:44px!important;font-size:10px!important}.ai-msg,.ai-msg.user{max-width:96%!important}.ai-msg-avatar{width:26px!important;height:26px!important;flex-basis:26px!important}.ai-msg-text{font-size:11px!important}.ai-quickbar{padding:7px 9px!important}.ai-suggest.compact{max-width:220px!important;min-height:32px!important}.ai-compose{padding:8px 9px max(8px,env(safe-area-inset-bottom))!important}.ai-compose-main{min-height:48px!important;padding:5px 5px 5px 10px!important}.ai-compose textarea{min-height:34px!important;font-size:16px!important;max-height:116px!important}.ai-send{min-width:58px!important;height:38px!important;font-size:10px!important}.ai-compose-meta{display:none!important}.ai-config-wrap{display:none!important}
}
@media(max-width:460px){
  .ai-chat-toolbar b{font-size:9px!important}.ai-ghost-btn{min-height:32px!important}.ai-empty-mark{width:40px!important;height:40px!important}.ai-empty-copy b{font-size:17px!important}.ai-quick-grid .ai-suggest{padding:9px 10px!important}.ai-msg-body{padding:9px 10px!important}
}


/* Production refinements */
/* SD CORE Operations 5.0 — enterprise workspace refinement */
:root{
  --sd-ink:#101828;--sd-muted:#667085;--sd-line:#e4e7ec;--sd-bg:#f6f8fb;--sd-panel:#fff;
  --sd-sidebar:#0b1220;--sd-sidebar-2:#111c2d;--sd-accent:#0f62fe;--sd-cyan:#16b8d4;
  --sd-green:#067647;--sd-amber:#b54708;--sd-red:#b42318;--sd-radius:12px;
}
html{background:var(--sd-bg)}
body{font-feature-settings:"tnum" 1,"cv02" 1,"cv03" 1,"cv04" 1;color:var(--sd-ink)}
.app-body{background:var(--sd-bg)}
.app-shell{grid-template-columns:232px minmax(0,1fr)}
.app-sidebar{background:var(--sd-sidebar);border-right:1px solid #1d2939;padding:16px 12px;color:#d7deea}
.sidebar-brand{padding:6px 8px 16px}.sidebar-brand b{color:#fff}.sidebar-brand span{color:#7f91ad}.brand-logo{background:transparent!important}.brand-logo img{background:transparent!important}
.sidebar-search{background:#111c2d;border-color:#243249;color:#8796ad}.sidebar-search input{color:#e8edf5}.sidebar-search input::placeholder{color:#76869e}.sidebar-search kbd{background:#18263b;border-color:#30415d;color:#aab6c8}
.nav-group small{color:#63738c}.nav-group a{color:#a8b3c5;border-radius:8px;padding:9px 10px}.nav-group a i{color:#71829c}.nav-group a:hover{background:#111c2d;color:#fff}.nav-group a.active{background:#17243a;color:#fff;box-shadow:none}.nav-group a.active i{color:#5bd4ec}
.sidebar-user{border-top-color:#233148}.sidebar-user b{color:#eef2f7}.sidebar-user span,.sidebar-user>a{color:#8292aa}.avatar{background:#173052;color:#8ce6f5}
.app-topbar{height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--sd-line);padding:0 24px}.app-topbar h1{font-size:20px}.app-content{padding:22px 24px 36px;max-width:1680px}
.panel,.metric,.create-panel,.shipment-ops-card,.customer-card,.plan-card{border-radius:var(--sd-radius)!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;border-color:var(--sd-line)!important}
.welcome{background:#fff!important;color:var(--sd-ink)!important;border:1px solid var(--sd-line);border-radius:var(--sd-radius)!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;padding:20px 22px}.welcome .eyebrow{color:var(--sd-muted)}.welcome p{color:var(--sd-muted)}.welcome .btn{background:var(--sd-accent);color:#fff}
.metric-grid{gap:12px}.metric{min-height:112px;padding:15px 16px;background:#fff!important;color:var(--sd-ink)!important}.metric.blue,.metric.violet,.metric.cyan{background:#fff!important;color:var(--sd-ink)!important}.metric>span{margin-top:7px;color:var(--sd-muted);opacity:1}.metric strong{font-size:24px}.metric small{color:var(--sd-muted);opacity:1}.metric-icon{background:#f0f5ff!important;color:var(--sd-accent)!important}
.panel-head{padding:14px 16px}.panel-head h2{font-size:14px}.eyebrow{font-size:10px;color:#667085}
.btn{min-height:40px;border-radius:8px;padding:9px 13px;font-size:12px}.btn.primary{background:var(--sd-accent);box-shadow:none}.btn.soft{background:#fff;border-color:#d0d5dd}.btn.danger-soft{background:#fff6f6}
input,select,textarea{font-variant-numeric:tabular-nums}.create-body input,.create-body select,.create-body textarea,.status-updater input,.status-updater select,.status-updater textarea{border-radius:8px;min-height:42px;padding:10px 11px}.create-body textarea,.status-updater textarea{min-height:88px}
.table-wrap{overflow:auto;overscroll-behavior-inline:contain}table{font-variant-numeric:tabular-nums}th{font-size:10px!important;letter-spacing:.04em;text-transform:uppercase;color:#667085;background:#f9fafb}td{font-size:12px!important}th,td{padding:11px 12px!important;white-space:nowrap}td:first-child,th:first-child{padding-left:16px!important}
.status{border-radius:999px!important;font-size:10px!important;padding:5px 8px!important;font-weight:700!important}.status.delivered,.status.paid,.status.active,.status.completed,.status.done{background:#ecfdf3!important;color:var(--sd-green)!important}.status.overdue,.status.exception,.status.urgent,.status.critical,.status.suspended{background:#fef3f2!important;color:var(--sd-red)!important}.status.pending,.status.review,.status.customs,.status.medium,.status.grace-period{background:#fffaeb!important;color:var(--sd-amber)!important}
.v4-head{gap:16px!important}.v4-head h2{font-size:22px!important}.v4-head p{max-width:760px;color:var(--sd-muted)}.v4-kpis.report{gap:12px}.v4-kpis.report article{border-radius:10px!important;box-shadow:none!important}.v4-kpis.report small{display:block;margin-top:6px;color:var(--sd-muted);font-size:10px}
.v4-notice{border-radius:0!important}.v4-notice.unread{background:#f6f9ff!important}.v4-notice-icon{background:#dcebff!important}.v4-actions{flex-wrap:wrap}
.ai-workspace{border-radius:12px!important;overflow:hidden}.ai-chat-shell{border-radius:10px!important}
.shipping-profit-panel>div{border-radius:9px!important}
.customer-card{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}.customer-card:first-child{border-top:0!important}
.shipment-ops-card{background:#fff}.ship-commercial{font-variant-numeric:tabular-nums}
.nav-backdrop{background:rgba(2,6,23,.52)!important}
/* public/customer surfaces */
.portal-page,.track-page{background:#f6f8fb!important}.portal-wrap,.track-wrap{max-width:1220px!important}.portal-hero,.portal-card,.shipment-card,.track-card{border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}.portal-subnav a{border-radius:8px!important;font-size:11px!important;padding:10px 12px!important}.portal-shipping-method{border-radius:999px!important}
/* touch + mobile */
@media(max-width:900px){
  .app-shell{display:block}.app-sidebar{position:fixed;z-index:60;left:0;top:0;bottom:0;width:min(86vw,320px);height:100dvh;transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 48px rgba(2,6,23,.2)}
  body.nav-open .app-sidebar{transform:translateX(0)}body.nav-open .nav-backdrop{display:block!important;position:fixed;inset:0;z-index:50}
  .mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px}.app-topbar{padding:0 14px;height:64px}.top-actions .date-chip{display:none}.app-content{padding:16px 14px 28px}
  .metric-grid,.dashboard-grid,.dashboard-grid.lower,.customer360-grid,.portal-grid,.portal-grid.lower,.v4-grid{grid-template-columns:1fr!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric{min-height:100px}
  .form-grid.three,.form-grid.two{grid-template-columns:1fr!important}.btn,.icon-btn,.mobile-menu,.nav-group a,.portal-subnav a{min-height:44px}
  .v4-head{align-items:flex-start!important}.v4-head,.panel-head{flex-wrap:wrap}.v4-notice{grid-template-columns:24px minmax(0,1fr)!important}.v4-notice .v4-actions{grid-column:2}.period-filter{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.period-filter select,.period-filter button{grid-column:1/-1}
  .shipment-ops-card,.panel,.create-panel{overflow:hidden}.table-wrap{margin-inline:-1px}
}
@media(max-width:520px){
  .metric-grid{grid-template-columns:1fr!important}.top-actions .icon-btn:not(:last-child){display:none}.app-topbar h1{font-size:17px}.app-content{padding:12px 10px 24px}.welcome{padding:16px;align-items:flex-start;gap:14px;flex-direction:column}.welcome h2{font-size:21px}.panel-head{padding:13px}.v4-kpis.report{grid-template-columns:1fr!important}.period-filter{grid-template-columns:1fr!important}.period-filter>*{grid-column:auto!important}.v4-notice{padding:13px!important}.v4-notice .v4-actions{grid-column:1/-1}.v4-actions .btn,.v4-actions form{flex:1}.v4-actions form .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}