/* BatteryGuard Full-stack Demo mobile adaptation. Desktop layout remains unchanged. */
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}
@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
  img,svg,canvas,input,select,textarea,button{max-width:100%}
  .mobile-nav-toggle{display:inline-grid;place-items:center;position:fixed;top:12px;left:12px;z-index:1002;width:38px;height:38px;padding:0;border:1px solid rgba(148,163,184,.34);border-radius:10px;background:rgba(255,255,255,.96);color:#1e293b;box-shadow:0 7px 24px rgba(15,23,42,.14);font-size:21px;cursor:pointer}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:998;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
  body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  body.mobile-nav-open{overflow:hidden!important}
  #app-sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:1001!important;width:min(82vw,286px)!important;max-width:286px!important;height:100dvh!important;transform:translateX(-105%);transition:transform .22s ease!important;overflow-y:auto!important;box-shadow:14px 0 36px rgba(15,23,42,.24)}
  body.mobile-nav-open #app-sidebar{transform:translateX(0)}
  .workspace{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .topbar{min-height:60px!important;height:auto!important;padding:9px 10px 9px 58px!important;gap:8px!important}
  .breadcrumb{max-width:38vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .viewer{display:none!important}
  .top-actions{gap:8px!important;overflow-x:auto;scrollbar-width:none}
  .top-actions::-webkit-scrollbar{display:none}
  #portfolioHomeLink{flex:0 0 auto;min-height:34px;padding:8px 10px!important;font-size:12px!important;white-space:nowrap}
  .page-content{padding:14px 12px 32px!important;max-width:100%;overflow-x:hidden}
  .page-heading{flex-direction:column;align-items:stretch;gap:10px}
  .role-meta{justify-content:flex-start}
  .grid,.split,.split-36,.split-40,.form-grid,.kv-grid,.summary-strip,.evaluation-meta-strip,.evaluation-party-grid,.trace-summary-grid,.trace-summary-grid-8,.badcase-audit-grid,.badcase-form-grid,.regression-summary,.badcase-evaluation-results,main [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .sticky-panel{position:static!important;max-height:none!important}
  .full{grid-column:auto!important}
  .toolbar,.filters,.toolbar-group,.page-actions{align-items:stretch;width:100%;flex-wrap:wrap}
  .filters>* ,.toolbar-group>* ,.field,.select{flex:1 1 150px;min-width:0}
  .card{padding:14px}
  .card-header{align-items:flex-start;flex-wrap:wrap}
  .metric-card{min-height:102px}.metric-value{font-size:24px}
  .table-wrap,.mobile-table-scroll{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .data-table,.table-wrap table{min-width:720px!important}
  .modal-card,.drawer,[class*="drawer-"]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important}
  .drawer-sticky-actions{margin-inline:-14px;padding-inline:14px;flex-wrap:wrap}.drawer-sticky-actions .btn{flex:1 1 120px}
  .bar-row{grid-template-columns:74px minmax(0,1fr) 34px!important;gap:7px!important}
  .summary-item{border-right:0!important;border-bottom:1px solid var(--border)}.summary-item:last-child{border-bottom:0!important}
}
@media(max-width:480px){
  .mobile-nav-toggle{top:10px;left:10px;width:36px;height:36px}.topbar{padding-left:54px!important}.page-content{padding-left:10px!important;padding-right:10px!important}.filters>*{flex-basis:100%;width:100%}.btn{padding-inline:10px}.bar-row{grid-template-columns:64px minmax(0,1fr) 30px!important}
}