@media(max-width:980px){
  body:not([data-view="terminal"]){overflow-x:hidden}
  body:not([data-view="terminal"]) .terminal-shell{width:100%;min-width:0;overflow-x:hidden}
  body:not([data-view="terminal"]) .content{width:100%;min-width:0}
  body:not([data-view="terminal"]) .topbar{width:100%;min-width:0}
  body:not([data-view="terminal"]) .top-actions{min-width:0}
  body:not([data-view="terminal"]) .navbar{width:100%;max-width:100%;overscroll-behavior-x:contain}
  body:not([data-view="terminal"]) .panel,
  body:not([data-view="terminal"]) .page-head,
  body:not([data-view="terminal"]) .summary-strip{min-width:0;max-width:100%}
  body:not([data-view="terminal"]) .table-wrap{max-width:100%;overflow-x:auto}
}

@media(max-width:620px){
  body:not([data-view="terminal"]) .topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:9px 12px}
  body:not([data-view="terminal"]) .brand img{width:137px}
  body:not([data-view="terminal"]) .top-actions{gap:0}
  body:not([data-view="terminal"]) .top-actions #resetBtn{display:none}
  body:not([data-view="terminal"]) .view-select{width:152px;max-width:152px;padding:7px 6px;font-size:10px}
  body:not([data-view="terminal"]) .workspace-switch{width:100%;max-width:100%;overflow-x:auto;gap:5px;padding-bottom:1px}
  body:not([data-view="terminal"]) .seg-btn{padding:8px 11px;font-size:11px;flex:0 0 auto}
  body:not([data-view="terminal"]) .mobile-notice{grid-template-columns:minmax(0,1fr) auto;padding:9px 10px;gap:8px;font-size:9px;line-height:1.35}
  body:not([data-view="terminal"]) .mobile-notice button{display:block;white-space:nowrap;padding:6px 7px;font-size:8px}
  body:not([data-view="terminal"]) .navbar{top:111px;padding:0 8px}
  body:not([data-view="terminal"]) .nav-btn{padding:11px 10px 9px;font-size:10px}
  body:not([data-view="terminal"]) .content{padding:13px 10px 34px}
  body:not([data-view="terminal"]) .grid.kpis{grid-template-columns:1fr!important}
  body:not([data-view="terminal"]) .grid.two,
  body:not([data-view="terminal"]) .grid.two-even,
  body:not([data-view="terminal"]) .grid.three,
  body:not([data-view="terminal"]) .grid.four{grid-template-columns:1fr!important}
  body:not([data-view="terminal"]) .page-head{gap:12px}
  body:not([data-view="terminal"]) .page-title{font-size:24px;line-height:1.08}
  body:not([data-view="terminal"]) .page-sub{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
  body:not([data-view="terminal"]) .head-actions{width:100%;justify-content:flex-start}
  body:not([data-view="terminal"]) .summary-strip{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px}
  body:not([data-view="terminal"]) .summary-strip .badge{grid-column:2;justify-self:start}
  body:not([data-view="terminal"]) .summary-strip span{font-size:9px;line-height:1.45}
  body:not([data-view="terminal"]) .kpi{min-height:94px;padding:13px}
  body:not([data-view="terminal"]) .kpi-value{font-size:25px}
  body:not([data-view="terminal"]) .donut-wrap{grid-template-columns:1fr!important;justify-items:center}
  body:not([data-view="terminal"]) .workflow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not([data-view="terminal"]) .state-matrix{grid-template-columns:1fr!important}
  body:not([data-view="terminal"]) .form-grid{grid-template-columns:1fr!important}
  body:not([data-view="terminal"]) .trace-line{grid-template-columns:72px minmax(0,1fr)}
  body:not([data-view="terminal"]) .trace-type{overflow-wrap:anywhere}
  body:not([data-view="terminal"]) .trace-msg{grid-column:1/-1}
}

@media(min-width:621px) and (max-width:980px){
  body:not([data-view="terminal"]) .grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not([data-view="terminal"]) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not([data-view="terminal"]) .state-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}
}