/* v18: stop KPI tiles rendering as vertical strips */
.layout{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  align-items:start;
}
#sidebar{min-width:220px;max-width:260px;}
.main,#main{min-width:0;overflow-x:hidden;}
.ui-hero{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  gap:.75rem !important;
  writing-mode:horizontal-tb !important;
}
.ui-hero .tile,
.ui-hero .k,
.ui-hero .v,
.ui-hero .s,
.ui-node,
.kpi,
.kpi .label,
.kpi .value{
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  word-break:normal !important;
  overflow-wrap:anywhere;
  white-space:normal !important;
}
.ui-hero .tile{
  min-width:200px !important;
  width:auto !important;
  height:auto !important;
  min-height:108px;
  display:block !important;
  text-align:left !important;
}
.ui-map{grid-template-columns:repeat(2,minmax(160px,1fr)) !important;}
#dash-checks,.check-list{max-height:320px;overflow:auto;}
#kmm{max-height:380px;overflow:auto;}
#ui-v08-dash{max-width:100%;}
@media (max-width:900px){
  .layout{grid-template-columns:1fr !important;}
  .ui-hero{grid-template-columns:1fr !important;}
}