/* Tema scuro: caricato solo se l'utente sceglie Scuro (o Come il telefono e il telefono e' in modo scuro): vedi Tema in js/app.js e il link #css-scuro in index.html */
/* da css\app.css */
:root {
    --bg: #0f1317;
    --card: #181d23;
    --text: #e9eef3;
    --muted: #98a4b0;
    --line: #2b333b;
    --brand: #141a20;
    --brand-2: #0A5E99;
    --accent: #4DB8F5;
    --info: #5DB5EE;
    --err: #F0575C;
    --ok-bg: #12301f;
    --warn-bg: #3a2a10;
    --err-bg: #3a1a1b;
    --info-bg: #10283a;
    --grey-bg: #222930;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3);
    color-scheme: dark;
  }

/* da css\app.css */
.topbar { background: var(--brand); color: #fff; }

/* da css\app.css */
.mode-pill { background: rgba(255,255,255,.14); color: #fff; }

/* da css\app.css */
.bottomnav a.active { color: var(--accent); }

/* da css\app.css */
.li .ic-round { color: var(--accent); }

/* da css\app.css */
.tile .ic { color: var(--accent); }

/* da css\app.css */
.btn.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }

/* da css\app.css */
.slide-box { background: linear-gradient(160deg, #1d242b, #12171c); } .slide-punti li { background: #222930; border-color: #343d46; } .slide-testo { color: #c3cbd5; }

/* da css\app.css */
.gd-aiuto, .gd-attenzione, .gd-voce, .passi-box, .passi-avvisi, .att-ok-riga, .att-no-riga, .sup-riga,
  [style*="background:#e"], [style*="background:#f"], [style*="background: #e"], [style*="background: #f"] {
    color: #14202c; --text: #14202c; --muted: #4d5b6a; --line: #cfd7e0;
  }
  .gd-aiuto b, .gd-attenzione b, .passi-box b, .gd-voce b { color: #0a1622; }
  .gd-aiuto, .gd-attenzione { font-weight: 500; }
  .gd-voce { background: #f4f7fb; }
  .gd-voce:has(input:checked) { background: #dcecfa; }
  .passi-box { background: #fff7e3; }
  .passi-lista .p-ora { background: #ffe9b3; }
  .passi-lista .p-fatto, .passi-lista .p-dopo { opacity: 1; }
  .passi-lista .p-fatto { color: #3d6b4d; }
  .passi-lista .p-dopo { color: #4d5b6a; }
  .gd-attenzione summary::after { color: #4d5b6a; }
  .att-ok-riga { background: #e1f4e8; }
  .att-no-riga { background: #fbe0e0; }

/* da css\app.css */
.modal.guidata .muted, .modal.guidata .small.muted, .gd-passo { color: #b9c7d6; }
  .modal.guidata label, .modal.guidata .field > label { color: #c9d5e2; }

/* da css\app.css */
.as-assistant .as-bolla, .as-assistant .as-bolla * { color: #14202c; } .as-assistant .as-bolla .muted { color: #4d5b6a; }

/* da css\app.css */
.as-home, .as-home * { color: #14202c; } .as-home input { background: #fff; color: #14202c; } .as-home .btn.primary { color: #fff; }

/* da css\app.css */
.b-ok { color: #6ee0a6; } .b-warn { color: #ffbe66; } .b-err { color: #ff9a9a; } .b-info { color: #9ccaff; }
  a { color: #8fc2ff; } .btn.primary a, .tabs .on, .bottomnav a.active { color: #fff; }
  label, .field label, .label { color: #c9d6e3; }
  input, select, textarea { color: var(--text); }
  ::placeholder { color: #8394a6; opacity: 1; }

/* da css\app.css */
:is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"], [style*="background:#fff"], [style*="background: #fff"], [style*="background:#f"]) { color: #14202c; }
  :is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"], [style*="background:#fff"], [style*="background: #fff"], [style*="background:#f"]) :is(.muted, .small.muted, .small, label, h3) { color: #3d4b59; }
  :is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"], [style*="background:#fff"], [style*="background:#f"]) :is(.btn, .btn *, button, select, input, textarea) { color: var(--text); }
  :is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"], [style*="background:#fff"], [style*="background:#f"]) a:not(.btn) { color: #0f4f9a; }
  [style*="color:var(--err)"] { color: #ff9a9a !important; } [style*="color:var(--ok)"] { color: #6ee0a6 !important; }
  [style*="color:var(--warn)"] { color: #ffbe66 !important; } [style*="color:var(--brand)"] { color: #9ccaff !important; }
  [style*="color:#c62828"] { color: #ff9a9a !important; } [style*="color:#17864a"] { color: #6ee0a6 !important; }

/* da css\app.css */
:is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"]) :is(.list, .li) { background: transparent; }
  :is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"]) .btn:not(.primary):not(.ok):not(.danger):not(.accent) { background: var(--card); color: var(--text); }

/* da css\app.css */
.sq-tab .sq-nome { background: var(--card); color: var(--text); }
  .sq-lib, .sq-nl, .sq-ass, .ri-num, .imp-med, .imp-me, .ord-tab .ord-gruppo td, .ord-tab .ord-sub td, .riga.controlla, .passi-box, .gd-aiuto, .gd-attenzione { color: #14202c; }
  :is(.ri-num, .imp-med, .imp-me, .riga.controlla, .passi-box, .gd-aiuto, .gd-attenzione) :is(.muted, .small, label, a:not(.btn)) { color: #3d4b59; }
  :is([style*="background:#eef6fc"], [style*="background:#fdecec"], [style*="background:#fff4e0"], [style*="background:#e3f5ea"], [style*="background:#fff1dc"], [style*="background:#fde6e6"], [style*="background:#e3eefb"]) .btn:not(.primary):not(.ok):not(.danger):not(.accent) { background: var(--card) !important; color: var(--text) !important; }

/* da css\app.css */
.gd-aiuto, .gd-attenzione, .passi-box, .passi-avvisi, .att-ok-riga, .att-no-riga, .sup-riga, .ri-num, .imp-med, .imp-me,
  [style*="background:#e"], [style*="background:#f"], [style*="background: #e"], [style*="background: #f"] { --card: #ffffff; }

/* da css\app.css */
.as-home, [style*="background:linear-gradient(135deg,#e"] { color: #14202c; --text: #14202c; --muted: #4d5b6a; --line: #cfd7e0; --card: #ffffff; }
  .btn[style*="color:var(--err)"], button[style*="color:var(--err)"] { color: #ff9a9a !important; }

/* da css\app.css */
.home-tiles .ic { color: var(--accent); } .home-tiles .sos .ic { color: #fff; }

/* da css\app.css */
.bottomnav a.active { background: var(--grey-bg); }

/* da css\chat.css */
.chat-msgs { background: #0b141a; } .chat-giorno span { background: #202c33; color: #8696a0; }
  .chat-b { background: #202c33; color: #e9edef; } .chat-m.mio .chat-b { background: #005c4b; }
  .chat-q { background: #0004; color: #b8c4cc; } .chat-tx a { color: #53bdeb; } .chat-h { color: #8fa1ac; }
  .chat-rim, .chat-vid, .chat-doc { background: #0003; }