body,button,input,select,textarea{font-family:'IBM Plex Sans',sans-serif}
h1,h2,h3,.brand,.page-heading h1,.metric h2,.card-head h3,.chart-summary strong,.date-block strong,.supplier-logo,.supplier-card h3,.big-stat h2,.modal h2{font-family:'Sora',sans-serif}
.primary,.secondary,.card-head select,.toolbar select,.chart-summary em,.modal input,.modal select{font-family:'IBM Plex Sans',sans-serif}
.brand-icon-only{width:44px;padding:0 10px 28px;justify-content:flex-start}
.brand-icon-only .brand-mark{width:27px;height:27px}
.brand-icon-only .brand-mark i{width:7px}
.po-parts{display:flex;flex-wrap:wrap;gap:4px;min-width:210px;max-width:300px}
.po-parts span{display:inline-flex;padding:4px 7px;border-radius:5px;background:#edf3ef;color:#285f4a;font-size:9px;font-weight:600;white-space:nowrap}
body.dark-mode .po-parts span{background:#26372f;color:#a9d4bd}
body.dark-mode{--cream:#17151a;--white:#242129;--line:#403a48;background:radial-gradient(circle at 82% 0%,rgba(143,99,168,.2),transparent 36%),linear-gradient(145deg,#121114 0%,#1b181e 52%,#17191e 100%)}
body.dark-mode .topbar,body.dark-mode .metric,body.dark-mode .card,body.dark-mode .modal{background:#242129;border-color:#403a48}
body.dark-mode .sidebar{background:linear-gradient(180deg,#281f30 0%,#17151d 100%)}
body.dark-mode .search,body.dark-mode .inner-search,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#1b191f!important;border-color:#403a48!important}
body.dark-mode th{background:#1d1b21;border-color:#393440}
body.dark-mode td,body.dark-mode .activity-item,body.dark-mode .maintenance-item{border-color:#393440}
body.dark-mode .secondary,body.dark-mode .theme-toggle{background:#2c2932;border-color:#484250}
body.dark-mode .chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#35303a 38px);border-color:#403a48}
body.dark-mode .progress-track,body.dark-mode .stock-level div{background:#37333d}
@media (min-width:1101px) and (min-height:760px){
  .content{min-height:calc(100vh - 72px)}
  #dashboard.page.active{min-height:calc(100vh - 136px);display:grid;grid-template-rows:auto auto minmax(280px,1.35fr) minmax(210px,1fr);gap:18px}
  #dashboard .page-heading,#dashboard .metrics,#dashboard .dashboard-grid,#dashboard .bottom-grid{margin-bottom:0}
  #dashboard .dashboard-grid,#dashboard .bottom-grid{min-height:0}
  #dashboard .card{height:100%}
  #dashboard .stock-card,#dashboard .chart-card,#dashboard .activity-card,#dashboard .schedule-card{display:flex;flex-direction:column}
  #dashboard .stock-card .table-wrap,#dashboard .chart-card .chart,#recentActivity,#maintenanceList{flex:1}
  #dashboard .stock-card table{height:100%}
  #recentActivity,#maintenanceList{display:flex;flex-direction:column}
  #recentActivity .activity-item,#maintenanceList .maintenance-item{flex:1}
}