/* LIFE.SAVER v0.8.3 Mobile Operator UI Release QA */
:root{
  --ls-mobile-safe-x:12px;
}
html,body{max-width:100%;overflow-x:hidden;}
img,svg,canvas,video{max-width:100%;}
.ls-mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;cursor:pointer;}
.ls-mobile-menu-icon{font-size:16px;line-height:1;}
.ls-dashboard-version-chip{font-family:var(--mono,monospace);font-size:10px;letter-spacing:1.2px;color:var(--green,#37e08a);border:1px solid var(--line,rgba(56,140,220,.28));padding:7px 10px;background:rgba(55,224,138,.06);white-space:nowrap;text-transform:uppercase;}
.topbar .brand span [data-ls-version],
.topbar .brand span [data-ls-version-label]{display:inline;}

@media(max-width:980px){
  body{padding:var(--ls-mobile-safe-x);}
  .admin-shell{width:100%;max-width:100%;gap:12px;}
  .topbar{align-items:stretch;gap:10px;padding:14px;}
  .topbar .brand{min-width:0;}
  .brand h1{font-size:22px;line-height:1.12;letter-spacing:2.8px;word-break:break-word;}
  .brand span{font-size:10px;line-height:1.45;letter-spacing:1.4px;}
  .topbar .ls-mobile-menu-toggle{display:flex;width:100%;margin-top:4px;}
  .topbar .footer-actions.ls-mobile-collapsible-menu{display:none;width:100%;margin-top:8px;flex-direction:column;align-items:stretch;gap:8px;}
  .topbar .footer-actions.ls-mobile-collapsible-menu.is-mobile-open{display:flex;}
  .topbar .footer-actions .btn,
  .topbar .footer-actions .badge{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;}
  .panel{padding:14px;overflow-wrap:anywhere;}
  .grid,.grid.two,.grid.three,.grid.four,.cards{grid-template-columns:1fr!important;gap:10px;}
  .value{font-size:20px;line-height:1.15;word-break:break-word;}
  .btn,.badge{min-height:44px;}
  input,select,textarea,button{font-size:16px;}
  .raw-preview,.ops-json,pre{max-width:100%;overflow:auto;}

  /* Dashboard shell navigation */
  .nav{grid-column:1!important;display:flex;align-items:stretch;flex-direction:column;gap:8px;padding:12px;}
  .nav .up,.nav .va{width:100%;text-align:center;}
  .nav .ls-dashboard-menu-toggle{display:flex;width:100%;}
  .nav .tabs{display:none!important;width:100%;margin:0;flex-direction:column;gap:8px;}
  .nav.is-mobile-open .tabs{display:flex!important;}
  .nav .tab{width:100%;min-height:44px;display:flex!important;align-items:center;justify-content:center;text-align:center;border-color:var(--line,rgba(56,140,220,.28));background:rgba(43,180,255,.06);padding:10px 14px;}
  .ls-dashboard-version-chip{width:100%;text-align:center;}
  .brief,.weekly{grid-column:1!important;}
}

@media(max-width:520px){
  :root{--ls-mobile-safe-x:10px;}
  .brand h1{font-size:19px;letter-spacing:2px;}
  .brand span{font-size:9px;letter-spacing:1.1px;}
  .panel h2{font-size:14px;line-height:1.3;}
  .note{padding:10px;}
  .footer-actions{gap:8px;}
}