:root{color-scheme:light;--bg: #f4f4f2;--surface-1: #fcfcfb;--surface-2: #f0efec;--border: #e2e1dc;--grid: #ebeae6;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #77766f;--brand: #12432b;--brand-ink: #ffffff;--brand-chart: var(--brand-chart-claro, var(--series-1));--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--status-good: #0a7d3a;--status-warning: #a86500;--status-critical: #c22b2b;--shadow: 0 1px 2px rgb(0 0 0 / .05);--radius: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #111110;--surface-1: #1a1a19;--surface-2: #242422;--border: #2f2f2c;--grid: #2a2a28;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--brand-chart: var(--brand-chart-escuro, var(--series-1));--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--status-good: #3fbf72;--status-warning: #e0a030;--status-critical: #ef6b6b;--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--bg: #111110;--surface-1: #1a1a19;--surface-2: #242422;--border: #2f2f2c;--grid: #2a2a28;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--brand-chart: var(--brand-chart-escuro, var(--series-1));--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--status-good: #3fbf72;--status-warning: #e0a030;--status-critical: #ef6b6b;--shadow: none}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text-primary);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.num{font-variant-numeric:lining-nums tabular-nums}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 24px;position:sticky;top:0;z-index:10;background:var(--marca-fundo, var(--surface-1));color:var(--marca-tinta, var(--text-primary));border-bottom:3px solid var(--brand);border-image:var(--brand-gradiente, linear-gradient(var(--brand), var(--brand))) 1}.topbar .user{color:var(--marca-tinta-suave, var(--text-muted));font-size:13px}.topbar .control,.topbar .btn{background:transparent;color:var(--marca-tinta, inherit);border-color:color-mix(in srgb,var(--marca-tinta, var(--text-primary)) 30%,transparent)}.topbar .control option{color:#0b0b0b;background:#fff}.topbar .btn:hover{background:color-mix(in srgb,var(--marca-tinta, var(--text-primary)) 12%,transparent)}.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}.brand img{height:48px;width:auto;display:block}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}.brand .nome{font-family:var(--fonte-titulo, inherit);line-height:1.05}.brand .nome b{display:block;font-size:22px;letter-spacing:.04em;font-weight:700}.brand .nome span{display:block;font-family:system-ui,sans-serif;font-weight:400;font-size:10px;letter-spacing:.5em;color:var(--marca-tinta-suave);margin-top:3px}.brand .ia{margin-left:8px;padding-left:14px;border-left:1px solid color-mix(in srgb,var(--marca-tinta, #888) 30%,transparent);font-weight:400;font-size:13px;color:var(--marca-tinta-suave, var(--text-secondary));line-height:1.3}.brand .ia strong{display:block;color:var(--marca-tinta, var(--text-primary));font-weight:600;font-size:14px}.topbar .spacer{flex:1}.main{max-width:1280px;margin:0 auto;padding:20px 24px 48px}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{background:none;border:0;padding:10px 14px;cursor:pointer;white-space:nowrap;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--brand);font-weight:600}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:12px;color:var(--text-secondary)}.control{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-1)}.seg button{border:0;background:none;padding:0 12px;height:32px;cursor:pointer;color:var(--text-secondary)}.seg button+button{border-left:1px solid var(--border)}.seg button[aria-pressed=true]{background:var(--surface-2);color:var(--text-primary);font-weight:600}.check{display:flex;align-items:center;gap:6px;height:34px;color:var(--text-secondary)}.btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);cursor:pointer}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand-gradiente, var(--brand));color:var(--brand-ink);border-color:transparent;font-weight:600}.btn.link{white-space:nowrap;border:0;background:none;padding:0 4px;height:auto;color:var(--text-secondary);text-decoration:underline}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;min-width:0}.card+.card,.grid+.card,.card+.grid{margin-top:16px}.grid>.card{margin-top:0}.card-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.card-head h3{margin:0;font-size:16px;font-weight:600;font-family:var(--fonte-titulo, inherit);letter-spacing:.01em}.card-head p{margin:2px 0 0;color:var(--text-secondary);font-size:13px}.card-head .spacer{flex:1}.kpi{border-top:3px solid var(--brand)}.kpi .label{color:var(--text-secondary);font-size:13px}.kpi .value{font-size:30px;font-weight:600;letter-spacing:-.01em;margin-top:4px;font-family:var(--fonte-titulo, inherit);font-variant-numeric:lining-nums tabular-nums}.kpi .sub{color:var(--text-muted);font-size:12px;margin-top:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-secondary);font-weight:500;font-size:12px;position:sticky;top:0;background:var(--surface-1)}td.r,th.r{text-align:right}tbody tr:hover{background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.pill.good{color:var(--status-good)}.pill.warn{color:var(--status-warning)}.pill.bad{color:var(--status-critical)}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px #0000001f;font-size:12px;min-width:140px}.tooltip .t{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.tooltip .row{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.tooltip .row i{width:8px;height:8px;border-radius:2px}.tooltip .row b{margin-left:auto;color:var(--text-primary);font-weight:600;padding-left:12px}.empty,.loading,.error{padding:32px 12px;text-align:center;color:var(--text-muted);font-size:13px}.error{color:var(--status-critical)}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--marca-fundo, var(--bg))}.login .logo{display:block;max-width:260px;max-height:220px;margin:0 auto 24px}.login form{border-top:3px solid var(--brand)}.login h1{font-family:var(--fonte-titulo, inherit)}.login form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0 0 4px;font-size:20px}.login p{margin:0 0 8px;color:var(--text-secondary)}.login .control,.login .btn{height:40px}@media (max-width: 640px){.topbar,.main{padding-left:16px;padding-right:16px}.grid.two{grid-template-columns:1fr}.grid.kpis{grid-template-columns:repeat(2,1fr)}.brand img{height:40px}.brand .ia,.topbar .user{display:none}.kpi .value{font-size:22px}}
