/* Breakpoints and presentation layout for the full-width application shell. */
@media (max-width:1500px) {
  .topbar .tab { padding-inline:9px; font-size:11px; }
  .executive-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1200px) {
  .kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .two,.two-even,.unit-hero { grid-template-columns:1fr; }
  .status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .top-actions { flex-wrap:wrap; }
  .refresh-status { order:3; width:100%; }
  .executive-analysis-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .executive-analysis-grid .compact-source { grid-column:1/-1; }
  .executive-context-grid { grid-template-columns:1fr; }
  .overview-main-grid,.overview-main-grid.lower { grid-template-columns:1fr!important; }
  .mtd-strip { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .mtd-title { grid-column:1/-1; }
}
@media (max-width:900px) {
  .drawer { width:100vw; }
  .detail-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .detail-insights { grid-template-columns:1fr; }
  .bd-hourly { overflow-x:auto; grid-template-columns:repeat(12,55px); }
  .executive-analysis-grid { grid-template-columns:1fr; }
  .executive-analysis-grid .compact-source { grid-column:auto; }
  .executive-hero { grid-template-columns:1fr; }
  .hero-condition { border-left:0; border-top:1px solid var(--line); }
  .rule-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .topbar-inner,.control-bar { padding-inline:14px; }
  .topbar .tabs { padding-inline:14px; }
  .topbar-context #brandCompany { display:none; }
  .top-actions { justify-content:flex-start; }
  .filter-group { width:100%; flex-wrap:wrap; }
  .filter-group .select { flex:1; min-width:110px!important; }
  .action-group { border-left:0; padding-left:0; flex-wrap:wrap; }
  .shell { padding:14px; }
  .headline { flex-direction:column; align-items:flex-start; gap:8px; }
  .headline h1 { font-size:24px; }
  .headline-meta { text-align:left; }
  body[data-active-view="overview"] .headline { height:auto; min-height:165px; padding:18px; }
  body[data-active-view="overview"] .headline:before { background:linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.94) 55%,rgba(248,250,252,.3) 100%),url('/assets/images/mining-hero.webp') center/cover no-repeat; }
  .headline-facts { flex-wrap:wrap; }
  .executive-kpi-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .three,.four { grid-template-columns:1fr; }
  .status-grid,.metric-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .event { grid-template-columns:1fr; gap:4px; }
  .barrow { grid-template-columns:90px 1fr 65px; }
  .shift-matrix { grid-template-columns:1fr!important; }
  .fuel-shift-row { grid-template-columns:45px 1fr 1fr; }
  .fuel-shift-row span:nth-child(n+4) { display:none; }
  .formula-box { grid-template-columns:1fr; }
  .wf-grid { min-width:620px; }
  .waterfall-chart { overflow-x:auto; padding-left:0; }
  .waterfall-chart .wf-axis { display:none; }
}
@media (max-width:620px) {
  .detail-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analysis-bar { grid-template-columns:100px 1fr 72px; }
  .mtd-strip { grid-template-columns:1fr 1fr!important; }
  .mtd-title { grid-column:1/-1; }
  .mini-insight-list,.rule-grid,.basis-row { grid-template-columns:1fr; }
  .fuel-shift-row { grid-template-columns:40px 1fr; }
  .fuel-shift-row span:nth-child(n+3) { display:none; }
}