/* ============================================================
   Condomínio Report — Themes: SECURITY (padrão) / CORPORATE / MINIMAL
   ============================================================ */

/* ---------- BASIS (theme-neutral: Layout + Struktur) ---------- */
*{box-sizing:border-box;margin:0;padding:0}
label{font-size:10px;color:var(--dim);letter-spacing:1.5px;text-transform:uppercase;display:block}
input[type=text],input[type=email],input[type=password],input[type=datetime-local],input:not([type]),select,textarea{
  background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:9px 12px;
  color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .2s;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--acc)}
button{font-family:inherit}
.err{color:var(--bad);font-size:12px;margin-top:16px}
.auth-card h1{margin-bottom:4px}
.auth-card .btn[type=submit]{width:100%;margin-top:22px;padding:12px}
body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;padding-bottom:60px}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{padding:30px 0 12px;border-bottom:1px solid var(--border);margin-bottom:6px}
h1{font-size:24px;letter-spacing:3px;color:var(--acc);font-family:var(--font-head)}
.sub{color:var(--dim);font-size:11px;letter-spacing:2px;margin-top:4px}
.u-nome{color:var(--ok);font-weight:bold;letter-spacing:1px}
.u-ip{color:var(--acc);letter-spacing:1px}
.hright{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:12px}
.logout{color:var(--dim);font-size:12px;text-decoration:none;border:1px solid var(--border);padding:6px 12px;border-radius:var(--r);transition:all .2s;font-family:inherit;white-space:nowrap;background:transparent}
.logout:hover{color:var(--bad);border-color:var(--bad)}
.cond-switch{background:var(--card2);border:1px solid var(--acc);border-radius:var(--r);padding:6px 10px;color:var(--acc);font-family:inherit;font-size:12px;letter-spacing:1px;cursor:pointer;outline:none;white-space:nowrap}
.theme-pick{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:6px 10px;color:var(--text);font-family:inherit;font-size:11px;letter-spacing:1px;cursor:pointer;outline:none;white-space:nowrap}
.theme-pick:hover{border-color:var(--acc)}
.tpick{display:flex;flex-direction:row;align-items:center;gap:5px;height:100%}
.tpl{font-size:8px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.hright .cond-switch,.hright .theme-pick,.hright .logout{line-height:1.4;display:inline-flex;align-items:center;height:32px;padding-top:0;padding-bottom:0}
section{margin:26px 0}
.sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.sec-head h2{font-size:15px;letter-spacing:1.5px;color:var(--text)}
.sec-head h2 .a{color:var(--acc)}
.sec-head .desc{color:var(--dim);font-size:11px}
.btn{display:inline-block;padding:8px 16px;border:0;border-radius:var(--r);font-family:inherit;font-size:12px;font-weight:bold;letter-spacing:1px;cursor:pointer;background:var(--btn-bg,var(--acc));color:var(--btn-text,#fff);border:1px solid var(--btn-bd,transparent);text-transform:var(--btn-tt,none);transition:all .15s}
.btn:hover{box-shadow:var(--btn-glow);filter:var(--btn-hf,none)}
.btn:disabled{opacity:.55;cursor:wait;filter:none}
.btn.sm{padding:6px 10px;font-size:11px}
.btn.ghost{background:var(--ghost-bg);color:var(--text);border:1px solid var(--border);text-shadow:none}
.btn.ghost:hover{border-color:var(--acc);color:var(--acc);box-shadow:var(--ghost-glow);filter:none}
.out{margin-top:14px}
.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:10px;box-shadow:var(--card-shadow,none)}
.card h3{font-size:11px;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;margin-bottom:10px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{color:var(--dim);font-size:10px;letter-spacing:1px;text-transform:uppercase;text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}
td{padding:8px 10px;border-bottom:1px solid var(--td-line,rgba(0,0,0,.06))}
tr:last-child td{border-bottom:0}
.st{font-size:11px;font-weight:bold;letter-spacing:.5px}
.st.ok{color:var(--ok)}.st.err{color:var(--bad)}
.kpis{display:flex;flex-wrap:wrap;gap:10px}
.kpi{flex:1;min-width:140px;background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:12px;text-align:center}
.kpi .v{font-size:24px;font-weight:bold;color:var(--acc)}
.kpi.ok .v{color:var(--ok)}.kpi.err .v{color:var(--bad)}.kpi.warn .v{color:var(--warn)}
.kpi .l{font-size:10px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin-top:4px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:12px}
.fgroup{display:flex;flex-direction:column;gap:4px}
.fgroup label{font-size:10px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}
.fgroup input[type=datetime-local],.fgroup select{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:7px 10px;color:var(--text);font-family:inherit;font-size:13px;outline:none}
.fgroup input[type=datetime-local]:focus,.fgroup select:focus{border-color:var(--acc)}
.fgroup select{min-width:200px;cursor:pointer}
.fico{width:14px;height:14px;vertical-align:-2px;color:var(--acc);margin-right:5px;flex-shrink:0}
.chip{display:inline-block;background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:3px 9px;font-size:11px;margin:0 6px 6px 0;color:var(--text);white-space:nowrap}
.chips{margin-bottom:8px;display:flex;flex-wrap:wrap}
.devgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.devcard{position:relative;background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}
.devcard:hover{border-color:var(--acc)}
.devcard .dhead{display:flex;align-items:center;gap:8px}
.devcard .dname{font-size:13px;font-weight:bold;line-height:1.3}
.devcard .dloc{color:var(--dim);font-size:11px}
.devcard .dusers{color:var(--acc);font-size:12px;font-weight:bold;margin-top:2px}
.devcard .dusers em{color:var(--dim);font-weight:normal;font-style:normal}
.devcard .dstatus{font-size:11px;font-weight:bold;letter-spacing:.5px}
.devcard .dstatus.ok{color:var(--ok)}
.devcard .dstatus.err{color:var(--bad)}
.ligmeta{color:var(--dim);font-size:10px;margin-top:8px}
.srch{width:100%;background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:8px 12px;color:var(--text);font-family:inherit;font-size:13px;outline:none;margin-bottom:10px}
.srch:focus{border-color:var(--acc)}
.ulist{max-height:340px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px}
.uname{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:4px 10px;font-size:12px;white-space:nowrap}
.ucount{color:var(--dim);font-size:11px;margin-bottom:8px}
.utable{width:100%;border-collapse:collapse;font-size:13px}
.utable th{color:var(--dim);font-size:10px;letter-spacing:1px;text-transform:uppercase;text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;white-space:nowrap}
.utable th:hover{color:var(--acc)}
.utable td{padding:6px 10px;border-bottom:1px solid var(--td-line,rgba(0,0,0,.06))}
.utable tr:nth-child(even) td{background:var(--zebra,rgba(0,0,0,.02))}
.utable tr:hover td{background:var(--rowhov,rgba(0,0,0,.04))}
.utable .unum{color:var(--dim);width:60px;font-size:11px}
.hlist{max-height:420px;overflow-y:auto}
.hbar{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:11px}
.hlbl{width:38px;text-align:right;color:var(--dim)}
.hfill{height:12px;line-height:12px;background:var(--bar);border-radius:var(--r);min-width:2px;text-align:right;padding-right:6px;color:#fff;font-weight:bold;font-size:10px;white-space:nowrap}
.hv{width:28px}
.trow{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:12px}
.tlbl{width:110px;color:var(--dim);text-align:right;font-size:11px}
.tfill{height:11px;background:var(--bar-soft);border-radius:var(--r);min-width:2px}
.tv{width:28px;font-weight:bold}
a.dl{display:inline-block;margin-right:8px;color:var(--acc);font-size:12px;text-decoration:none;border:1px solid var(--acc-border,rgba(0,0,0,.2));padding:7px 13px;border-radius:var(--r);transition:all .2s}
a.dl:hover{background:var(--acc-soft,rgba(0,0,0,.05))}
.errbox{color:var(--bad);font-size:13px;padding:12px;border:1px solid var(--bad-border,rgba(0,0,0,.15));border-radius:var(--r);background:var(--bad-soft,rgba(0,0,0,.04))}
.spin{color:var(--dim);font-size:12px;letter-spacing:1px;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.35}}
.empty{color:var(--dim);font-size:12px;padding:14px 0}
footer{margin-top:46px;color:var(--dim);font-size:10px;letter-spacing:1px;text-align:center}

/* ---------- ADMIN (Basis) ---------- */
.layout{display:flex;min-height:100vh;position:relative;z-index:1}
.sidebar{width:230px;background:var(--side-bg,var(--card));border-right:1px solid var(--border);padding:18px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:8px}
.brand{font-size:13px;letter-spacing:2px;color:var(--acc);padding:6px 10px 14px;border-bottom:1px solid var(--border);margin-bottom:8px}
.nav-btn{display:block;width:100%;text-align:left;padding:11px 12px;margin:3px 0;background:var(--card2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:inherit;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}
.nav-btn:hover{border-color:var(--acc);color:var(--acc)}
.nav-btn.active{background:var(--nav-act,var(--acc-soft,rgba(0,0,0,.06)));border-color:var(--acc);color:var(--acc)}
.sidebar .back,.sidebar .logout{color:var(--dim);font-size:11px;text-decoration:none;padding:6px 10px;letter-spacing:1px;background:none;border:0}
.sidebar .back:hover{color:var(--acc)}
.sidebar .logout{margin-top:auto}
.sidebar .logout:hover{color:var(--bad)}
main{flex:1;padding:22px;max-width:1100px}
.view h2{font-size:16px;letter-spacing:2px;color:var(--text);margin-bottom:4px}
.view .desc{color:var(--dim);font-size:11px;margin-bottom:16px}
.formgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:12px}
.fgroup .val{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:9px 10px;color:var(--acc);font-family:inherit;font-size:13px;letter-spacing:.5px}
.condpick{display:flex;flex-wrap:wrap;gap:8px}
.condopt{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--card2);cursor:pointer;font-size:12px;letter-spacing:1px;color:var(--text);transition:all .15s;user-select:none}
.condopt:hover{border-color:var(--acc)}
.condopt input{display:none}
.condopt.on{border-color:var(--acc);color:var(--acc);background:var(--acc-soft,rgba(0,0,0,.06))}
.pill{display:inline-block;padding:2px 8px;font-size:10px;border:1px solid var(--border);color:var(--dim);letter-spacing:1px}
.testres{margin-top:10px;padding:10px 12px;border:1px solid var(--border);font-size:12px;background:var(--card2);display:none;border-radius:var(--r)}
.testres.ok{border-color:var(--ok);color:var(--ok);display:block}
.testres.err{border-color:var(--bad);color:var(--bad);display:block}
.testres.warn{border-color:var(--warn);color:var(--warn);display:block}
.num{color:var(--acc);font-weight:bold}
.opt{display:block;width:100%;text-align:left;padding:14px 16px;margin:8px 0;background:var(--card);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:inherit;font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .15s}
.opt:hover{border-color:var(--acc);color:var(--acc)}
.opt .cid{display:block;color:var(--dim);font-size:10px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}
a.back{display:block;margin-top:16px;text-align:center;color:var(--dim);font-size:11px;text-decoration:none}
a.back:hover{color:var(--acc)}

/* ---------- THEME: SECURITY (padrão — CCTV) ---------- */
html[data-theme="security"]{
  --bg:#04080c;--bg2:#070d13;--card:#0a121a;--card2:#0e1822;
  --border:rgba(0,179,255,.22);--text:#d7e6ee;--dim:#6e8b99;
  --acc:#00b3ff;--acc2:#0090d0;--ok:#00ff88;--bad:#ff2a2a;--warn:#ffb300;
  --r:0px;--font:'Share Tech Mono','Courier New',Consolas,monospace;--font-head:'Share Tech Mono',monospace;
  --bar:linear-gradient(90deg,#00b3ff,#00e5ff);--bar-soft:rgba(0,179,255,.45);
  --btn-bg:linear-gradient(180deg,#00b3ff,#0077b0);--btn-text:#00151f;--btn-bd:rgba(0,179,255,.5);
  --btn-tt:uppercase;--btn-ts:0 1px 0 rgba(255,255,255,.25);--btn-glow:0 0 14px rgba(0,179,255,.5);--btn-hf:brightness(1.15);
  --ghost-bg:rgba(0,179,255,.08);--ghost-glow:0 0 10px rgba(0,179,255,.3);
  --card-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 18px rgba(0,179,255,.07);
  --side-bg:rgba(6,12,18,.95);--nav-act:rgba(0,179,255,.14);--acc-soft:rgba(0,179,255,.1);--acc-border:rgba(0,179,255,.35);
  --zebra:rgba(0,179,255,.04);--rowhov:rgba(0,179,255,.09);--td-line:rgba(0,179,255,.12);
  --bad-soft:rgba(255,42,42,.05);--bad-border:rgba(255,42,42,.35);
  color-scheme:dark;
}
html[data-theme="security"] body{
  background-image:linear-gradient(rgba(0,179,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,179,255,.045) 1px,transparent 1px);
  background-size:34px 34px;
}
html[data-theme="security"] body::after{content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,179,255,.03) 0 1px,transparent 1px 4px)}
html[data-theme="security"] h1{text-shadow:0 0 12px rgba(0,179,255,.7)}
html[data-theme="security"] h1::after{content:'\2002\25CF REC';font-size:.55em;color:var(--bad);vertical-align:middle;animation:secRec 1.4s infinite;text-shadow:0 0 8px rgba(255,42,42,.8)}
@keyframes secRec{0%,55%{opacity:1}56%,100%{opacity:.15}}
html[data-theme="security"] .card::before,html[data-theme="security"] .card::after,
html[data-theme="security"] .devcard::before,html[data-theme="security"] .devcard::after{
  content:'';position:absolute;width:12px;height:12px;border-color:rgba(0,179,255,.7);border-style:solid;pointer-events:none;
}
html[data-theme="security"] .card::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
html[data-theme="security"] .card::after{top:-1px;right:-1px;border-width:2px 2px 0 0}
html[data-theme="security"] .devcard::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
html[data-theme="security"] .devcard::after{top:-1px;right:-1px;border-width:2px 2px 0 0}
html[data-theme="security"] .btn{text-shadow:0 1px 0 rgba(255,255,255,.25);letter-spacing:1.5px}
html[data-theme="security"] .cond-switch{border-color:var(--acc)}
html[data-theme="security"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="security"] ::-webkit-scrollbar-track{background:var(--bg2)}
html[data-theme="security"] ::-webkit-scrollbar-thumb{background:#00b3ff;border-radius:0}

/* ---------- THEME: CORPORATE (claro, profissional) ---------- */
html[data-theme="corporate"]{
  --bg:#f4f6f9;--bg2:#ffffff;--card:#ffffff;--card2:#f0f2f5;
  --border:rgba(0,0,0,.10);--text:#2c3e50;--dim:#8a94a3;
  --acc:#3498db;--acc2:#2980b9;--ok:#2ecc71;--bad:#e74c3c;--warn:#f1c40f;
  --r:8px;--font:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-head:'Segoe UI',Roboto,sans-serif;
  --bar:linear-gradient(90deg,#3498db,#5dade2);--bar-soft:rgba(52,152,219,.35);
  --btn-bg:#3498db;--btn-text:#fff;--btn-bd:transparent;
  --btn-tt:uppercase;--btn-ts:none;--btn-glow:0 2px 8px rgba(52,152,219,.3);--btn-hf:brightness(1.05);
  --ghost-bg:rgba(52,152,219,.06);--ghost-glow:0 0 8px rgba(52,152,219,.2);
  --card-shadow:0 2px 10px rgba(0,0,0,.06);
  --side-bg:#ffffff;--nav-act:rgba(52,152,219,.1);--acc-soft:rgba(52,152,219,.08);--acc-border:rgba(52,152,219,.4);
  --zebra:rgba(0,0,0,.02);--rowhov:rgba(52,152,219,.06);--td-line:rgba(0,0,0,.06);
  --bad-soft:rgba(231,76,60,.05);--bad-border:rgba(231,76,60,.3);
  color-scheme:light;
}
html[data-theme="corporate"] header{border-bottom:2px solid var(--acc)}
html[data-theme="corporate"] h1{letter-spacing:1px}
html[data-theme="corporate"] .sec-head h2{letter-spacing:1px}
html[data-theme="corporate"] .logo-mark{display:none}
html[data-theme="corporate"] .cond-switch{border-color:var(--border)}

/* ---------- THEME: MINIMAL (escuro, reducido) ---------- */
html[data-theme="minimal"]{
  --bg:#111214;--bg2:#181a1d;--card:#17191c;--card2:#1e2126;
  --border:rgba(255,255,255,.09);--text:#d6d9de;--dim:#7c828c;
  --acc:#8b949e;--acc2:#6e7681;--ok:#7ee2a8;--bad:#ff7b72;--warn:#e3b341;
  --r:4px;--font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-head:inherit;
  --bar:linear-gradient(90deg,#8b949e,#c9d1d9);--bar-soft:rgba(139,148,158,.4);
  --btn-bg:#262a31;--btn-text:#d6d9de;--btn-bd:#3d444d;
  --btn-tt:none;--btn-ts:none;--btn-glow:none;--btn-hf:brightness(1.2);
  --ghost-bg:transparent;--ghost-glow:none;
  --card-shadow:none;
  --side-bg:#17191c;--nav-act:#262a31;--acc-soft:rgba(255,255,255,.05);--acc-border:rgba(255,255,255,.2);
  --zebra:rgba(255,255,255,.02);--rowhov:rgba(255,255,255,.05);--td-line:rgba(255,255,255,.06);
  --bad-soft:rgba(255,123,114,.06);--bad-border:rgba(255,123,114,.3);
  color-scheme:dark;
}
html[data-theme="minimal"] h1{letter-spacing:2px;font-weight:600}
html[data-theme="minimal"] .sec-head h2{font-weight:600;letter-spacing:1px}
html[data-theme="minimal"] .btn{letter-spacing:.5px}
html[data-theme="minimal"] .card{border-width:1px}
html[data-theme="minimal"] .cond-switch{border-color:var(--border)}

/* ---------- Responsive (Basis) ---------- */
@media (max-width: 760px){
  .wrap{padding:0 12px}
  header{padding:18px 0 10px}
  h1{font-size:17px;letter-spacing:1.5px;line-height:1.2}
  .sub{font-size:10px;letter-spacing:1.5px}
  .logout{display:inline-block;margin:0;padding:5px 10px;font-size:11px}
  section{margin:18px 0}
  .sec-head{flex-direction:column;gap:3px;margin-bottom:10px}
  .sec-head h2{font-size:14px}
  .btn{width:100%;padding:12px 16px;font-size:13px}
  .btn.sm{width:auto;padding:7px 12px}
  .card{padding:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .card table{min-width:560px}
  .auth-card input{font-size:16px}
  .filters{flex-direction:column;gap:8px;align-items:stretch}
  .fgroup{width:100%}
  .fgroup select,.fgroup input[type=datetime-local]{width:100%;min-width:0;font-size:16px}
  .kpis{flex-direction:column;gap:8px}
  .kpi{min-width:0;width:100%;padding:10px}
  .devgrid{grid-template-columns:1fr;gap:8px}
  .hlist{max-height:420px;overflow:auto;-webkit-overflow-scrolling:touch}
  .hlist table,.utable{min-width:540px}
  .out table{min-width:520px}
  .srch{font-size:16px}
  a.dl{display:block;margin:0 0 8px;text-align:center}
  footer{font-size:9px;margin-top:34px}
  .layout{flex-direction:column}
  .sidebar{width:100%;height:auto;position:static;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;align-items:stretch;padding:10px;gap:6px}
  .brand{width:100%;border-bottom:0;padding:4px 6px;margin-bottom:2px}
  .nav-btn{flex:1 1 30%;min-width:0;text-align:center;padding:10px 4px;font-size:10px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;height:38px;display:inline-flex;align-items:center;justify-content:center}
  .sidebar .tpick{flex:1 1 30%;min-width:0;height:38px;justify-content:center;gap:0}
  .sidebar .tpl{display:none}
  .tpick .theme-pick{width:100%;height:100%;min-width:0;padding:0 6px;font-size:10px;letter-spacing:1px}
  .sidebar .back,.sidebar .logout{flex:1 1 30%;min-width:0;height:38px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border);border-radius:var(--r);background:var(--card2);font-size:10px;letter-spacing:1px;margin:0;text-decoration:none}
  .sidebar .logout{margin-top:0}
  main{padding:14px}
  .formgrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 420px){
  .formgrid{grid-template-columns:1fr}
  .nav-btn{font-size:9px;padding:8px 2px;height:34px}
  .sidebar .tpick{height:34px}
  .tpick .theme-pick{font-size:9px}
  .sidebar .back,.sidebar .logout{height:34px;font-size:9px}
  .sidebar{padding:8px 6px;gap:4px}
  .brand{font-size:11px}
}

/* ============================================================
   THEME: SIGMA (Segware Cloud inspiriert) — nur User-Panel
   ============================================================ */
/* Standard (andere Themes): Sigma-Elemente versteckt */
.tile-grid{display:none}
.side-feed{display:none}
.h-counts{display:none}

html[data-theme="sigma"]{
  --bg:#0b0f14;--bg2:#0e141b;--card:#11161d;--card2:#151c25;
  --border:#1e2834;--text:#d7e0e8;--dim:#7c8b9a;
  --acc:#2e7d32;--acc2:#3fa544;--ok:#2e7d32;--bad:#c94f4f;--warn:#d9a441;
  --r:10px;--font:'Segoe UI',Roboto,Arial,sans-serif;--font-head:'Segoe UI',Roboto,Arial,sans-serif;
  --bar:linear-gradient(90deg,#2e7d32,#3fa544);--bar-soft:rgba(46,125,50,.45);
  --btn-bg:linear-gradient(180deg,#2e7d32,#1e5c24);--btn-text:#fff;--btn-bd:rgba(63,165,68,.5);
  --btn-tt:uppercase;--btn-ts:none;--btn-glow:0 0 14px rgba(46,125,50,.4);--btn-hf:brightness(1.15);
  --ghost-bg:rgba(46,125,50,.08);--ghost-glow:0 0 10px rgba(46,125,50,.25);
  --card-shadow:0 6px 18px rgba(0,0,0,.35);
  --side-bg:rgba(10,14,19,.95);--nav-act:rgba(46,125,50,.14);--acc-soft:rgba(46,125,50,.1);--acc-border:rgba(46,125,50,.35);
  --zebra:rgba(46,125,50,.04);--rowhov:rgba(46,125,50,.09);--td-line:rgba(46,125,50,.12);
  --bad-soft:rgba(201,79,79,.05);--bad-border:rgba(201,79,79,.35);
  color-scheme:dark;
}
html[data-theme="sigma"] .wrap{max-width:1280px}
html[data-theme="sigma"] header{padding:22px 0 14px}
html[data-theme="sigma"] header h1{font-size:17px;letter-spacing:1px;margin:0}
html[data-theme="sigma"] .sub{font-size:10px;letter-spacing:1.5px}
html[data-theme="sigma"] .h-counts{display:flex;gap:8px;margin-top:10px}
html[data-theme="sigma"] .h-count{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:6px 14px;text-align:center;min-width:80px}
html[data-theme="sigma"] .h-count b{display:block;font-size:16px;color:var(--acc2)}
html[data-theme="sigma"] .h-count span{font-size:8px;letter-spacing:1px;color:var(--dim)}
html[data-theme="sigma"] .h-count.warn b{color:var(--warn)}

html[data-theme="sigma"] .tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0 20px}
html[data-theme="sigma"] .tile{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 12px;text-align:center;cursor:pointer;transition:.15s}
html[data-theme="sigma"] .tile:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:var(--card-shadow)}
html[data-theme="sigma"] .tile .ico{width:38px;height:38px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--card2);color:var(--acc2)}
html[data-theme="sigma"] .tile .ico svg{width:22px;height:22px}
html[data-theme="sigma"] .tile b{display:block;font-size:11px;letter-spacing:.4px}
html[data-theme="sigma"] .tile small{color:var(--dim);font-size:10px}

html[data-theme="sigma"] .layout{display:flex;gap:16px;align-items:stretch}
html[data-theme="sigma"] .main{min-width:0;display:flex;flex-direction:column;flex:1}
html[data-theme="sigma"] .main section{display:none}
html[data-theme="sigma"] .main section.ativo{display:flex;flex:1;flex-direction:column}
html[data-theme="sigma"] .main section.ativo .out{flex:1;display:flex;flex-direction:column}
html[data-theme="sigma"] .main section.ativo .out .card{flex:1}
html[data-theme="sigma"] section{margin-bottom:0}
html[data-theme="sigma"] .sec-head h2{font-size:13px;letter-spacing:1px}
html[data-theme="sigma"] .sec-head .desc{font-size:10px}
html[data-theme="sigma"] .card{border-radius:var(--r)}
html[data-theme="sigma"] table th{letter-spacing:1px;font-size:10px}

html[data-theme="sigma"] .side-feed{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px;width:330px;flex-shrink:0}
html[data-theme="sigma"] .side-feed h3{font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:10px;display:flex;justify-content:space-between}
html[data-theme="sigma"] .side-feed h3 b{color:var(--acc2);font-size:9px;letter-spacing:0;animation:sigmaPulse 2s infinite}
@keyframes sigmaPulse{0%,100%{opacity:1}50%{opacity:.35}}
html[data-theme="sigma"] .feed{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}
html[data-theme="sigma"] .feed::-webkit-scrollbar{width:6px}
html[data-theme="sigma"] .feed::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
html[data-theme="sigma"] .ev{display:flex;gap:10px;align-items:flex-start;background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}
html[data-theme="sigma"] .ev .dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}
html[data-theme="sigma"] .ev .dot.ok{background:var(--ok)}
html[data-theme="sigma"] .ev .dot.bad{background:var(--bad)}
html[data-theme="sigma"] .ev .dot.warn{background:var(--warn)}
html[data-theme="sigma"] .ev .tx{flex:1;min-width:0}
html[data-theme="sigma"] .ev .tx b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="sigma"] .ev .tx span{font-size:10px;color:var(--dim)}
html[data-theme="sigma"] .ev time{font-size:9px;color:var(--dim);flex-shrink:0;margin-top:2px}

@media(max-width:920px){
  html[data-theme="sigma"] .layout{flex-direction:column}
  html[data-theme="sigma"] .side-feed{width:100%}
}

/* Sigma: nur die angewaehlte Sektion anzeigen (aufgeraeumt) */
html[data-theme="sigma"] section{display:none}
html[data-theme="sigma"] section.ativo{display:block}
html[data-theme="sigma"] section > .btn{display:none}
html[data-theme="sigma"] section.ativo > .btn{display:none}

/* Sigma: aktive Kachel hervorheben */
html[data-theme="sigma"] .tile.ativa{border-color:var(--acc);background:var(--card2);box-shadow:var(--card-shadow)}

/* Sigma: Condominio-Titel in schmucker Kastenbox (volle Breite) */
html[data-theme="sigma"] .brandbox{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--card);border:1px solid var(--acc-border);border-radius:var(--r);padding:14px 18px;margin:10px 0 2px}
html[data-theme="sigma"] .brandbox h1{font-size:16px;letter-spacing:1px;margin:0}
html[data-theme="sigma"] .brandbox .sub{margin-top:3px}
html[data-theme="sigma"] .brandbox .h-counts{margin-top:0}

/* Sigma: Sektions-Header ausblenden (Kacheln zeigen den Namen bereits) */
html[data-theme="sigma"] .sec-head{display:none}


/* Sigma: NEWLINE-Logo ueber dem Footer-Text (nur Sigma sichtbar) */
.ft-logo{display:none}
html[data-theme="sigma"] .ft-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:10px}
html[data-theme="sigma"] .ft-mark{width:34px;height:34px;background:var(--acc);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:8px}
html[data-theme="sigma"] .ft-txt{font-weight:800;letter-spacing:2px;font-size:13px;color:var(--acc2);text-align:left;line-height:1.2}
html[data-theme="sigma"] .ft-txt small{display:block;font-size:8px;letter-spacing:2px;color:var(--dim);font-weight:400}

html[data-theme="sigma"] .ft-logo img{height:64px;width:auto;display:block}

/* Sigma: Logo dreht sich beim Laden langsam herein, bleibt dann fix */
html[data-theme="sigma"] .ft-logo img{
  animation:sigmaLogoIn 2.2s ease-out forwards;
  transform-origin:center center;
}
@keyframes sigmaLogoIn{
  0%{opacity:0;transform:rotate(-95deg) scale(.55)}
  55%{opacity:1;transform:rotate(10deg) scale(1.06)}
  80%{transform:rotate(-3deg) scale(.99)}
  100%{opacity:1;transform:rotate(0deg) scale(1)}
}

/* Sigma: Footer-Text-Farbe fadet nach dem Logo von links nach rechts ein (Text bleibt stehen) */
@supports (-webkit-background-clip:text){
  html[data-theme="sigma"] .ft-foot{
    background:linear-gradient(90deg,#d7e0e8 50%,#0b0f14 50%);
    background-size:200% 100%;
    background-position:100% 0;
    -webkit-background-clip:text;background-clip:text;
    color:transparent;
    animation:sigmaFootFade 2.6s ease-out 2.3s forwards;
  }
  @keyframes sigmaFootFade{to{background-position:0% 0}}
}

/* Sigma: SWTEC-Wasserzeichen im Hintergrund ENTFERNT (User-Anweisung 08/2026) */
html[data-theme="sigma"] .wrap{position:relative;z-index:1}

/* ============ SIGMA MOBILE (< 760px) ============ */
@media(max-width:760px){
  html[data-theme="sigma"] .wrap{padding:10px 12px}
  html[data-theme="sigma"] header{padding:14px 0 8px}
  html[data-theme="sigma"] .hright{flex-wrap:wrap;gap:6px}
  html[data-theme="sigma"] .brandbox{padding:10px 12px;gap:8px}
  html[data-theme="sigma"] .brandbox h1{font-size:13px;letter-spacing:.5px}
  html[data-theme="sigma"] .sub{font-size:8.5px;letter-spacing:1px}
  html[data-theme="sigma"] .h-counts{gap:6px}
  html[data-theme="sigma"] .h-count{min-width:58px;padding:4px 8px}
  html[data-theme="sigma"] .h-count b{font-size:14px}
  html[data-theme="sigma"] .h-count span{font-size:7px}
  html[data-theme="sigma"] .tile-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:10px 0 14px}
  html[data-theme="sigma"] .tile{padding:10px 6px}
  html[data-theme="sigma"] .tile .ico{width:28px;height:28px}
  html[data-theme="sigma"] .tile .ico svg{width:17px;height:17px}
  html[data-theme="sigma"] .tile b{font-size:9.5px}
  html[data-theme="sigma"] .tile small{font-size:8.5px}
  /* 16px Inputs -> kein iOS-Auto-Zoom */
  html[data-theme="sigma"] input[type=text],html[data-theme="sigma"] input[type=password],
  html[data-theme="sigma"] input[type=email],html[data-theme="sigma"] input[type=datetime-local],
  html[data-theme="sigma"] input[type=date],html[data-theme="sigma"] input:not([type]),
  html[data-theme="sigma"] select,html[data-theme="sigma"] textarea{font-size:16px}
  html[data-theme="sigma"] .feed{max-height:320px}
  html[data-theme="sigma"] .ev time{display:none}
  html[data-theme="sigma"] .hlist{max-height:460px;overflow:auto;-webkit-overflow-scrolling:touch}
  html[data-theme="sigma"] table{min-width:520px}
  html[data-theme="sigma"] .btn{width:100%;margin:2px 0}
  html[data-theme="sigma"] .ft-logo img{height:46px}
  html[data-theme="sigma"] .side-feed{min-height:0}
}

/* Sigma: Session-Timer sichtbar */
html[data-theme="sigma"] .sess-timer{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--dim);background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:6px 12px;white-space:nowrap}
html[data-theme="sigma"] .sess-timer.warn{color:var(--bad);border-color:rgba(201,79,79,.5);animation:sessBlink 1s infinite}
@keyframes sessBlink{0%,100%{opacity:1}50%{opacity:.4}}

/* ============ LIGHT MODE (Sigma-Layout bleibt, nur helle Farben) ============ */
html[data-theme="sigma"][data-mode="light"]{
  --bg:#f1f3f6;--bg2:#e8ebf0;--card:#ffffff;--card2:#f3f5f8;
  --border:#d3d9e2;--text:#1c2530;--dim:#5b6b7c;
  --acc:#2e7d32;--acc2:#3fa544;--ok:#2e7d32;--bad:#c0392b;--warn:#b7791f;
  --r:10px;--font:'Segoe UI',Roboto,Arial,sans-serif;--font-head:'Segoe UI',Roboto,Arial,sans-serif;
  --bar:linear-gradient(90deg,#2e7d32,#3fa544);--bar-soft:rgba(46,125,50,.35);
  --btn-bg:linear-gradient(180deg,#2e7d32,#1e5c24);--btn-text:#fff;--btn-bd:rgba(63,165,68,.45);
  --btn-tt:uppercase;--btn-ts:none;--btn-glow:0 0 14px rgba(46,125,50,.22);--btn-hf:brightness(1.15);
  --ghost-bg:rgba(46,125,50,.07);--ghost-glow:0 1px 3px rgba(15,30,50,.12);
  --card-shadow:0 6px 18px rgba(15,30,50,.12);
  --side-bg:rgba(255,255,255,.97);--nav-act:rgba(46,125,50,.12);--acc-soft:rgba(46,125,50,.08);--acc-border:rgba(46,125,50,.35);
  --zebra:rgba(46,125,50,.05);--rowhov:rgba(46,125,50,.07);--td-line:rgba(46,125,50,.15);
  --bad-soft:rgba(192,57,43,.05);--bad-border:rgba(192,57,43,.3);
  color-scheme:light;
}
/* Footer-Text-Fade (hartcodierte Dark-Farben) im Light Mode aus */
html[data-theme="sigma"][data-mode="light"] .ft-foot{
  background:none;-webkit-background-clip:initial;background-clip:initial;
  color:var(--dim);animation:none;
}

/* Theme-Mode-Toggle (Dark/Light) */
.theme-toggle{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);width:32px;height:32px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s,border-color .15s;line-height:1;padding:0;white-space:nowrap}
.theme-toggle:hover{border-color:var(--acc);filter:brightness(1.15)}
html[data-theme="sigma"] .hright .theme-toggle{height:32px}

/* Paginacao (SCOND Usuarios) */
.pagin{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}

/* Pessoa-Spalte: kompakt, kein Umbruch mitten in der ID */
.hperson{white-space:nowrap;font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis}