/* v19: layout 2-col, tiles ≥200px, audit drawer, print, mobile */
.layout{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  width:100%;
  max-width:100%;
}
.layout > .audit-panel,
#audit-panel{
  position:fixed !important;
  top:0; right:0; bottom:0;
  width:min(360px,92vw);
  max-height:none;
  z-index:210;
  display:none !important;
  box-shadow:-8px 0 28px rgba(16,35,61,.18);
  writing-mode:horizontal-tb;
}
#audit-panel.mobile-show,
#audit-panel.open,
body.audit-open #audit-panel{
  display:block !important;
}
.audit-close{display:inline-flex !important; align-items:center; justify-content:center;}
.ui-hero{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(200px,1fr)) !important;
  writing-mode:horizontal-tb !important;
}
.ui-hero .tile{
  min-width:200px !important;
  writing-mode:horizontal-tb !important;
  font-variant-numeric:tabular-nums;
}
.ui-hero .v, .ui-node .n-v, .kpi .value{
  font-variant-numeric:tabular-nums;
  writing-mode:horizontal-tb !important;
}
#dash-checks, .check-list, #kmm, #ui-v08-dash .ui-map{
  max-height:380px;
  overflow:auto;
}
#ui-v08-dash{max-width:100%;}
.v19-var.hard{background:#ffebee;color:#8b0000;font-weight:700;padding:.55rem .75rem;border-radius:10px;}
.v19-var.ok{background:#e8f5e9;color:#1b5e20;font-weight:700;padding:.55rem .75rem;border-radius:10px;}
.v19-log{max-height:280px;overflow:auto;font-size:.88rem;}
@media (max-width:900px){
  .layout{grid-template-columns:1fr !important;}
  .ui-hero{grid-template-columns:1fr !important;}
  .ui-hero .tile{min-width:0 !important; width:100% !important;}
  .ui-bottom{display:grid !important;}
}
@media (max-width:420px){
  .ui-hero, .ui-map, .flow-steps, .kpi-grid{grid-template-columns:1fr !important;}
  .ui-hero .tile, .ui-node, .kpi{
    writing-mode:horizontal-tb !important;
    min-width:0 !important;
  }
}
@media print{
  .app-header, .disclaimer-bar, .retention-bar, .sidebar, #sidebar,
  .sidebar-backdrop, .header-actions, .mobile-nav-toggle, #ui-bottom,
  .ui-bottom, .toast, .form-actions, .more-wrap, #audit-panel,
  nav, button, .btn{display:none !important;}
  .layout{display:block !important; grid-template-columns:none !important;}
  .main, #main{padding:0 !important;}
  body.print-auditor .section{display:none !important;}
  body.print-auditor #sec-auditor-report,
  body.print-auditor #sec-auditpack{
    display:block !important;
  }
  a[href]:after{content:"" !important;}
}