/* 1.20.0: Painel do dono */
#painel{--pd-v:#2fbf71;--pd-a:#f0a030;--pd-r:#e5534b;--pd-b1:#2789df}
#painel .page-head{flex-wrap:wrap}
.pd-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}
.pd-acts small{color:var(--muted);font-size:12px}
.pd-b{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 11px;font:600 12.5px/1 inherit;cursor:pointer}
.pd-b:hover{border-color:var(--pd-b1)}
.pd-apr.on{background:#f0a030;border-color:#f0a030;color:#1b1300}
.pd-modos{display:flex;gap:6px;margin:10px 0 12px;flex-wrap:wrap}
.pd-modos button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 16px;font:700 13.5px/1 inherit;cursor:pointer}
.pd-modos button.sel{background:var(--pd-b1);border-color:var(--pd-b1);color:#fff}
.pd-modos button:disabled{opacity:.55;cursor:default}
.pd-modos small{font-weight:500;font-size:11px;opacity:.8}
.pd-vazio{color:var(--muted);display:block;padding:14px}
.pd-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0;margin-bottom:12px}
.pd-box h3{margin:0 0 8px;font-size:14px}
.pd-h3{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pd-h3 h3{margin:0}
.pd-h3 select{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;padding:4px 6px}
.pd-chk{font-size:12.5px;display:flex;gap:5px;align-items:center}
.pd-filtros{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin-bottom:6px}
.pd-filtros label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted);font-weight:600}
.pd-filtros select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 8px;font-size:13px;max-width:210px}
.pd-dica{color:var(--muted);font-size:12px;margin:4px 0 8px}
.pd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:8px 0 12px}
.pd-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.pd-card small{display:block;color:var(--muted);font-size:12px;font-weight:600}
.pd-card b{display:block;font-size:20px;margin:3px 0 2px;white-space:nowrap}
.pd-card em{display:block;font-style:normal;color:var(--muted);font-size:11.5px}
.pd-card .pd-sem{display:block;font-style:normal;font-size:11px;margin-top:4px;color:var(--muted)}
.pd-card.s-v{border-left-color:var(--pd-v)}.pd-card.s-v b{color:var(--pd-v)}
.pd-card.s-a{border-left-color:var(--pd-a)}.pd-card.s-a b{color:var(--pd-a)}
.pd-card.s-r{border-left-color:var(--pd-r)}.pd-card.s-r b{color:var(--pd-r)}
.pd-var{font-weight:700;font-size:11.5px}.pd-var.up{color:var(--pd-v)}.pd-var.down{color:var(--pd-r)}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.pd-grid.g2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.pd-grid>.pd-box{margin-bottom:0}.pd-grid{margin-bottom:12px}
.pd-alerta{border-left:4px solid var(--line);background:var(--surface-2);border-radius:8px;padding:7px 10px;margin-bottom:6px}
.pd-alerta b{display:block;font-size:13px}.pd-alerta small{color:var(--muted);font-size:12px}
.pd-alerta.a3{border-left-color:var(--pd-r)}.pd-alerta.a2{border-left-color:var(--pd-a)}.pd-alerta.a1{border-left-color:var(--pd-b1)}
.pd-ok{color:var(--pd-v);font-weight:600;font-size:13px}
.pd-link{border:0;background:none;color:var(--pd-b1);font-weight:700;cursor:pointer;padding:4px 0}
.pd-tw{overflow-x:auto}
.pd-t{width:100%;border-collapse:collapse;font-size:12.5px}
.pd-t th{color:var(--muted);font-size:11px;font-weight:700;text-align:left;padding:4px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.pd-t td{padding:4px 6px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.pd-t .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pd-t .neg{color:var(--pd-r)}.pd-t tr.b td{font-weight:700}.pd-t td.b{font-weight:700}
.pd-t tr.s td:first-child{padding-left:18px;color:var(--muted)}
.pd-t tr.p td{font-style:italic;color:var(--muted)}
.pd-t tr.pd-sep td{font-weight:700;font-size:11.5px;color:var(--muted);padding-top:10px}
.pd-t .pd-pr{color:var(--muted);font-size:11.5px}
.pd-t small{color:var(--muted)}
.pd-sub{display:block;color:var(--muted);font-size:11px}
.pd-gw{overflow-x:auto}
.pd-svg{width:100%;height:auto;display:block}
.pd-svg .ax{stroke:var(--line)}.pd-svg .meta{stroke:var(--pd-a);stroke-dasharray:5 4}
.pd-svg .b1{fill:var(--pd-b1);opacity:.45}.pd-svg .b1.sel{opacity:.9}.pd-svg .b2{fill:var(--pd-v)}.pd-svg .b3{fill:var(--pd-r)}
.pd-svg .lb{fill:var(--muted);font-size:11px;text-anchor:middle}.pd-svg .lb.s{font-size:9.5px}.pd-svg .lb.m{text-anchor:start;fill:var(--pd-a)}
.pd-leg{font-size:11.5px;color:var(--muted);margin-top:4px}.pd-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:-1px}
.pd-leg i.b1{background:var(--pd-b1);opacity:.6}.pd-leg i.b2{background:var(--pd-v)}.pd-leg i.b3{background:var(--pd-r)}
.pd-prev{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pd-prev div{background:var(--surface-2);border-radius:10px;padding:8px 10px}.pd-prev small{display:block;color:var(--muted);font-size:11.5px}
.pd-prev b{font-size:17px}.pd-prev em{display:block;font-style:normal;font-size:11px;color:var(--muted)}.pos{color:var(--pd-v)}b.neg{color:var(--pd-r)}
.pd-sem13{display:flex;gap:4px;align-items:flex-end;height:84px;overflow-x:auto}
.pd-sem13 div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:32px;height:100%;position:relative}
.pd-sem13 div{flex-direction:row;flex-wrap:wrap;align-content:flex-end;justify-content:center;gap:2px}
.pd-sem13 span{width:11px;border-radius:2px 2px 0 0}.pd-sem13 .e{background:var(--pd-v)}.pd-sem13 .s{background:var(--pd-r)}
.pd-sem13 small{width:100%;text-align:center;font-size:9.5px;color:var(--muted)}
.pd-bar{position:relative;height:14px;background:var(--surface-2);border-radius:8px;overflow:visible;margin:4px 0 8px}
.pd-bar span{display:block;height:100%;background:var(--pd-a);border-radius:8px}.pd-bar span.ok{background:var(--pd-v)}
.pd-bar i{position:absolute;top:-4px;width:2px;height:22px;background:var(--text)}
.pd-pe p{margin:4px 0 8px;font-size:13px}
.pd-faixas div{display:grid;grid-template-columns:84px 1fr 90px;align-items:center;gap:8px;font-size:12px;margin-bottom:4px}
.pd-faixas span{height:10px;background:var(--pd-a);border-radius:5px;min-width:2px}.pd-faixas b{text-align:right}
.pd-faixas div:nth-child(n+4) span{background:var(--pd-r)}
.pd-in{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;padding:6px 8px;width:100%;max-width:280px;margin:4px 0 6px}
.pd-top summary{cursor:pointer;font-size:12.5px;font-weight:700;margin:6px 0}
.pd-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--line)}.pd-dot.v{background:var(--pd-v)}.pd-dot.a{background:var(--pd-a)}.pd-dot.r{background:var(--pd-r)}
.pd-ex{position:fixed;right:16px;bottom:16px;z-index:60;width:min(420px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:var(--surface);border:2px solid #f0a030;border-radius:14px;padding:12px 14px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.pd-ex header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.pd-ex header b{font-size:15px}
.pd-ex p{margin:6px 0;font-size:13px;line-height:1.45}.pd-ex p small{display:block;color:#f0a030;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.pd-ex .pd-conta{background:var(--surface-2);border-radius:8px;padding:6px 8px}
.pd-aprendendo [data-ex]{cursor:help}
.pd-aprendendo .pd-card[data-ex],.pd-aprendendo .pd-alerta[data-ex],.pd-aprendendo h3[data-ex],.pd-aprendendo .pd-box[data-ex],.pd-aprendendo .pd-filtros label[data-ex],.pd-aprendendo .pd-modos [data-ex],.pd-aprendendo .pd-prev[data-ex],.pd-aprendendo .pd-faixas [data-ex]{position:relative;outline:1px dashed #f0a030;outline-offset:2px}
.pd-aprendendo .pd-card[data-ex]::after,.pd-aprendendo .pd-alerta[data-ex]::after,.pd-aprendendo h3[data-ex]::after,.pd-aprendendo .pd-box[data-ex]::after,.pd-aprendendo .pd-filtros label[data-ex]::after,.pd-aprendendo .pd-prev[data-ex]::after{content:'?';position:absolute;top:-8px;right:-6px;width:17px;height:17px;border-radius:50%;background:#f0a030;color:#1b1300;font:700 11px/17px sans-serif;text-align:center}
.pd-aprendendo h3[data-ex]{display:inline-block;padding-right:14px}
.pd-aprendendo tr[data-ex] td:first-child{text-decoration:underline dotted #f0a030;text-underline-offset:3px}
.pd-aprendendo tr[data-ex]:hover td{background:color-mix(in srgb,#f0a030 12%,transparent)}
.pd-metas label{display:grid;grid-template-columns:1fr 40px 160px;align-items:center;gap:6px;font-size:13px;margin-bottom:6px}
.pd-metas label span{color:var(--muted);font-size:11.5px;text-align:right}.pd-metas .pd-in{margin:0;max-width:none}
@media(max-width:700px){.pd-grid.g2{grid-template-columns:1fr}.pd-cards{grid-template-columns:1fr 1fr}.pd-card b{font-size:18px}.pd-acts{margin-left:0}.pd-filtros select{max-width:160px}.pd-metas label{grid-template-columns:1fr 34px 120px}}
@media print{.pd-ex{display:none}}
