/* Estilos das telas vindas do painel de referência, restritos ao contêiner .dc */
.dc{font-family:Aptos,'Public Sans','Helvetica Neue',sans-serif;color:#DDE3E7;font-variant-numeric:tabular-nums}
.dc .chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.dc .ok{background:#0E4560;color:#9FD0E6}
.dc .warn{background:#4A3A17;color:#E3C58A}
.dc .alert{background:#4E1E22;color:#F4A9A0}
.dc .neutral{background:#173F53;color:#B4C3CB}
.dc table{border-collapse:collapse;width:100%}
.dc th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9DB0BB;padding:12px 16px;border-bottom:1px solid #12415A;white-space:nowrap;background:#00344B}
.dc td{padding:12px 16px;border-bottom:1px solid #0D3A50;font-size:14px;color:#DDE3E7;white-space:nowrap}
.dc tfoot td{font-weight:700;color:#F3F5F6;border-bottom:0;border-top:2px solid #B6975C}
.dc .num{text-align:right}
.dc .sub{display:block;font-size:12px;color:#9DB0BB;margin-top:2px}
.dc .pill{min-height:40px;padding:0 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dc .pgbtn{min-height:40px;padding:0 14px;border:1px solid #2C5A72;border-radius:8px;background:#002A3F;color:#F3F5F6;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dc .pgbtn:disabled{opacity:.4;cursor:default}
.dc .field{display:block;gap:0;min-height:40px;padding:0 12px;border:1px solid #2C5A72;border-radius:8px;background:#002A3F;font:inherit;font-size:14px;box-sizing:border-box;color:#DDE3E7}
.dc .lbl{font-size:12px;font-weight:600;color:#9DB0BB;text-transform:uppercase;letter-spacing:.04em}
.dc .go{font-size:13px;font-weight:600;color:#D9BE86;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
.dc .mgroup{flex:1 1 0;min-width:44px;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:0 4px;border:0;border-radius:6px;font:inherit;cursor:pointer}
.dc .mgroup:focus-visible{outline:2px solid #B6975C;outline-offset:2px}
/* no celular, gráficos e faixas largas rolam dentro do próprio quadro, sem empurrar a página */
@media (max-width:560px){.dc main{padding-left:16px !important;padding-right:16px !important}.dc main>section,.dc main>div>section{overflow-x:auto;min-width:0}.dc main>*{min-width:0;max-width:100%}}