/* ============================================================
   Sistema Rodo Wall — Módulo MULTAS — visual
   ------------------------------------------------------------
   Reaproveita o shell do Checklist (.cl-app/.cl-side/.cl-top/.cl-btn/
   .cl-field...) e acrescenta só o que o módulo precisa: quadro por
   etapa, cartões de processo, passo a passo, "próxima ação", abas,
   listas de dados, checklist de encerramento, linha do tempo, agenda
   de prazos e indicadores. Prefixo mu- em tudo que é novo.

   TEMA CLARO com mais corpo (pedido do usuário: o claro padrão do
   sistema ficava "muito branco com detalhes em cinza claro"): fundo
   azulado definido, barra lateral azul-marinho da marca (o PAD já
   mantém o navy no topo em tema claro), raias tingidas no quadro,
   sombras e bordas mais firmes e chips de cor sólida. Os tokens são
   sobrescritos SÓ aqui dentro (#multasApp e os modais do módulo), sem
   mexer no tema dos outros módulos.
   ============================================================ */

/* ---------- Tokens do tema claro, locais ao módulo ---------- */
[data-theme="light"] #multasApp,
[data-theme="light"] .mu-overlay{
  --clbg:#dfe6f1; --clbg2:#0d1b3e; --clcard:#ffffff; --clcard-h:#eef3fb;
  --claccent:#1d4ed8; --claccent-dim:#dbe6fd; --claccent-glow:rgba(29,78,216,.22);
  --clborder:#cbd5e6; --clborder-b:#aebbd3;
  --cltx:#0a1730; --cltx2:#2e4268; --cltx3:#51648a;
  --clgreen:#15803d; --clgreen-dim:#d3f1de;
  --clred:#b91c1c; --clred-dim:#fbdcdc;
  --clorange:#a95d06; --clorange-dim:#fbe7c2;
}
[data-theme="light"] .mu-overlay{ --clbg2:#ffffff; }

/* barra lateral navy no claro */
[data-theme="light"] #multasApp .cl-side{ background:linear-gradient(180deg,#0d1b3e,#0a1530); border-right:none; box-shadow:2px 0 18px rgba(13,27,62,.18); }
[data-theme="light"] #multasApp .cl-brand{ color:#fff; border-bottom-color:rgba(255,255,255,.14); }
[data-theme="light"] #multasApp .cl-brand .cl-brand-mark{ background:rgba(255,255,255,.12); box-shadow:none; }
[data-theme="light"] #multasApp .cl-brand small,
[data-theme="light"] #multasApp .mu-nav-grupo{ color:rgba(255,255,255,.55); }
[data-theme="light"] #multasApp .cl-nav-item{ color:rgba(255,255,255,.78); }
[data-theme="light"] #multasApp .cl-nav-item:hover{ background:rgba(255,255,255,.08); color:#fff; border-left-color:rgba(255,255,255,.3); }
[data-theme="light"] #multasApp .cl-nav-item.active{ background:rgba(96,165,250,.20); border-left-color:#60a5fa; color:#fff; }
[data-theme="light"] #multasApp .cl-nav-item.active .cl-ic{ color:#93c5fd; }
[data-theme="light"] #multasApp .cl-top{ background:#fff; border-bottom-color:var(--clborder-b); box-shadow:0 1px 3px rgba(13,27,62,.06); }

/* sombras/bordas mais firmes no claro */
[data-theme="light"] #multasApp .cl-card,
[data-theme="light"] #multasApp .mu-card{ box-shadow:0 1px 2px rgba(13,27,62,.07),0 8px 22px rgba(13,27,62,.07); }
[data-theme="light"] .mu-overlay .cl-modal{ box-shadow:0 30px 80px rgba(13,27,62,.35); }
[data-theme="light"] .mu-overlay{ background:rgba(13,27,62,.55); }

.mu-nav-grupo{
  padding:14px 18px 6px; margin-top:4px;
  font-family:var(--clfd); font-weight:700; font-size:11px; letter-spacing:1.2px;
  text-transform:uppercase; color:var(--cltx3);
}
.mu-nav-grupo:first-child{ margin-top:0; }
.mu-nav-badge{ margin-left:auto; font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:99px; background:var(--clred-dim); color:var(--clred); }
[data-theme="light"] #multasApp .mu-nav-badge{ background:#ef4444; color:#fff; }

/* ---------- Estrutura de página ---------- */
.mu-page-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.mu-h1{ font-family:var(--clfd); font-weight:700; font-size:28px; letter-spacing:.6px; line-height:1.1; color:var(--cltx); }
.mu-sub{ color:var(--cltx3); font-size:13px; margin-top:4px; }
.mu-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.mu-card{ background:var(--clcard); border:1px solid var(--clborder); border-radius:var(--clradius); }
.mu-pad{ padding:20px 22px; }
.mu-card-t{ font-family:var(--clfd); font-weight:700; font-size:15px; letter-spacing:.7px; text-transform:uppercase; color:var(--cltx); display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.mu-card-t .cl-ic{ color:var(--claccent); }
.mu-card-t .mu-right{ margin-left:auto; }
.mu-card-t .cl-btn{ text-transform:none; letter-spacing:0; font-family:var(--clfb); }
.mu-stack{ display:flex; flex-direction:column; gap:20px; }
.mu-two{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:20px; align-items:start; }
.mu-muted{ color:var(--cltx3); font-size:12.5px; }
.mu-mono{ font-family:'JetBrains Mono',ui-monospace,monospace; }

/* ---------- Chips e etiquetas ---------- */
.mu-chip{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; padding:3px 10px; border-radius:99px; white-space:nowrap; }
.mu-chip::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.mu-c-red{ background:var(--clred-dim); color:var(--clred); }
.mu-c-org{ background:var(--clorange-dim); color:var(--clorange); }
.mu-c-grn{ background:var(--clgreen-dim); color:var(--clgreen); }
.mu-c-blu{ background:var(--claccent-dim); color:var(--claccent); }
.mu-c-gry{ background:var(--clborder); color:var(--cltx2); }
.mu-c-pur{ background:rgba(167,139,250,.16); color:#8b5cf6; }
.mu-tag{ font-size:10.5px; font-weight:700; letter-spacing:.3px; padding:2px 8px; border-radius:6px; }
.mu-t-reinc{ background:var(--clorange-dim); color:var(--clorange); }
.mu-t-perig{ background:var(--clred-dim); color:var(--clred); }
.mu-placa{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:11.5px; background:var(--claccent-dim); color:var(--claccent); padding:2px 9px; border-radius:7px; letter-spacing:1px; }

/* ---------- Indicadores de topo (KPIs) ---------- */
.mu-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:22px; }
.mu-kpi{ padding:18px 20px; position:relative; overflow:hidden; }
.mu-kpi::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--claccent); }
[data-theme="light"] #multasApp .mu-kpi::before{ height:4px; }
.mu-kpi.k-red::before{ background:var(--clred); } .mu-kpi.k-org::before{ background:var(--clorange); } .mu-kpi.k-grn::before{ background:var(--clgreen); }
.mu-kpi .l{ font-size:10px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--cltx3); }
.mu-kpi .v{ font-family:var(--clfd); font-weight:700; font-size:34px; line-height:1.1; margin-top:4px; color:var(--cltx); }
.mu-kpi .d{ font-size:12px; color:var(--cltx3); margin-top:2px; }

/* ---------- Barra de filtros ---------- */
.mu-bar{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.mu-inp{ background:var(--clcard); border:1px solid var(--clborder-b); color:var(--cltx); border-radius:10px; padding:9px 14px; font-size:13px; min-width:0; font-family:var(--clfb); }
.mu-inp:focus{ outline:none; border-color:var(--claccent); box-shadow:0 0 0 3px var(--claccent-glow); }
.mu-inp.grow{ flex:1; min-width:220px; }
.mu-seg{ display:inline-flex; background:var(--clcard); border:1px solid var(--clborder-b); border-radius:10px; padding:3px; margin-left:auto; }
.mu-seg button{ border:none; background:transparent; color:var(--cltx3); padding:6px 14px; border-radius:8px; font-size:12.5px; font-weight:600; cursor:pointer; font-family:var(--clfb); }
.mu-seg button.on{ background:var(--claccent-dim); color:var(--claccent); }

/* ---------- Quadro (fila por etapa) ---------- */
.mu-board{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px,1fr); gap:16px; overflow-x:auto; padding-bottom:10px; }
.mu-col{ min-width:240px; }
.mu-col-h{ display:flex; align-items:center; justify-content:space-between; padding:0 4px 12px; }
.mu-col-h .n{ font-family:var(--clfd); font-weight:700; font-size:14px; letter-spacing:.8px; text-transform:uppercase; display:flex; align-items:center; gap:8px; color:var(--cltx); }
.mu-col-h .n i{ width:9px; height:9px; border-radius:50%; display:inline-block; }
.mu-col-h .q{ font-size:12px; font-weight:700; color:var(--cltx3); background:var(--clborder); padding:1px 9px; border-radius:99px; }
.mu-col-body{ display:flex; flex-direction:column; gap:12px; }
[data-theme="light"] #multasApp .mu-col{ background:rgba(13,27,62,.055); border-radius:16px; padding:12px 10px 14px; border:1px solid rgba(13,27,62,.07); }
[data-theme="light"] #multasApp .mu-col-h .q{ background:#fff; color:var(--cltx2); border:1px solid var(--clborder); }
.mu-mc{ padding:14px 15px; cursor:pointer; transition:.2s; border-left:3px solid var(--clborder-b); }
.mu-mc:hover{ transform:translateY(-2px); border-color:var(--claccent); box-shadow:0 10px 26px rgba(0,0,0,.22); }
[data-theme="light"] #multasApp .mu-mc:hover{ box-shadow:0 12px 28px rgba(13,27,62,.16); }
.mu-mc .r1{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mu-mc .ait{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:12.5px; color:var(--cltx); word-break:break-all; }
.mu-mc .who{ font-weight:600; font-size:13.5px; margin:9px 0 2px; color:var(--cltx); }
.mu-mc .tp{ font-size:12px; color:var(--cltx3); line-height:1.35; }
.mu-mc .r3{ display:flex; align-items:center; justify-content:space-between; margin-top:12px; gap:8px; }
.mu-mc .val{ font-family:var(--clfd); font-weight:700; font-size:16px; color:var(--cltx); }
.mu-mc .tags{ display:flex; gap:6px; margin-top:10px; flex-wrap:wrap; }
.mu-mc.late{ border-left-color:var(--clred); } .mu-mc.soon{ border-left-color:var(--clorange); } .mu-mc.ok{ border-left-color:var(--clgreen); }
.mu-col.done .mu-mc{ opacity:.75; }
.mu-empty{ border:1.5px dashed var(--clborder-b); border-radius:12px; padding:22px 14px; text-align:center; color:var(--cltx3); font-size:12.5px; }
[data-theme="light"] #multasApp .mu-empty{ background:rgba(255,255,255,.55); }

/* ---------- Lista (tabela) ---------- */
.mu-table{ width:100%; border-collapse:collapse; font-size:13px; }
.mu-table th{ text-align:left; font-size:10px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:var(--cltx3); padding:11px 14px; background:var(--clcard-h); border-bottom:1px solid var(--clborder); white-space:nowrap; }
.mu-table td{ padding:13px 14px; border-bottom:1px solid var(--clborder); color:var(--cltx); vertical-align:middle; }
.mu-table tbody tr{ cursor:pointer; }
.mu-table tbody tr:hover td{ background:var(--clcard-h); }
.mu-table.plain tbody tr{ cursor:default; }
[data-theme="light"] #multasApp .mu-table th{ background:#d9e2f0; color:var(--cltx2); }
[data-theme="light"] #multasApp .mu-table tbody tr:hover td{ background:#eef3fb; }
.mu-scroll{ overflow-x:auto; }

/* ---------- Detalhe: cabeçalho ---------- */
.mu-back{ display:inline-flex; align-items:center; gap:6px; color:var(--cltx3); font-size:12.5px; font-weight:600; background:none; border:none; margin-bottom:14px; cursor:pointer; font-family:var(--clfb); }
.mu-back:hover{ color:var(--claccent); }
.mu-dhead{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.mu-dhead .ait{ font-family:var(--clfd); font-weight:700; font-size:32px; letter-spacing:.8px; line-height:1.1; color:var(--cltx); }
.mu-dmeta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:8px; color:var(--cltx2); font-size:13px; }
.mu-dmeta .dot{ width:3px; height:3px; border-radius:50%; background:var(--cltx3); }

/* ---------- Passo a passo ---------- */
.mu-stepper{ display:flex; align-items:flex-start; padding:22px 26px 20px; margin-bottom:18px; overflow-x:auto; }
.mu-step{ flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; min-width:104px; }
.mu-step::before{ content:""; position:absolute; top:15px; left:-50%; right:50%; height:2px; background:var(--clborder-b); z-index:0; }
.mu-step:first-child::before{ display:none; }
.mu-step.done::before,.mu-step.now::before{ background:var(--clgreen); }
.mu-dotx{ width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:700; z-index:1; background:var(--clcard); border:2px solid var(--clborder-b); color:var(--cltx3); }
.mu-step.done .mu-dotx{ background:var(--clgreen); border-color:var(--clgreen); color:#fff; }
.mu-step.now .mu-dotx{ background:var(--claccent); border-color:var(--claccent); color:#fff; box-shadow:0 0 0 5px var(--claccent-glow); }
.mu-step .s-n{ font-size:12.5px; font-weight:600; margin-top:10px; color:var(--cltx3); }
.mu-step.done .s-n{ color:var(--cltx2); } .mu-step.now .s-n{ color:var(--cltx); font-weight:700; }
.mu-step .s-d{ font-size:11px; color:var(--cltx3); margin-top:2px; }
.mu-step .s-w{ font-size:10.5px; color:var(--cltx3); margin-top:1px; letter-spacing:.3px; }

/* ---------- Próxima ação ---------- */
.mu-next{ display:flex; align-items:center; gap:20px; padding:20px 24px; margin-bottom:22px; background:linear-gradient(135deg,var(--claccent-dim),transparent 70%); border:1px solid var(--claccent); border-radius:var(--clradius); flex-wrap:wrap; }
[data-theme="light"] #multasApp .mu-next{ background:linear-gradient(135deg,#dbe6fd,#f4f8ff 75%); }
.mu-next.fim{ border-color:var(--clgreen); background:linear-gradient(135deg,var(--clgreen-dim),transparent 70%); }
.mu-next .ic{ width:46px; height:46px; border-radius:12px; background:var(--claccent); color:#fff; display:grid; place-items:center; flex-shrink:0; box-shadow:0 8px 20px var(--claccent-glow); }
.mu-next.fim .ic{ background:var(--clgreen); box-shadow:none; }
.mu-next .k{ font-size:10px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:var(--claccent); }
.mu-next.fim .k{ color:var(--clgreen); }
.mu-next .t{ font-family:var(--clfd); font-weight:700; font-size:20px; letter-spacing:.4px; margin-top:1px; color:var(--cltx); }
.mu-next .d{ font-size:13px; color:var(--cltx2); margin-top:2px; }
.mu-next .acts{ margin-left:auto; display:flex; gap:10px; flex-shrink:0; flex-wrap:wrap; }

/* ---------- Abas ---------- */
.mu-tabs{ display:flex; gap:4px; border-bottom:1px solid var(--clborder); margin-bottom:22px; overflow-x:auto; }
[data-theme="light"] #multasApp .mu-tabs{ border-bottom-color:var(--clborder-b); }
.mu-tab{ background:none; border:none; border-bottom:3px solid transparent; padding:11px 16px; font-size:13.5px; font-weight:600; color:var(--cltx3); white-space:nowrap; margin-bottom:-1px; cursor:pointer; font-family:var(--clfb); display:inline-flex; align-items:center; gap:7px; }
.mu-tab:hover{ color:var(--cltx); } .mu-tab.on{ color:var(--cltx); border-bottom-color:var(--claccent); }
.mu-tab .n{ font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:99px; background:var(--clborder); color:var(--cltx2); }
.mu-tab .n.alerta{ background:var(--clorange-dim); color:var(--clorange); }

/* ---------- Lista de dados (rótulo/valor) ---------- */
.mu-kv{ display:grid; grid-template-columns:150px 1fr; gap:13px 18px; }
.mu-kv dt{ font-size:12px; color:var(--cltx3); } .mu-kv dd{ font-size:13.5px; font-weight:600; color:var(--cltx); word-break:break-word; }
.mu-kv dd.n{ font-weight:500; color:var(--cltx2); }

/* ---------- Anexos ---------- */
.mu-att{ display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:12px; }
.mu-att .a{ position:relative; border-radius:10px; border:1px solid var(--clborder-b); background:var(--clcard-h); overflow:hidden; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; text-align:center; font-size:11px; color:var(--cltx3); padding:6px; cursor:pointer; }
.mu-att .a img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mu-att .a .nm{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); color:#fff; font-size:10.5px; padding:4px 6px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mu-att .a .x{ position:absolute; top:4px; right:4px; width:22px; height:22px; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; border:none; cursor:pointer; font-size:14px; line-height:1; z-index:2; }

/* ---------- Prazos (linhas) ---------- */
.mu-prz .row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 0; border-bottom:1px solid var(--clborder); }
.mu-prz .row:last-child{ border-bottom:none; }
.mu-prz .n{ font-size:13px; font-weight:600; color:var(--cltx); } .mu-prz .dt{ font-size:11.5px; color:var(--cltx3); }

.mu-alert{ display:flex; gap:12px; padding:14px 16px; border-radius:10px; background:var(--clorange-dim); border:1px solid var(--clorange); font-size:12.5px; color:var(--cltx); }
.mu-alert b{ color:var(--clorange); }
[data-theme="light"] #multasApp .mu-alert{ border-color:#d99a3d; }
.mu-alert.red{ background:var(--clred-dim); border-color:var(--clred); } .mu-alert.red b{ color:var(--clred); }

/* ---------- Checklist de encerramento ---------- */
.mu-progress{ height:8px; border-radius:99px; background:var(--clborder); overflow:hidden; margin:6px 0 4px; }
.mu-progress i{ display:block; height:100%; background:var(--clgreen); border-radius:99px; transition:width .3s; }
.mu-chk .it{ display:flex; align-items:center; gap:14px; padding:13px 0; border-bottom:1px solid var(--clborder); }
.mu-chk .it:last-child{ border-bottom:none; }
.mu-box{ width:24px; height:24px; border-radius:7px; display:grid; place-items:center; flex-shrink:0; border:2px solid var(--clborder-b); color:transparent; font-size:14px; font-weight:700; }
.mu-chk .it.ok .mu-box{ background:var(--clgreen); border-color:var(--clgreen); color:#fff; }
.mu-chk .it.no .mu-box{ border-color:var(--clorange); }
.mu-chk .it.na .mu-box{ border-style:dashed; }
.mu-chk .lbl{ font-size:13.5px; font-weight:600; color:var(--cltx); } .mu-chk .why{ font-size:12px; color:var(--cltx3); margin-top:1px; }
.mu-chk .it.na .lbl{ color:var(--cltx3); font-weight:500; }
.mu-chk .auto{ margin-left:auto; font-size:10.5px; color:var(--cltx3); font-weight:600; letter-spacing:.4px; white-space:nowrap; }

/* ---------- Linha do tempo ---------- */
.mu-tl{ position:relative; padding-left:26px; }
.mu-tl::before{ content:""; position:absolute; left:8px; top:6px; bottom:6px; width:2px; background:var(--clborder-b); }
.mu-tl .ev{ position:relative; padding-bottom:22px; } .mu-tl .ev:last-child{ padding-bottom:0; }
.mu-tl .ev::before{ content:""; position:absolute; left:-23px; top:5px; width:12px; height:12px; border-radius:50%; background:var(--clcard); border:3px solid var(--claccent); }
.mu-tl .ev.g::before{ border-color:var(--clgreen); } .mu-tl .ev.o::before{ border-color:var(--clorange); }
.mu-tl .a{ font-size:13.5px; font-weight:600; color:var(--cltx); } .mu-tl .m{ font-size:12px; color:var(--cltx3); margin-top:2px; }
.mu-tl .tx{ font-size:12.5px; color:var(--cltx2); margin-top:6px; background:var(--clcard-h); border:1px solid var(--clborder); border-radius:10px; padding:10px 12px; white-space:pre-wrap; }

/* ---------- Agenda de prazos ---------- */
.mu-grp{ margin-bottom:26px; }
.mu-grp-h{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.mu-grp-h .t{ font-family:var(--clfd); font-weight:700; font-size:16px; letter-spacing:.8px; text-transform:uppercase; }
.mu-grp-h .q{ font-size:12px; font-weight:700; padding:1px 9px; border-radius:99px; }
.mu-prow{ display:flex; align-items:center; gap:18px; padding:15px 20px; border-bottom:1px solid var(--clborder); }
.mu-prow:last-child{ border-bottom:none; }
.mu-prow .when{ width:150px; flex-shrink:0; } .mu-prow .info{ flex:1; min-width:0; }
.mu-prow .pt{ font-weight:600; font-size:14px; color:var(--cltx); } .mu-prow .ps{ font-size:12px; color:var(--cltx3); margin-top:2px; }
.mu-prow .resp{ font-size:12px; color:var(--cltx2); width:150px; flex-shrink:0; }

/* ---------- Pareceres / listas de itens ---------- */
.mu-item{ border:1px solid var(--clborder); border-radius:12px; padding:14px 16px; background:var(--clcard-h); }
.mu-item + .mu-item{ margin-top:12px; }
.mu-item .hd{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; flex-wrap:wrap; }
.mu-item .hd b{ font-size:13.5px; color:var(--cltx); } .mu-item .tx{ font-size:13px; color:var(--cltx2); white-space:pre-wrap; }
.mu-item .ft{ font-size:11.5px; color:var(--cltx3); margin-top:8px; }

/* ---------- Formulários ---------- */
.mu-form-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:4px 16px; }
.mu-form-grid .full{ grid-column:1/-1; }
.mu-field textarea, .cl-field textarea{ padding:11px 13px; border-radius:9px; border:1px solid var(--clborder-b); background:var(--clcard-h); color:var(--cltx); font-family:var(--clfb); font-size:14px; resize:vertical; min-height:84px; }
.mu-field textarea:focus, .cl-field textarea:focus{ outline:none; border-color:var(--claccent); box-shadow:0 0 0 3px var(--claccent-glow); }
.mu-check{ display:flex; align-items:center; gap:10px; padding:8px 0; font-size:13.5px; color:var(--cltx); cursor:pointer; }
.mu-check input{ width:18px; height:18px; accent-color:var(--claccent); }
.mu-sec{ font-family:var(--clfd); font-weight:700; font-size:13px; letter-spacing:1px; text-transform:uppercase; color:var(--cltx3); margin:22px 0 10px; padding-bottom:8px; border-bottom:1px solid var(--clborder); }
.mu-sec:first-child{ margin-top:0; }
.mu-overlay .cl-modal{ max-width:760px; }
.mu-overlay .cl-modal.wide{ max-width:980px; }
.mu-note{ margin:0; padding:14px 18px; border:1px dashed var(--clborder-b); border-radius:12px; color:var(--cltx3); font-size:12px; }

/* ---------- Cadastros ---------- */
.mu-cad-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; }
.mu-cad-card{ padding:18px 20px; cursor:pointer; transition:.2s; }
.mu-cad-card:hover{ transform:translateY(-2px); border-color:var(--claccent); }
.mu-cad-card .t{ font-family:var(--clfd); font-weight:700; font-size:16px; letter-spacing:.6px; text-transform:uppercase; color:var(--cltx); }
.mu-cad-card .d{ font-size:12.5px; color:var(--cltx3); margin-top:6px; line-height:1.45; }
.mu-cad-card .q{ margin-top:12px; }
.mu-dim{ opacity:.55; }

/* ---------- Indicadores ---------- */
.mu-graf-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:20px; }
.mu-graf-wrap{ position:relative; height:250px; width:100%; }
.mu-rank .row{ display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid var(--clborder); font-size:13px; }
.mu-rank .row:last-child{ border-bottom:none; }
.mu-rank .row .nm{ flex:1; min-width:0; color:var(--cltx); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mu-rank .row .bar{ flex:1.2; height:8px; border-radius:99px; background:var(--clborder); overflow:hidden; }
.mu-rank .row .bar i{ display:block; height:100%; background:var(--claccent); border-radius:99px; }
.mu-rank .row .v{ width:74px; text-align:right; font-weight:700; color:var(--cltx); }

@media (max-width:1180px){ .mu-two{ grid-template-columns:1fr; } .mu-kpis{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){
  .mu-kv, .mu-kv[style]{ grid-template-columns:1fr !important; gap:2px 0; }
  .mu-kv dd{ margin-bottom:10px; }
}
@media (max-width:860px){
  .mu-kv{ grid-template-columns:110px 1fr; }
  .mu-next{ flex-direction:column; align-items:flex-start; } .mu-next .acts{ margin-left:0; }
  .mu-prow{ flex-wrap:wrap; } .mu-prow .resp{ width:auto; } .mu-prow .when{ width:auto; }
  .mu-board{ grid-auto-flow:row; grid-auto-columns:auto; overflow-x:visible; }
  .mu-col{ min-width:0; }
  .mu-graf-grid{ grid-template-columns:1fr; }
  .mu-kpis{ grid-template-columns:1fr 1fr; }
}

/* ---------- Indicadores: rastreabilidade (todo número abre os registros) ---------- */
.mu-click{ cursor:pointer; }
.mu-kpi.mu-click{ transition:transform .12s ease, box-shadow .12s ease; }
.mu-kpi.mu-click:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,.24); }
[data-theme="light"] #multasApp .mu-kpi.mu-click:hover{ box-shadow:0 8px 22px rgba(20,40,90,.14); }
.mu-table.plain tbody tr.mu-click{ cursor:pointer; }
.mu-table.plain tbody tr.mu-click:hover td{ background:var(--clcard-h); }
[data-theme="light"] #multasApp .mu-table.plain tbody tr.mu-click:hover td{ background:#eef3fb; }
.mu-num{ color:var(--claccent); font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.mu-form-grid.mu-form-grid-4{ grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); }
.mu-graf-grid > .mu-card{ min-width:0; }
.mu-alert a{ text-decoration:underline; }