/* Moldura copiada literalmente de superadmin--arquitetura-design-system (aceita em 07/11). */
.mg{position:relative;width:100%;min-height:80px;display:block}
.mg-svg{display:block;width:100%;height:80px;overflow:visible}
.mg-area{fill:var(--ds-brand);opacity:.12}
.mg-traco{fill:none;stroke:var(--ds-brand);stroke-width:2;vector-effect:non-scaling-stroke}
.mg-ponto{fill:var(--ds-brand)}
.mg-zona{fill:transparent;cursor:crosshair}
.mg-barra{fill:var(--ds-brand)}
.mg-barra:hover,.mg-barra:focus{fill:var(--ds-blue)}
.mg-alvo:focus{outline:2px solid var(--ds-focus-ring);outline-offset:1px}
.mg-dica{position:absolute;z-index:6;max-width:260px;background:var(--ds-ink);color:var(--ds-paper);padding:6px 10px;border-radius:8px;font:500 12px/1.35 Inter,system-ui,sans-serif;pointer-events:none;white-space:normal}
.mg-hz{display:grid;gap:6px}
.mg-hz-l{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;gap:8px;align-items:center;font:500 12px/1.3 Inter,system-ui,sans-serif;cursor:default}
.mg-hz-r{color:var(--ds-muted);white-space:nowrap}
.mg-hz-t{height:10px;background:var(--ds-line);border-radius:999px;overflow:hidden}
.mg-hz-b{display:block;height:100%;background:var(--ds-brand);border-radius:999px}
.mg-hz-v{font-variant-numeric:tabular-nums}
.mg-anel{display:block;width:min(100%,96px);height:auto;min-width:64px;margin:0 auto}
.mg-anel-fundo{fill:none;stroke:var(--ds-line);stroke-width:12}
.mg-anel-valor{fill:none;stroke:var(--ds-brand);stroke-width:12}
.mg-anel-txt{font:800 15px Inter,system-ui,sans-serif;fill:var(--ds-ink)}
.mg-prog{display:flex;gap:10px;align-items:center;padding:20px 0}
.mg-prog-t{flex:1;height:14px;background:var(--ds-line);border-radius:999px;overflow:hidden}
.mg-prog-b{display:block;height:100%;background:var(--ds-positive);border-radius:999px}
.mg-prog-v{font:700 14px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.mg-calor{display:grid;grid-template-columns:repeat(auto-fill,minmax(12px,1fr));gap:3px;padding:8px 0}
.mg-cel{aspect-ratio:1;min-width:10px;border-radius:3px;background:var(--ds-line)}
.mg-cel[data-n="1"]{background:var(--ds-brand-soft)}.mg-cel[data-n="2"]{background:var(--ds-lilac)}.mg-cel[data-n="3"]{background:var(--ds-violet)}.mg-cel[data-n="4"]{background:var(--ds-brand)}
.mg-bullet{position:relative;height:28px;margin:24px 0}
.mg-bl-faixa{position:absolute;inset:0 auto 0 0;background:var(--ds-line);border-radius:6px}
.mg-bl-real{position:absolute;top:8px;bottom:8px;left:0;background:var(--ds-brand);border-radius:4px}
.mg-bl-meta{position:absolute;top:2px;bottom:2px;width:3px;background:var(--ds-ink);transform:translateX(-1px)}
.mg-s1{fill:var(--ds-positive)}.mg-s2{fill:var(--ds-danger)}.mg-s3{fill:var(--ds-line-strong)}
.ord{all:unset;cursor:pointer;font-weight:600;display:inline-flex;gap:2px;align-items:center}.ord:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}.mg{position:relative;width:100%;min-height:80px;display:block}
.mg-svg{display:block;width:100%;height:80px;overflow:visible}
.mg-area{fill:var(--ds-brand);opacity:.12}
.mg-traco{fill:none;stroke:var(--ds-brand);stroke-width:2;vector-effect:non-scaling-stroke}
.mg-ponto{fill:var(--ds-brand)}
.mg-zona{fill:transparent;cursor:crosshair}
.mg-barra{fill:var(--ds-brand)}
.mg-barra:hover,.mg-barra:focus{fill:var(--ds-blue)}
.mg-alvo:focus{outline:2px solid var(--ds-focus-ring);outline-offset:1px}
.mg-dica{position:absolute;z-index:6;max-width:260px;background:var(--ds-ink);color:var(--ds-paper);padding:6px 10px;border-radius:8px;font:500 12px/1.35 Inter,system-ui,sans-serif;pointer-events:none;white-space:normal}
.mg-hz{display:grid;gap:6px}
.mg-hz-l{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;gap:8px;align-items:center;font:500 12px/1.3 Inter,system-ui,sans-serif;cursor:default}
.mg-hz-r{color:var(--ds-muted);white-space:nowrap}
.mg-hz-t{height:10px;background:var(--ds-line);border-radius:999px;overflow:hidden}
.mg-hz-b{display:block;height:100%;background:var(--ds-brand);border-radius:999px}
.mg-hz-v{font-variant-numeric:tabular-nums}
.mg-anel{display:block;width:min(100%,96px);height:auto;min-width:64px;margin:0 auto}
.mg-anel-fundo{fill:none;stroke:var(--ds-line);stroke-width:12}
.mg-anel-valor{fill:none;stroke:var(--ds-brand);stroke-width:12}
.mg-anel-txt{font:800 15px Inter,system-ui,sans-serif;fill:var(--ds-ink)}
.mg-prog{display:flex;gap:10px;align-items:center;padding:20px 0}
.mg-prog-t{flex:1;height:14px;background:var(--ds-line);border-radius:999px;overflow:hidden}
.mg-prog-b{display:block;height:100%;background:var(--ds-positive);border-radius:999px}
.mg-prog-v{font:700 14px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.mg-calor{display:grid;grid-template-columns:repeat(auto-fill,minmax(12px,1fr));gap:3px;padding:8px 0}
.mg-cel{aspect-ratio:1;min-width:10px;border-radius:3px;background:var(--ds-line)}
.mg-cel[data-n="1"]{background:var(--ds-brand-soft)}.mg-cel[data-n="2"]{background:var(--ds-lilac)}.mg-cel[data-n="3"]{background:var(--ds-violet)}.mg-cel[data-n="4"]{background:var(--ds-brand)}
.mg-bullet{position:relative;height:28px;margin:24px 0}
.mg-bl-faixa{position:absolute;inset:0 auto 0 0;background:var(--ds-line);border-radius:6px}
.mg-bl-real{position:absolute;top:8px;bottom:8px;left:0;background:var(--ds-brand);border-radius:4px}
.mg-bl-meta{position:absolute;top:2px;bottom:2px;width:3px;background:var(--ds-ink);transform:translateX(-1px)}
.mg-s1{fill:var(--ds-positive)}.mg-s2{fill:var(--ds-danger)}.mg-s3{fill:var(--ds-line-strong)}

.ferr{all:unset;cursor:pointer;position:relative;display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--ds-line);border-radius:8px;color:var(--ds-ink)}
.ferr+.ferr{margin-left:6px}
.ferr:focus-visible{outline:3px solid var(--ds-focus-ring);outline-offset:2px}
.ferr:hover::after,.ferr:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);right:0;background:var(--ds-ink);color:var(--ds-paper);padding:6px 10px;border-radius:8px;font:500 12px/1.3 Inter,system-ui,sans-serif;white-space:nowrap;z-index:5;pointer-events:none}
body{margin:0;background:var(--ds-paper);color:var(--ds-ink);font-family:Inter,system-ui,sans-serif}
.lado{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:16px}
.col{display:flex;flex-direction:column;gap:10px;min-width:0}
.etq{font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:6px;align-items:center}
.etq.ok{color:var(--ds-positive)}.etq.nao{color:var(--ds-danger)}
.quadro{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:12px;padding:16px;min-width:0}
.quadro.nao{border-style:dashed;border-color:var(--ds-danger)}
.ajuda{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ds-muted);color:var(--ds-muted);font:700 13px/1 Inter,system-ui,sans-serif;background:none;padding:0;cursor:pointer;flex:none}
.ajuda:focus-visible,button:focus-visible{outline:3px solid var(--ds-focus-ring);outline-offset:2px}

body{margin:0}
.pagina{max-width:1600px;margin:0 auto;padding:32px 24px 64px}
.kicker{font:600 12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ds-brand);margin:0 0 8px}
.titulo{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}
h1{font:800 clamp(36px,7vw,68px)/.95 Inter,system-ui,sans-serif;letter-spacing:-.055em;margin:0;min-width:0;overflow-wrap:break-word}
.abas{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:var(--ds-tab-area);border:1px solid var(--ds-tab-border);border-radius:14px;margin-bottom:24px}
.aba{padding:10px 16px;border-radius:12px;color:var(--ds-ink);text-decoration:none;font:600 15px/1 Inter,sans-serif;border:1px solid transparent}
.aba[aria-current="page"]{background:var(--ds-brand);color:var(--ds-on-brand)}
.aba:focus-visible{outline:3px solid var(--ds-focus-ring)}
.painel h2{font:600 clamp(28px,3.4vw,40px)/1.15 Inter,sans-serif;margin:0 0 16px}
.painel h3{font:700 22px/1.3 Inter,sans-serif;margin:28px 0 10px}
.painel h4{font:700 18px/1.3 Inter,sans-serif;margin:20px 0 8px}
.painel p,.painel li{font:400 17px/27px Inter,sans-serif;max-width:80ch}
code{font:500 14px/1 'IBM Plex Mono',monospace;background:var(--ds-brand-soft);padding:2px 6px;border-radius:6px}
.tw{overflow-x:auto;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:12px;margin:12px 0}
table{width:100%;border-collapse:collapse;font:400 15px/1.45 Inter,sans-serif}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--ds-line);vertical-align:top;hyphens:none}
th{font-weight:600;white-space:nowrap}
.cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cor{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:48px 1fr;gap:4px 12px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:12px;padding:12px}
.cor:focus-visible{outline:3px solid var(--ds-focus-ring)}
.amostra{grid-row:1/4;width:48px;height:48px;border-radius:10px;border:1px solid var(--ds-line-strong)}
.cn{font:600 14px/1.3 'IBM Plex Mono',monospace}.cv{font:500 12px/1.3 'IBM Plex Mono',monospace;color:var(--ds-muted)}.cu{font:400 13px/1.4 Inter,sans-serif;color:var(--ds-muted);grid-column:2}
td.ferramentas{white-space:nowrap;width:1%}
.comp{border-top:1px solid var(--ds-line);padding-top:8px}
.cr{color:var(--ds-muted)}
.cpv{background:var(--ds-paper);border:1px solid var(--ds-line);border-radius:12px}
@media (max-width:640px){.pagina{padding:20px 16px 48px}}