:root{--bg:#f1f4f7;--surface:#ffffff;--ink:#1c2b3a;--muted:#5f7286;--brand:#12604f;--brand-ink:#ffffff;--brand-soft:#e2efec;--border:#dce3ea;--danger:#b5372a;--danger-soft:#fbeae8;--sidebar-w:240px;--header-h:56px;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.login-card h1{margin:0 0 4px;font-size:20px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) auto 1fr;grid-template-areas:"brand header" "banner banner" "nav main";min-height:100vh}.banner-slot{grid-area:banner}.banner-plano{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;font-size:14px;font-weight:600}.banner-plano a{text-decoration:underline}.banner-plano.aviso{background:var(--brand-soft);color:var(--brand)}.banner-plano.alerta{background:var(--danger-soft);color:var(--danger)}.banner-plano.alerta a{color:var(--danger)}.banner-plano.suporte{background:#2a2a33;color:#fff}.banner-plano.suporte .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}.suporte-wrap{max-width:860px;margin:0 auto;padding:32px 20px}.suporte-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.suporte-filtro{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;margin-bottom:16px}.suporte-tabela{width:100%;border-collapse:collapse;font-size:14px}.suporte-tabela td,.suporte-tabela th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.suporte-tabela th{color:var(--muted);font-weight:600}.suporte-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:20px}.suporte-modal{background:var(--surface,#fff);border-radius:12px;padding:24px;max-width:460px;width:100%}.suporte-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit}.suporte-modal-acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.header .conta-link{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}.brand{grid-area:brand;padding:0 18px;background:var(--brand);color:var(--brand-ink);font-weight:700;letter-spacing:.3px}.brand,.header{display:flex;align-items:center}.header{grid-area:header;gap:16px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.header .spacer{flex:1 1}.header .tenant{font-weight:600}.header .unidade{font-size:13px}.header .unidade,.header .user{color:var(--muted)}.nav{grid-area:nav;background:var(--surface);border-right:1px solid var(--border);padding:12px 8px}.nav a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500}.nav a:hover{background:var(--brand-soft)}.nav a.ativo{background:var(--brand);color:var(--brand-ink)}.main{grid-area:main;padding:24px;overflow:auto}.btn{display:inline-block;padding:11px 16px;border:0;border-radius:8px;background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.btn.ghost{background:none;color:var(--brand);border:1px solid var(--border)}.btn:disabled{opacity:.5}.btn.sm{padding:6px 12px;font-size:13px}.field{display:block;margin-top:14px}.field span{display:block;margin-bottom:5px;font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:11px;font:inherit;border:1px solid var(--border);border-radius:8px;background:#fff}.field textarea{resize:vertical}.field input:disabled,.field select:disabled,.field textarea:disabled{background:#f3f5f7;color:var(--muted)}.erro{margin-top:12px;padding:10px 12px;border:1px solid #eec4bf;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.muted{color:var(--muted)}h1.page{font-size:20px;margin:0 0 16px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h1{font-size:20px;margin:0}.page-head .spacer{flex:1 1}.link-voltar,.total-badge{color:var(--muted);font-size:14px}.link-voltar{text-decoration:none}.toolbar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{padding:9px 11px;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff}.toolbar input{min-width:240px}.tabela{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tabela td,.tabela th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}.tabela th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.tabela tbody tr{cursor:pointer}.tabela tbody tr:hover{background:var(--brand-soft)}.tabela tbody tr.linha-alerta td{background:var(--danger-soft)}.tabela tr:last-child td{border-bottom:0}.pag{gap:10px;align-items:center;margin-top:12px;color:var(--muted);font-size:14px}.abas,.pag{display:flex}.abas{gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.abas button{border:0;background:none;padding:10px 14px;font:inherit;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.abas button.ativa{color:var(--ink);border-bottom-color:var(--brand);font-weight:600}.grid-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px;max-width:700px}.grid-form .full{grid-column:1/-1}.acoes{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.chip.ok{background:var(--brand-soft);color:var(--brand)}.chip.off{background:#eceff2;color:var(--muted)}.chip.warn{background:var(--danger-soft);color:var(--danger)}.chip.atencao{background:#fdf1d6;color:#92610a}.senha-box{margin-top:14px;padding:14px;border:1px solid #cfe5df;background:var(--brand-soft);border-radius:8px}.senha-box code{font-size:16px;font-weight:700;letter-spacing:.5px}.dados{display:grid;grid-template-columns:160px 1fr;grid-gap:6px 16px;gap:6px 16px;margin:0}.miniatura{max-width:64px;max-height:64px;border-radius:6px;object-fit:cover;vertical-align:middle}.med-row{padding:12px;margin-top:10px}.interc-item,.med-row{border:1px solid var(--border);border-radius:8px}.interc-item{padding:14px;margin-top:12px}.interc-item:first-of-type{margin-top:8px}.dados dt{color:var(--muted);font-size:13px}.dados dd{margin:0}.cards-hub{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px}.cards-hub,.kpi-grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;margin-top:8px}.kpi-card{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-decoration:none;color:var(--ink)}.kpi-card:hover{border-color:var(--brand)}.kpi-titulo{font-size:13px;color:var(--muted);font-weight:600}.kpi-num{font-size:34px;font-weight:800;line-height:1.1}.kpi-num.alerta{color:var(--danger)}.kpi-sub{font-size:13px;color:var(--muted)}.alerta-txt{color:var(--danger)}.card.hub{display:flex;flex-direction:column;gap:6px;text-decoration:none}.card.hub:hover{border-color:var(--brand)}@media (max-width:720px){.grid-form,.shell{grid-template-columns:1fr}.shell{grid-template-rows:var(--header-h) auto auto 1fr;grid-template-areas:"header" "banner" "nav" "main"}.brand{display:none}.nav{border-right:0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px}}