/* Modo noturno, alvos de toque maiores e avisos de conexão/gravação. Compartilhado pelo app e pela administração. */
html[data-modo="escuro"]{
  color-scheme:dark;
  --bg:#0f1311; --surface:#171d19; --surface2:#1c2420; --line:#2a342e; --ink:#e7eee8; --mute:#9fb0a5;
  --top:#1f4a12; --th:#1c2420; --th-ink:#cfe6bd;
  --accent:#6fbf45; --accent-ink:#0b1607; --accent-soft:#1f3219;
  --ok:#5fd18a; --ok-bg:#15301f; --warn:#f0c15a; --warn-bg:#352a0f; --high:#ffa066; --high-bg:#38200f; --crit:#ff8a80; --crit-bg:#3a1714;
  --sombra:0 1px 2px rgba(0,0,0,.4),0 8px 22px -8px rgba(0,0,0,.6);
}
html[data-modo="escuro"] .brand i{color:#1b2f10}
html[data-modo="escuro"] input,html[data-modo="escuro"] select,html[data-modo="escuro"] textarea{color-scheme:dark}
#modo{white-space:nowrap}
#salvo{font-size:12px;opacity:.85;color:#fff}
#salvo:empty{display:none}
#salvo.erro{font-weight:700;opacity:1;background:var(--crit-bg);color:var(--crit);border-radius:6px;padding:2px 8px}
.conn{position:sticky;top:0;z-index:40;background:var(--crit);color:#fff;padding:9px 16px;font-weight:600;text-align:center}
html[data-modo="escuro"] .conn{background:#7a1b15;color:#fff}
@media (pointer:coarse){
  .btn,.tab,.btn.white{min-height:44px;padding-block:10px}
  .btn.sm{min-height:40px;padding:8px 12px;font-size:13px}
  input,select,textarea{min-height:44px;font-size:16px}
  input[type=checkbox],input[type=radio]{min-height:0;width:22px;height:22px}
  .kpi,.dose{min-height:52px}
  tr.row td{padding-block:13px}
}