*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--base);color:var(--tinta);font-family:var(--fonte-interface,system-ui,sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--roxo);text-decoration:none}a:hover{color:var(--roxo-alto)}.container{max-width:960px;margin:0 auto;padding:24px 16px 64px}.muted{color:var(--tinta-media)}.small{font-size:.85rem}.topbar{justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--borda);background:var(--superficie);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{font-weight:700;color:var(--tinta);gap:10px}.brand .sep{color:var(--borda-forte)}.logo{display:inline-flex;align-items:center}.logo img{width:auto;display:block}.logo-escuro,[data-tema=escuro] .logo-claro{display:none}[data-tema=escuro] .logo-escuro{display:block}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:6px 10px;border-radius:var(--raio-pequeno,8px);color:var(--tinta-media)}.nav a.active,.nav a:hover{background:var(--roxo-veu);color:var(--roxo)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio,12px);padding:16px;box-shadow:var(--sombra,none)}.card.disabled{opacity:.6}.card h3{margin:0 0 4px}.btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--roxo);color:var(--branco);border:1px solid var(--roxo);border-radius:var(--raio-pequeno,8px);padding:8px 14px;font:inherit;font-weight:600;min-height:var(--alvo-toque,40px)}.btn:hover{background:var(--roxo-alto);border-color:var(--roxo-alto)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--roxo)}.btn.ghost:hover{background:var(--roxo-veu)}.btn.sec{background:var(--superficie-2);color:var(--tinta);border-color:var(--borda)}label{display:block;font-size:.85rem;color:var(--tinta-media);margin:10px 0 4px}input,select{width:100%;padding:10px 12px;font:inherit;color:var(--tinta);background:var(--base);border:1px solid var(--borda);border-radius:var(--raio-pequeno,8px);min-height:var(--alvo-toque,40px)}input:focus,select:focus{outline:2px solid var(--foco,var(--roxo));outline-offset:2px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--borda)}th{color:var(--tinta-media);font-size:.85rem}.badge,th{font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem}.badge.ok{background:var(--ok-veu);color:var(--ok-texto)}.badge.off{background:var(--critico-veu);color:var(--critico-texto)}.badge.role{background:var(--roxo-veu);color:var(--roxo)}.center-screen{min-height:80vh;display:flex;align-items:center;justify-content:center}.stack{flex-direction:column}.row,.stack{display:flex;gap:8px}.row{align-items:center;flex-wrap:wrap}.error{color:var(--critico-texto);background:var(--critico-veu)}.error,.okmsg{padding:8px 12px;border-radius:var(--raio-pequeno,8px)}.okmsg{color:var(--ok-texto);background:var(--ok-veu)}