/* Orlando Design System 2026 — dark, readable, restrained. */
:root, html.dark {
 color-scheme:dark;
 --nav-w:238px;
 --bg:#0e131b;--surface:#171f29;--surface2:#1c2632;
 --ink:#edf2f8;--sub:#a9b6c7;--muted:#8796ab;
 --border:#2b3644;--line:#283441;
 --blue:#a5c5ff;--blue-light:#20324a;
 --green:#7dd7bb;--green-bg:#19372f;
 --amber:#e6bd82;--amber-bg:#392e23;
 --red:#f19ba5;--red-bg:#402b33;
 --purple:#c4b7e8;--purple-bg:#322f43;--shadow:none;
}
html.dark,body{background:var(--bg)}
body{font-size:13.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
:where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
:where(button,input,select,textarea,a,[tabindex]):focus-visible{outline:2px solid #9cbbf5;outline-offset:2px}
/* Sidebar: meaningful navigation without faux branding. */
.sidebar{background:#121922;border-right:1px solid #25313f}
.brand-area{min-height:73px;padding:17px 19px;gap:11px}
.brand-placeholder{height:37px;width:37px;border-radius:9px;flex-shrink:0}
html.dark .brand-placeholder{background:#1b2531;border:1px dashed #4b5b6e}
.brand-caption{font-size:13px;font-weight:660;letter-spacing:-.22px}
.brand-caption small{letter-spacing:.45px;font-size:10px;font-weight:520;text-transform:none;margin-top:4px}
.sidebar-scroll{padding:14px 10px}
.nav-section{font-size:10.5px;font-weight:580;text-transform:none;letter-spacing:.15px;padding:17px 12px 7px}
.nav-item{position:relative;font-size:12.8px;font-weight:510;padding:11px 12px;gap:12px;min-height:42px;border-radius:8px;margin:2px 0}
.nav-item svg{width:18px;height:18px;stroke-width:1.7}
html.dark .nav-item{color:#a2afc0}
html.dark .nav-item:hover{color:#eff3f8;background:#1b2836}
html.dark .nav-item.active{color:#e9f1ff;background:#24344a;font-weight:620}
.nav-item.active::before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:3px;background:#8fb4f5}
.sidebar-footer{padding:12px}
.user-block{background:transparent;border:1px solid var(--border);padding:8px;border-radius:9px}
html.dark .avatar{color:#d7e6ff;background:#2a3a50;font-weight:650}
html.dark .topbar{background:rgba(15,21,30,.96);border-bottom:1px solid #27323f}
.topbar{height:65px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.top-right{gap:8px}
.breadcrumbs{color:var(--muted);font-size:12px}
.breadcrumbs strong{font-size:12.5px}
.breadcrumb-separator{opacity:.6}
.top-search{border-radius:8px;height:37px;box-shadow:none}
.kbd{border-color:#344353;color:var(--muted);font-size:10px}
.icon-btn{color:var(--sub);border-radius:8px}
.icon-btn:hover{color:var(--ink);background:var(--surface2)}
/* Type is information, not decoration. */
.content{max-width:1600px;padding-top:31px}
.page-heading{align-items:center;margin-bottom:23px}
.eyebrow{display:none}
.page-title{font-size:clamp(23px,1.8vw,28px);font-weight:685;letter-spacing:-.8px}
.page-subtitle{font-size:12.8px;margin-top:5px;max-width:75ch;line-height:1.55}
.surface-title{font-size:13.5px;font-weight:635;letter-spacing:-.13px}
.surface-caption{font-size:11.5px;line-height:1.55}
.hint{color:var(--sub)}
/* Flat commercial surfaces and a single primary action. */
.surface{border-radius:10px;box-shadow:none}
html.dark .btn{background:#1d2834;color:#dce5ef;border:1px solid #344151;border-radius:8px;box-shadow:none;font-weight:580;font-size:12px}
html.dark .btn:hover{background:#263443;color:white;border-color:#4a5b70}
html.dark .btn.primary{color:#fff;background:#3e76ce;border-color:#4b7fd3;box-shadow:none}
html.dark .btn.primary:hover{background:#4b84da;border-color:#4b84da}
.btn{min-height:37px;padding:8px 13px;gap:8px}
.btn.sm{min-height:32px;font-size:11.5px}
html.dark .btn.ghost{background:transparent;border-color:transparent}
.kpi-grid{gap:12px}
.kpi{padding:18px 19px}
.kpi-top{font-size:12px;font-weight:540;line-height:1.5}
.kpi-ico{height:29px;width:29px;border-radius:7px;background:#243449;color:#abc9ff}
.kpi-ico svg{width:16px;height:16px;stroke-width:1.6}
.kpi-value{font-size:clamp(23px,1.9vw,29px);font-variant-numeric:tabular-nums;font-weight:680;letter-spacing:-.95px;margin:18px 0 9px}
.kpi-foot{color:var(--muted);font-size:11px}
.kpi-foot .up{color:var(--green)}
.dashboard-grid,.dashboard-lower{gap:13px}
.surface-head{padding:20px 20px 14px}
.funnel-track,html.dark .funnel-track{background:#273442;height:6px}
.funnel-fill{border-radius:2px}
.funnel-row{font-size:12px}
/* Operational data density and semantic status. */
.data-table{font-size:12px;border-collapse:collapse}
.data-table th{background:#192330;color:#9eacbf;font-weight:570;letter-spacing:.1px;text-transform:none;font-size:11px}
.data-table td{border-color:var(--line);font-size:12px}
html.dark .data-table tr:hover{background:#1c2938}
.linkish{font-weight:620}
.searchfield{background:var(--surface);border-color:var(--border)}
.form-control,.select,input,textarea{accent-color:#81adf5}
.form-control,.select{border-radius:8px}
html.dark .form-control,html.dark .select{background:#1b2632;color:var(--ink);border-color:#354353}
html.dark .form-control:focus,html.dark .select:focus{border-color:#83a8e8}
.badge{font-size:10.5px;font-weight:610;letter-spacing:0;padding:4px 8px;border-radius:6px}
.badge .dot{width:5px;height:5px}
html.dark .badge.neutral{background:#273443;color:#c6d1de}
/* Clear inventory tiles: status and price first. */
.inventory-stats{gap:12px}
.inventory-stat{padding:17px 19px}
.inventory-stat strong{font-weight:675;font-size:25px}
.lot-grid{gap:12px}
.lot-card{gap:13px;min-height:238px;padding:17px;transition:border-color 120ms ease,background 120ms ease}
.lot-card:hover,html.dark .lot-card:hover{transform:none;border-color:#42536a;box-shadow:none;background:#19232e}
.lot-icon{width:35px;height:35px;border-radius:8px;color:#adcaff;background:#243449;border-color:#34445a}
.lot-identity strong{font-size:15px;font-weight:685}
.lot-specs{color:var(--sub)}
.lot-price{font-variant-numeric:tabular-nums;font-weight:680;font-size:20px}
.lot-actions{gap:7px}
.lot-actions .btn{min-height:36px}
/* Kanban board and interactions without decorative motion. */
html.dark .kanban-col{background:#111a25;border:1px solid #273440}
.deal-card{box-shadow:none}
html.dark .deal-card{background:#1a2633;border-color:#2d3e51}
html.dark .deal-card:hover{box-shadow:none;border-color:#536984}
html.dark .demo-banner{background:#162438;color:#acbfda;border-color:#29415f}
html.dark .overlay{background:rgba(3,7,12,.76)}
.drawer,.modal{box-shadow:none}
html.dark .toast{box-shadow:none;background:#293c50}
.toast{font-size:12px}
/* One persistent mobile navigation with touch-first actions. */
@media(max-width:767px){
 .content{padding-top:21px}
 .topbar{height:57px}
 .page-heading{margin-bottom:19px}
 .page-title{font-size:23px}
 .page-subtitle{max-width:45ch}
 .kpi-grid,.inventory-stats{gap:9px}
 .kpi{padding:15px}
 .kpi-value{margin-top:12px}
 .lot-card{min-height:224px}
 .mobile-bottom-nav{background:#111923;border-top:1px solid #324050;box-shadow:none}
 .mobile-tab{color:#a8b6c7;border-radius:8px}
 .mobile-tab.active:not(.mobile-create),html.dark .mobile-tab.active:not(.mobile-create){background:#233447;color:#e7f1ff}
 .mobile-tab-icon{color:inherit}
 .mobile-tab.mobile-create .mobile-tab-icon,html.dark .mobile-tab.mobile-create .mobile-tab-icon{background:#344f76;color:#eaf2ff;box-shadow:none}
 .mobile-tab.mobile-create .mobile-tab-label{color:#a8b6c7}
 .mobile-tab-label{letter-spacing:0;font-weight:580}
 .mobile-tab-indicator{background:#8aabe8}
 .mobile-nav-backdrop{background:#05080dcc}
 .mobile-trigger{display:none!important}
 .sidebar{background:#121b26}
 .nav-item{font-size:13.6px}
 .top-right>.btn.primary{display:none}
 .toast-container{bottom:calc(85px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:768px) and (max-width:1179px){
 .nav-item.active::before{top:9px;bottom:9px}
 .brand-area{padding:14px 9px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}