.sd-janela { left: 20px; top: 24px; width: 1160px; height: 752px; }
.sd-janela .app-corpo { flex: 1; min-height: 0; padding: 10px 12px 12px; }
.sd-grade { height: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; }
.sd-quadro { min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 7px; padding: 10px 12px; background: var(--branco); border: 1px solid var(--ui-borda); border-radius: 10px; overflow: hidden; }
.sd-topo { flex: none; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.sd-topo b { font-size: 14px; color: var(--verde-profundo); }
.sd-topo span { font-size: 11px; color: var(--texto-secundario); }
.sd-graf { flex: none; display: flex; flex-direction: column; gap: 5px; }
.sd-lin { flex: none; display: flex; align-items: center; gap: 14px; }
.sd-barras { flex: 1; min-height: 0; }
.sd-kpis { flex: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.sd-kpi { display: flex; flex-direction: column; padding: 4px 9px; border: 1px solid var(--ui-borda); border-radius: 8px; }
.sd-kpi b { font: 800 18px/1.1 var(--fonte-sans); }
.sd-kpi span { font-size: 10px; }
.sd-kpi.verde { background: var(--verde-claro); color: var(--verde-sispeq); }
.sd-kpi.ambar { background: var(--aviso-fundo); color: var(--aviso-texto); }
.sd-kpi.verm { background: var(--vermelho-fundo); color: var(--vermelho); }
.sd-tabwrap { flex: none; overflow: hidden; border: 1px solid var(--ui-borda); border-radius: 8px; }
.sd-quadro:nth-child(1) .sd-tabwrap { flex: 1; min-height: 0; }
.sd-tab { width: 100%; height: 100%; border-collapse: collapse; font-size: 11px; }
.sd-tab th { padding: 5px 7px; text-align: left; font-size: 10.5px; font-weight: 700; white-space: nowrap; color: var(--branco); background: var(--verde-sispeq); }
.sd-tab td { height: 23px; padding: 1px 7px; border-top: 1px solid #E7ECE9; white-space: nowrap; }
.sd-tab tbody tr { cursor: pointer; }
.sd-tab tbody tr:nth-child(even) td { background: var(--ui-zebra); }
.sd-tab tbody tr:hover td { background: var(--verde-claro); }
.sd-tab tbody tr.sel td { background: #FFF6DA; }
.sd-tab .pilula { padding: 1px 7px; font-size: 10px; }
.sd-forte { font-weight: 700; }
.sd-num { text-align: right; font-variant-numeric: tabular-nums; }
.sd-tab th, .sd-tab td { padding-left: 5px; padding-right: 5px; }