.mb{max-width:1280px}
.mb .h2{margin:18px 0 8px;font:700 16px var(--f-display);letter-spacing:.03em}
.mb .card{margin-bottom:14px}
.mb .sub{margin:0 0 10px;color:var(--muted);font-size:14px}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;font:700 12px var(--f-body);white-space:nowrap}
.chip.ok{background:var(--ok-bg);color:var(--ok)}
.chip.warn{background:var(--warn-bg);color:var(--warn)}
.chip.prep{background:var(--free-bg);color:var(--free)}
.chip.ts{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.chip.bad{background:var(--bad-bg);color:var(--bad)}
.chip.nd{background:var(--surface2);color:var(--muted)}
.need{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px;margin-top:10px}
.need .n{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.need .n h3{margin:0 0 4px;font:700 14px var(--f-body);display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.need .n h3 span:first-child{overflow-wrap:anywhere}
.need .n p{margin:0;color:var(--muted);font-size:13px}
.rules{margin-top:12px;padding:10px 12px;border:1px solid var(--ok);background:var(--ok-bg);border-radius:10px;font-size:13.5px}
.rules ul{margin:6px 0 0;padding-left:18px}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.filters input[type=text],.filters select{min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}
.filters .chk{flex-direction:row;align-items:center;gap:8px;min-height:44px;color:var(--fg)}
.filters .chk input{width:20px;height:20px}
.tbhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.tbhead h2{margin:0}
.mb td small{display:block;color:var(--muted);font-size:12px}
.mb .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--line)}
.mb .dot.on{background:var(--online)}
.mb .tw{max-height:70vh;overflow:auto}
.mb .more{text-align:center;margin:10px 0 0}
.mb .fold>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center}
.mb .fold>summary h2{margin:0}
.mb .fold>summary::before{content:"B8";margin-right:8px;color:var(--muted)}
.mb .fold[open]>summary::before{content:"BE"}
.mb .fold[open]>summary{margin-bottom:8px}
#tbl[data-hide~="bombas"] [data-col="bombas"],#tbl[data-hide~="cobranca"] [data-col="cobranca"],#tbl[data-hide~="icone"] [data-col="icone"]{display:none}
.mb thead th{position:sticky;top:0;background:var(--surface2);z-index:1}
#dados .grid2{margin-bottom:0}
#dados .box{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px}
#dados .box h3{margin:0 0 4px;font:700 14px var(--f-body)}
#dados .box p{margin:0;color:var(--muted)}
.mb .prog{height:6px;border-radius:3px;background:var(--surface2);overflow:hidden;margin-top:6px}
.mb .prog span{display:block;height:100%;background:var(--accent);width:var(--p,0%)}
@media (max-width:640px){
  .mb .tw{max-height:none}
  .mb thead th{position:static}
  .mb td::before{content:attr(data-l);display:block;color:var(--muted);font-size:12px}
}
.mb .card,.mb .need .n,.mb .kpi{min-width:0}
.mb{overflow-wrap:anywhere}

/* layout em duas colunas: tabela e painel lateral (ficha + blocos) */
.mb{max-width:1560px}
.mb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
@media (min-width:1200px){.mb-grid{grid-template-columns:minmax(0,1fr) 360px}.mb-side{position:sticky;top:8px;max-height:calc(100vh - 16px);overflow:auto}}
.mb-side .card{margin-bottom:12px}
.mb .aw{color:var(--muted);opacity:.7}
.mb .aw2{color:var(--muted);font-style:italic}
.mb tr.sel{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.mb tbody tr{cursor:pointer}
.mb td button.nm{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer;text-align:left}
.fh{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.fh .fn{font:700 20px var(--f-display)}
.fh .fl{color:var(--muted);font-size:13.5px}
.fd{margin:0}
.fd .fr{padding:7px 0;border-bottom:1px solid var(--line-soft,var(--line))}
.fd dt{color:var(--muted);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
.fd dd{margin:2px 0 0;font-size:14.5px;overflow-wrap:anywhere}
.fd dd small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.fd .big{font:700 22px var(--f-mono)}
.fd .up{color:var(--online)}
.fx{margin:10px 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bl{list-style:none;margin:0;padding:0}
.bl li{padding:6px 0;border-bottom:1px solid var(--line-soft,var(--line));font-size:14px}
.bl li small{display:block;color:var(--muted);font-size:12.5px}
.bl li.alto{border-left:3px solid var(--bad);padding-left:8px}
.bl li.atencao{border-left:3px solid var(--warn);padding-left:8px}
.bl.cg li{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;gap:8px;align-items:center}
.bl.cg .bar{height:8px;border-radius:4px;background:var(--surface2);overflow:hidden}
.bl.cg .bar i{display:block;height:100%;background:var(--accent)}
.bl.cg li.atencao .bar i{background:var(--warn)}
.bl.cg li.alto .bar i{background:var(--bad)}
.blk-ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:14px}
.blk-ctl select{min-height:40px}