/* Stili selezionabili dall'utente (pulsante "Stile"). "classico" = stile base di style.css (segue il chiaro/scuro del dispositivo). */
:root[data-tema="notte"]{--bg:#0D1520;--card:#152131;--line:#25364A;--ink:#EAF1F8;--mut:#8FA3B8;--pri:#F5B83D;--pri-bg:#33290F;
  --ok:#7DD3A0;--ok-bg:#12301F;--warn:#F5B83D;--warn-bg:#3A2D10;--err:#F3A8A8;--err-bg:#3B1A1A;--plan-bg:#1F2E41;--plan:#B8C7D8;color-scheme:dark}
[data-tema="notte"] header.top{background:#0A111A}
[data-tema="notte"] button,[data-tema="notte"] .btn{color:#1A1200}
[data-tema="notte"] .btn.sec,[data-tema="notte"] button.sec{color:#F5B83D;background:transparent}
[data-tema="notte"] nav a.on{color:#1A1200}
[data-tema="notte"] nav a:not(.on),[data-tema="notte"] nav button{color:#EAF1F8;background:#152131}
[data-tema="notte"] nav.app a,[data-tema="notte"] nav.app button{background:transparent}
[data-tema="notte"] nav.app a.on{color:#F5B83D;background:#33290F}
[data-tema="notte"] a.item{border-width:1px}
[data-tema="notte"] button.ok,[data-tema="notte"] .btn.ok{background:#2E9B5F;border-color:#2E9B5F;color:#04170B}
[data-tema="notte"] button.danger,[data-tema="notte"] .btn.danger{background:#E5534B;border-color:#E5534B;color:#fff}
[data-tema="notte"] .seg a.on{color:#1A1200}

:root[data-tema="morbido"]{--bg:#FBF6F0;--card:#FFFFFF;--line:#EDE1D4;--ink:#3B2F28;--mut:#8A7A6E;--pri:#D9622B;--pri-bg:#FCE6D8;
  --ok:#3F7D58;--ok-bg:#E4F1E8;--warn:#A8620F;--warn-bg:#FFEFD2;--err:#8A1C1C;--err-bg:#FBE4E4;--plan-bg:#F1E9E0;--plan:#6F5F54;color-scheme:light}
[data-tema="morbido"] a.item,[data-tema="morbido"] .card,[data-tema="morbido"] .tile,[data-tema="morbido"] .col,[data-tema="morbido"] .day{border-radius:22px}
[data-tema="morbido"] a.item{border:none;box-shadow:0 6px 18px rgba(120,80,50,.10);padding:16px 18px}
[data-tema="morbido"] nav a,[data-tema="morbido"] nav button,[data-tema="morbido"] .btn,[data-tema="morbido"] button,
[data-tema="morbido"] .seg,[data-tema="morbido"] .seg a{border-radius:999px}
[data-tema="morbido"] header.top{background:#FFFDF9;border-bottom:none;box-shadow:0 2px 14px rgba(120,80,50,.08)}
[data-tema="morbido"] .chip{padding:4px 12px}
[data-tema="morbido"] .card{border-color:#EDE1D4}

:root[data-tema="cantiere"]{--bg:#FFFFFF;--card:#FFFFFF;--line:#111111;--ink:#000000;--mut:#333333;--pri:#FFC400;--pri-bg:#FFF3C2;
  --ok:#0B5E2A;--ok-bg:#C9F2D6;--warn:#7A3A00;--warn-bg:#FFE0B3;--err:#8A1C1C;--err-bg:#FBE4E4;--plan-bg:#E6E6E6;--plan:#000000;color-scheme:light}
[data-tema="cantiere"] body{font-size:18px;font-weight:500}
[data-tema="cantiere"] header.top{background:#111;border-bottom:4px solid #FFC400}
[data-tema="cantiere"] .brand{color:#FFC400;font-weight:700}
[data-tema="cantiere"] .brand .muted{color:#ddd}
[data-tema="cantiere"] nav a,[data-tema="cantiere"] nav button{border:2px solid #FFC400;background:#111;color:#fff;font-weight:700}
[data-tema="cantiere"] nav a.on{background:#FFC400;color:#000}
[data-tema="cantiere"] a.item{border:3px solid #111;border-radius:6px}
[data-tema="cantiere"] .card,[data-tema="cantiere"] .tile,[data-tema="cantiere"] .col,[data-tema="cantiere"] .day{border-radius:6px}
[data-tema="cantiere"] .card{border:2px solid #111}
[data-tema="cantiere"] .btn,[data-tema="cantiere"] button{background:#FFC400;color:#000;border:3px solid #000;font-weight:700;border-radius:6px}
[data-tema="cantiere"] .btn.sec,[data-tema="cantiere"] button.sec{background:#fff}
[data-tema="cantiere"] button.ok,[data-tema="cantiere"] .btn.ok{background:#1E7A44;color:#fff}
[data-tema="cantiere"] button.danger,[data-tema="cantiere"] .btn.danger{background:#B3261E;color:#fff}
[data-tema="cantiere"] .chip{border:2px solid #000;font-weight:700}
[data-tema="cantiere"] .tile{border:3px solid #111;background:#fff}
[data-tema="cantiere"] .tile.hl{background:#FFC400}
[data-tema="cantiere"] .item .c{color:#000;font-weight:700}
[data-tema="cantiere"] .oggi{background:#000;color:#FFC400}
[data-tema="cantiere"] .seg a.on{background:#FFC400;color:#000}
[data-tema="cantiere"] input,[data-tema="cantiere"] select,[data-tema="cantiere"] textarea{border:2px solid #000}

:root[data-tema="minimal"]{--bg:#FFFFFF;--card:#FFFFFF;--line:#E6E6E6;--ink:#111111;--mut:#767676;--pri:#2F5BFF;--pri-bg:#EEF2FF;
  --ok:#1B7F4B;--ok-bg:#EAF6EF;--warn:#B15B00;--warn-bg:#FFF4E5;--err:#8A1C1C;--err-bg:#FBE4E4;--plan-bg:#F3F3F3;--plan:#555555;color-scheme:light}
[data-tema="minimal"] header.top{border-bottom:1px solid #111}
[data-tema="minimal"] a.item,[data-tema="minimal"] .card,[data-tema="minimal"] .tile,[data-tema="minimal"] .col,[data-tema="minimal"] .day{border-radius:3px}
[data-tema="minimal"] a.item{border:none;border-left:3px solid #111;background:#FAFAFA;padding:12px 14px}
[data-tema="minimal"] .tile{background:#fff;border:1px solid #E6E6E6}
[data-tema="minimal"] .tile.hl{background:#111;color:#fff}
[data-tema="minimal"] .tile.hl small{color:#bbb}
[data-tema="minimal"] .btn,[data-tema="minimal"] button{background:#111;border-color:#111;border-radius:3px;font-weight:500}
[data-tema="minimal"] .btn.sec,[data-tema="minimal"] button.sec{background:#fff;color:#111;border-color:#111}
[data-tema="minimal"] button.ok,[data-tema="minimal"] .btn.ok{background:#1B7F4B;border-color:#1B7F4B}
[data-tema="minimal"] button.danger,[data-tema="minimal"] .btn.danger{background:#B3261E;border-color:#B3261E}
[data-tema="minimal"] nav a,[data-tema="minimal"] nav button{border-radius:3px;border-color:transparent;background:transparent}
[data-tema="minimal"] nav a.on{background:#111;color:#fff}
[data-tema="minimal"] .day h3,[data-tema="minimal"] .col h3{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#767676}
[data-tema="minimal"] .day.today h3{color:#2F5BFF}
[data-tema="minimal"] .day.today a.item{border-left-color:#2F5BFF}
[data-tema="minimal"] .chip{border-radius:3px;font-weight:500}
[data-tema="minimal"] .item .c{color:#555;font-weight:400}
[data-tema="minimal"] h1{font-weight:500;letter-spacing:-.01em}
[data-tema="minimal"] .seg a.on{background:#2F5BFF;color:#fff}
[data-tema="minimal"] nav.app a.on{background:#111;color:#fff}

/* pulsante Stile */
.hdr-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
details.temi{position:relative}
details.temi>summary{list-style:none;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);
  color:var(--ink);font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
details.temi>summary::-webkit-details-marker{display:none}
details.temi[open]>summary{border-color:var(--pri)}
details.temi .menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:210px;background:var(--card);color:var(--ink);
  border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.22)}
details.temi .menu form{margin:0;display:grid;gap:4px}
details.temi .menu button{width:100%;justify-content:flex-start;min-height:44px;background:transparent;color:var(--ink);border:1px solid transparent;font-weight:500;gap:10px}
details.temi .menu button:hover{background:var(--pri-bg)}
details.temi .menu button.cur{border-color:var(--pri);font-weight:700}
details.temi .sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none}
[data-tema="cantiere"] details.temi>summary{border:2px solid #FFC400;background:#111;color:#fff;font-weight:700}
[data-tema="cantiere"] details.temi .menu button{background:transparent;color:#000;border:2px solid transparent}
[data-tema="notte"] details.temi>summary{background:#152131;color:#EAF1F8}
[data-tema="minimal"] details.temi>summary,[data-tema="minimal"] details.temi .menu{border-radius:3px}
@media (max-width:700px){details.temi .menu{left:0;right:auto;width:min(260px,calc(100vw - 32px))}}

/* colore del testo sugli elementi pieni (viaggio in corso): scuro dove --pri è chiaro */
:root[data-tema="notte"]{--on-pri:#1A1200;--off:#8FA3B8;--off-bg:#1F2E41}
:root[data-tema="cantiere"]{--on-pri:#000000;--off:#333333;--off-bg:#E6E6E6}
:root[data-tema="morbido"]{--on-pri:#FFFFFF;--off:#6F5F54;--off-bg:#F1E9E0}
:root[data-tema="minimal"]{--on-pri:#FFFFFF;--off:#555555;--off-bg:#EEEEEE}