/* 0.16.4 mobile-first cleanup. Presentation only; no simulation behavior. */
@import url('./mobile-workflow-v4.css');

html,body{max-width:100%;overflow-x:hidden}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}

@media(max-width:720px){
  .view,.lab-workspace,.panel,.war-room-grid,.staff-sections,.grid,.tool-head,.command-hero{min-width:0!important;max-width:100%!important}
  .view{padding-top:8px!important;padding-bottom:14px!important}
  .panel{overflow:hidden}
  .panel-head{gap:8px;align-items:center}
  .panel-head h2{min-width:0;overflow-wrap:anywhere}

  /* Dashboard / landing view: preserve hierarchy instead of squeezing desktop cards. */
  .command-hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  .command-title h1{font-size:clamp(1.35rem,7vw,2rem)!important;line-height:1.05!important;overflow-wrap:anywhere}
  .command-title p{max-width:none!important}
  .command-readiness{justify-self:stretch!important;width:auto!important;min-width:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:2px 10px!important;padding:9px 11px!important}
  .command-readiness small,.command-readiness span{grid-column:1}.command-readiness strong{grid-column:2;grid-row:1/3}
  .war-room-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .war-room-grid,.grid.two,.compact-analysis{grid-template-columns:1fr!important;gap:8px!important}
  .staff-sections{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .staff-sections>a{min-width:0!important;min-height:62px!important;padding:8px!important}
  .staff-sections>a div{min-width:0}.staff-sections>a b,.staff-sections>a small{overflow-wrap:anywhere}
  .hq-force,.hq-stat-pair,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Lab controls: scroll tab bars rather than compressing labels into unreadable buttons. */
  .lab-command-bar{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;min-width:0!important}
  .designer-tabs,.lab-mode-tabs{display:flex!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-inline:contain}
  .designer-tabs::-webkit-scrollbar,.lab-mode-tabs::-webkit-scrollbar{display:none}
  .designer-tabs>button,.lab-mode-tabs>button{flex:0 0 auto!important;min-height:44px!important;white-space:nowrap!important}
  .designer-tabs>button:not(.swap-tab){min-width:128px!important}
  .lab-mode-tabs>button{min-width:82px!important}
  .swap-tab{min-width:44px!important;width:44px!important}

  /* Combat assumptions and reports. */
  .battlefield-quick,.field-grid.compact-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .battlefield-quick label,.field-grid.compact-fields label{min-width:0!important}
  .combat-command{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;align-items:center!important}
  .combat-command>span{grid-column:1/-1!important;text-align:center!important}
  .combat-command button{min-height:44px!important}
  .report-title,.aar-head{gap:8px!important;align-items:flex-start!important}
  .report-title h2,.aar-head h3{overflow-wrap:anywhere}
  .aar-timeline article{min-width:0!important}

  /* Footer/actions and dense controls should become finger-friendly. */
  .designer-footer{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .designer-footer .template-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important}
  .designer-footer .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;width:100%!important}
  .designer-footer .actions>.btn,.designer-footer .actions>button,.designer-footer .actions>label{width:100%!important;min-width:0!important;min-height:44px!important;display:grid!important;place-items:center!important}
  button,.btn,summary{touch-action:manipulation}
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;max-width:100%!important}
  label{min-width:0}
  details>summary{min-height:40px}

  .site-legal-footer{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 10px!important;text-align:center!important;padding:12px 8px!important}
  .model-footnote{overflow-wrap:anywhere}
}

@media(max-width:430px){
  .war-room-strip,.staff-sections,.battlefield-quick,.field-grid.compact-fields{grid-template-columns:1fr!important}
  .hq-force,.hq-stat-pair,.result-grid{grid-template-columns:1fr 1fr!important}
  .command-tags{gap:3px!important}.command-tags .badge{font-size:.52rem!important}
  .combat-command{grid-template-columns:1fr!important}.combat-command>span{grid-column:1!important}
  .designer-footer .template-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .table-wrap table{min-width:560px}
  .compact-table table{min-width:620px}
}

@media(prefers-reduced-motion:reduce){
  .designer-tabs,.lab-mode-tabs,.table-wrap{scroll-behavior:auto!important}
}