/* SCOFMP V9 — phone-only layout. Desktop styling remains untouched. */
.sco-mobile-menu-toggle{display:none}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .header-banner .banner-img{height:118px!important;object-fit:cover}
  .header-banner .banner-logo{max-height:98px!important;max-width:64%!important}
  .sco-mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:#caad68;color:#111;padding:13px 18px;font:800 15px/1.2 Arial,sans-serif;cursor:pointer}
  .sco-mobile-menu-toggle:focus-visible{outline:3px solid #2168b5;outline-offset:-3px}
  nav.under-bar{display:none!important}
  body.sco-mobile-nav-open nav.under-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;flex-wrap:nowrap!important;overflow:visible!important;padding:8px 12px!important}
  nav.under-bar .tab-link{display:block!important;width:100%!important;flex:none!important;white-space:normal!important;margin:0!important;padding:12px 14px!important;font-size:13px!important;text-align:left!important}
  .wrapper{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important}
  .wrapper>.main-content{order:0!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;padding:14px 12px!important}
  .wrapper>.left-sidebar{order:1!important}
  .wrapper>.right-sidebar{order:2!important}
  .wrapper>.left-sidebar,.wrapper>.right-sidebar{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:13px 14px!important}
  .wrapper>.left-sidebar section,.wrapper>.right-sidebar section{display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;margin:0 0 16px!important}
  .wrapper>.left-sidebar ul,.wrapper>.right-sidebar ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  .wrapper>.left-sidebar li,.wrapper>.right-sidebar li{min-width:0!important}
  .wrapper>.left-sidebar a,.wrapper>.right-sidebar a{height:100%;padding:10px!important;overflow-wrap:anywhere;font-size:12px!important}
  .main-content .welcome{margin:0 0 14px!important}
  .main-content .welcome h1{font-size:clamp(19px,5vw,25px)!important;line-height:1.2!important}
  .main-content .welcome .datetime{font-size:12px!important}
  .main-content .welcome .emergency{font-size:14px!important;line-height:1.35!important}
  .main-content .welcome br{display:none}
  .main-content .welcome .welcome-rule{margin:7px 0!important}
  .igc-section{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .igc-grid-wrap,.igc-grid-wrap.igc-scrollable{overflow-x:hidden!important;overflow-y:visible!important;max-height:none!important}
  .igc-row-wrap{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important}
  .igc-col{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;padding:12px!important;border-right:0!important}
  .igc-col-name{min-height:65px!important}
  .igc-col-smokey img{width:min(230px,80%)!important;max-width:100%!important;height:auto!important}
  .igc-col-title{font-size:11px!important}
  .igc-status-item,.igc-restr-banner{max-height:none!important;min-height:38px!important;font-size:12px!important}
  .igc-restrict-label,.igc-chip{font-size:11px!important}
  .igc-data-grid{gap:8px!important}
  .igc-data-box{padding:10px 6px!important}
  .news-feed,.pdf-wrap,.pdf-container{max-width:100%!important;min-width:0!important;width:100%!important}
  iframe.pdf-viewer,.news-feed .pdf-viewer{display:block!important;width:100%!important;max-width:100%!important;height:440px!important}
  .news-select{flex-wrap:wrap!important;overflow-wrap:anywhere}
  .responsive-iframe{max-width:100%!important}
  .responsive-iframe iframe{width:100%!important}
  .fires-table-wrap,.sr-table-wrap,.ar-table-wrap,.rx-table-wrap,.tr-table-wrap,.fa-table-wrap,.su-table-wrap,.wx-table-wrap{max-width:100%!important;overflow-x:auto!important}
}
@media(max-width:380px){.wrapper>.left-sidebar ul,.wrapper>.right-sidebar ul{grid-template-columns:1fr!important}}
@media print{.sco-mobile-menu-toggle{display:none!important}}
