/* v21: undo leaked auditor-preview CSS; full-width desktop shell */
html, body{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
body.ui-v08{
  background:#f3f6fb !important;
  color:#10233d !important;
  font-family:"IBM Plex Sans","PingFang HK","Microsoft JhengHei","Noto Sans TC",sans-serif !important;
}
.disclaimer-bar, .retention-bar, .app-header{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:center;
}
.app-header{
  display:flex !important;
  text-align:left !important;
  padding:.65rem 1rem !important;
}
.app-header h1{
  font-size:1.05rem !important;
  text-align:left !important;
  margin:0 !important;
}
.layout{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  width:100% !important;
  max-width:100% !important;
  min-height:calc(100vh - 140px);
}
#sidebar{min-width:220px;max-width:280px;}
.main,#main{min-width:0;max-width:100%;padding:1rem 1.25rem 3rem;}
.section h2{
  font-size:1.35rem !important;
  text-align:left !important;
  color:#1f4e79 !important;
  margin:0 0 .35rem !important;
}
table.data{width:100%;border-collapse:collapse;}
table.data th{
  background:#1f4e79 !important;
  color:#fff !important;
  text-align:left !important;
  font-weight:700;
}
.ui-hero{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(200px,1fr)) !important;
  gap:.75rem !important;
  writing-mode:horizontal-tb !important;
}
.ui-hero .tile{
  min-width:200px !important;
  writing-mode:horizontal-tb !important;
  font-variant-numeric:tabular-nums;
}
.ui-map{grid-template-columns:repeat(2, minmax(160px,1fr)) !important;}
#dash-checks, .check-list{
  max-height:320px !important;
  overflow:auto !important;
}
#kmm, #ui-v08-dash .ui-map{max-height:380px;overflow:auto;}
#sec-dashboard > h2,
#sec-dashboard > .hint,
#sec-dashboard > .flow-steps,
#sec-dashboard > .kpi-grid{display:none !important;}
#iar-preview iframe{
  width:100%;
  min-height:440px;
  border:1px solid #d7e2ee;
  border-radius:10px;
  background:#fff;
}
#audit-panel{
  position:fixed !important;
  display:none !important;
}
#audit-panel.open, #audit-panel.mobile-show, body.audit-open #audit-panel{
  display:block !important;
}
@media (min-width:1200px){
  .ui-hero{grid-template-columns:repeat(4, minmax(200px,1fr)) !important;}
  .ui-map{grid-template-columns:repeat(4, minmax(160px,1fr)) !important;}
}
@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;}
  .app-header{display:grid !important;}
}
@media (max-width:800px){
  .ui-bottom{display:grid !important;}
}