/* Design system do painel - compartilhado por index.html e midia.html.
   Cor de marca da Maple Bear: #CC1316 (extraida de maplebear.com.br e rioclaro.maplebear.com.br). */
.wc{--bg:#F4F5F7;--surface:#FFFFFF;--surface-2:#F7F8FA;--ink:#1A1D21;--muted:#5E6773;--border:#E1E5EA;
    --accent:#CC1316;--accent-soft:#cc13161f;--good:#2E9E6B;--warn:#C08A16;--crit:#C24A3A;--brand:#CC1316;
    --shadow:0 1px 2px #0e223309,0 3px 12px #0e223310;
    --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;padding:20px;color-scheme:light}
.wc *{box-sizing:border-box;margin:0}.wc .in{max-width:1240px;margin:0 auto}.wc .num{font-variant-numeric:tabular-nums}
.wc .hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#520709,#9c0e11 46%,#cc1316);border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:0 6px 22px #52070933}
.wc .hero::after{content:"";position:absolute;right:-40px;top:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#ff6b5744,transparent 62%)}
.wc .hl{display:flex;align-items:center;gap:16px;z-index:1}.wc .logo{height:40px;background:#fff;border-radius:8px;padding:5px 9px}.wc .dv{width:1px;height:34px;background:#ffffff33}
.wc .ht{color:#fff;font-size:16px;font-weight:650;z-index:1}.wc .ht small{display:block;color:#ffd5d3;font-size:12px;font-weight:400;margin-top:2px}
.wc .badge{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#eaf6ff;background:#2fbf6a33;border:1px solid #4fd48a55;z-index:1}
.wc .badge.err{background:#ffffff2e;border-color:#ffffff55}
.wc .ctrl{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.wc .gran{display:flex;gap:6px;flex-wrap:wrap}
.wc .gbtn{font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}
.wc .gbtn.on{background:var(--brand);border-color:var(--brand);color:#fff}
.wc .nav{display:flex;align-items:center;gap:8px}
.wc .arw{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:15px;color:var(--ink)}
.wc .plbl{font-size:13px;font-weight:600;min-width:130px;text-align:center}
.wc .cust{display:none;align-items:center;gap:6px}.wc .cust.on{display:flex}
.wc .cust input{font:inherit;font-size:12px;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink)}
.wc .filtros{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}
.wc .filtros label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.wc select{font:inherit;font-size:12.5px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;max-width:230px}
.wc .eb{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px;display:flex;align-items:center;gap:8px}.wc .eb::after{content:"";flex:1;height:1px;background:var(--border)}
.wc .eb .hint{text-transform:none;font-weight:500;letter-spacing:0;color:var(--muted);opacity:.9}
.wc .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.wc .tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.wc .tile.clk{cursor:pointer}.wc .tile.clk:hover{border-color:var(--brand)}
.wc .tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}
.wc .tile.g::before{background:var(--good)}.wc .tile.w::before{background:var(--warn)}.wc .tile.c::before{background:var(--crit)}
.wc .k{font-size:12px;color:var(--muted);font-weight:550}.wc .v{font-size:23px;font-weight:700;letter-spacing:-.02em;margin-top:6px;line-height:1.05}.wc .d{font-size:12px;color:var(--muted);margin-top:6px}
.wc .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:860px){.wc .grid2{grid-template-columns:1fr}}
.wc .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media(max-width:940px){.wc .grid3{grid-template-columns:1fr}}
.wc .panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow);overflow:hidden}
.wc .panel h3{font-size:14.5px;font-weight:640;margin-bottom:4px}.wc .panel .ph{font-size:12px;color:var(--muted);margin-bottom:12px}
.wc .row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:7px;margin:0 -8px;cursor:pointer}.wc .row:hover{background:var(--surface-2)}
.wc .row .l{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc .row .r{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.wc .bar{grid-column:1/3;height:7px;background:var(--surface-2);border-radius:4px;overflow:hidden}.wc .bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.wc .fun{display:flex;gap:8px;flex-wrap:wrap}
.wc .fc{flex:1;min-width:118px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer}.wc .fc:hover{border-color:var(--brand)}
.wc .fc .n{font-size:21px;font-weight:700}.wc .fc .t{font-size:12px;color:var(--muted)}.wc .fc .m{font-size:11.5px;color:var(--muted);margin-top:2px}
.wc .tw{overflow-x:auto}
.wc table{width:100%;border-collapse:collapse;font-size:13px}
.wc th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:8px 7px;border-bottom:1px solid var(--border);white-space:nowrap}
.wc td{padding:8px 7px;border-bottom:1px solid var(--border);white-space:nowrap}
.wc tbody tr:last-child td{border-bottom:0}
.wc .mn{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.wc th.mn{text-align:right}
.wc td.clk,.wc .mn.clk{cursor:pointer}.wc td.clk:hover,.wc .mn.clk:hover{background:var(--surface-2);color:var(--accent)}
.wc .z{color:#CDD3DA}
.wc .tot td{font-weight:700;background:var(--surface-2)}
.wc .empty{color:var(--muted);font-size:12.5px;padding:16px 0;text-align:center}
.wc .foot{margin-top:26px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:14px}
.wc .modal{display:none;position:fixed;inset:0;background:rgba(8,20,33,.55);z-index:99999;align-items:center;justify-content:center;padding:18px}.wc .modal.on{display:flex}
.wc .mbox{background:var(--surface);border:1px solid var(--border);border-radius:14px;max-width:620px;width:100%;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 24px 70px #00000055}
.wc .mh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:650;font-size:14px}
.wc .mc{border:0;background:transparent;font-size:16px;cursor:pointer;color:var(--muted)}
.wc .ml{overflow-y:auto;padding:6px}
.wc a.mi,.wc div.mi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink)}.wc a.mi:hover{background:var(--surface-2)}
.wc .mi .nm{font-size:13px;font-weight:600}.wc .mi .mt{font-size:11.5px;color:var(--muted)}.wc .mi .go{font-size:11.5px;color:var(--accent);font-weight:600;white-space:nowrap}
.wc .ldwrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--muted);font-size:13px}
.wc .spin{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:wcspin .8s linear infinite}
@keyframes wcspin{to{transform:rotate(360deg)}}
.wc .chip{font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px}
.wc .chip.over{background:#c24a3a22;color:var(--crit)}.wc .chip.today{background:#c08a1622;color:var(--warn)}.wc .chip.soon{background:#2e9e6b22;color:var(--good)}
.wc .alert{background:#c08a1610;border:1px solid var(--warn);border-radius:12px;padding:14px 16px;margin-top:18px;font-size:13px}
.wc .alert b{color:var(--warn)}
.wc .hb{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-top:8px}
.wc .hb i{height:40px;border-radius:3px;background:var(--surface-2);position:relative;display:block}
.wc .hb i b{position:absolute;left:0;right:0;bottom:0;background:var(--accent);border-radius:3px;display:block}
.wc .hbl{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;font-size:8.5px;color:var(--muted);text-align:center;margin-top:3px}
.wc .fx{display:flex;height:28px;border-radius:7px;overflow:hidden;margin-top:12px;background:var(--surface-2)}
.wc .fx i{display:block;height:100%}
.wc .lg{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:10px}
.wc .lg span{display:flex;align-items:center;gap:5px}.wc .lg em{width:10px;height:10px;border-radius:3px;display:inline-block}