/* stile-tower.css — linguaggio visivo condiviso dei moduli Tower (marrone e crema, forme morbide).
   Font: Cormorant Garamond (titoli) + Jost (testo), cartella fonts/ accanto a questo file.
   Le variabili --primario ecc. si possono sovrascrivere dal tema del modulo (config.json, chiave "tema"). */
@font-face{font-family:"Jost";font-weight:400;font-display:swap;src:url(fonts/jost-400-normal-latin.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url(fonts/jost-500-normal-latin.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-500-normal-latin.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/cormorant-garamond-400-italic-latin.woff2) format("woff2")}
:root{
  --primario:#8A705C;--sfondo:#F6F1E9;--superficie:#fff;--bordo:#D8C8B7;--testo:#51453D;--lieve:#6f6158;
  --scuro:color-mix(in srgb,var(--primario) 70%,#2b211b);
  --nuovo:#B4390A;--prep:#9A6410;--pronto:#2B7248;--errore:#B42318;--avviso-bg:#FFF3D6;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-card:24px;--r-campo:16px;--ombra:0 8px 24px rgba(81,69,61,.10);--ombra-lieve:0 3px 10px rgba(81,69,61,.08);
  --tocco:48px;color-scheme:light}
*{box-sizing:border-box}
body.tower{margin:0;background:var(--sfondo);color:var(--testo);font:18px/1.4 var(--sans)}
.tower :where(button,input,select,textarea){font:inherit;color:inherit}
.tower button{cursor:pointer}
.tower :focus-visible{outline:3px solid var(--primario);outline-offset:3px}
.tower [hidden]{display:none!important}
.tower h1,.tower h2,.tower h3{font-family:var(--serif);font-weight:500;letter-spacing:0;text-transform:none}

/* intestazione: fascia morbida scura con angoli bassi arrotondati */
.t-top{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 18px 14px;color:#fff;border-radius:0 0 26px 26px;background:linear-gradient(120deg,var(--scuro),var(--primario));box-shadow:var(--ombra)}
.t-top h1{margin:0;font-size:32px;line-height:1}
.t-comandi{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* pulsanti: pillola. t-btn = primario pieno, t-btn.t-contorno = bordo, t-btn.t-chiaro = su fondo scuro */
.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tocco);padding:0 22px;border:2px solid var(--primario);border-radius:999px;background:var(--primario);color:#fff;font-weight:500;font-size:16px;box-shadow:var(--ombra-lieve);text-decoration:none}
.t-btn.t-contorno{background:var(--superficie);color:var(--scuro)}
.t-btn.t-chiaro{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);color:#fff;box-shadow:none}
.t-btn.t-chiaro.on{background:#fff;color:var(--scuro);border-color:#fff}
.t-btn.t-pericolo{background:var(--superficie);border-color:#d9a29d;color:var(--errore)}
.t-btn.t-grande{min-height:64px;font-size:21px;width:100%}
.t-btn[disabled]{opacity:.55;cursor:default}
.t-ora{display:inline-flex;align-items:center;min-height:var(--tocco);padding:0 6px;font-weight:500;font-size:20px;font-variant-numeric:tabular-nums}

/* card */
.t-card{padding:16px;background:var(--superficie);border-radius:var(--r-card);box-shadow:var(--ombra)}
.t-card.t-urgente{box-shadow:0 0 0 3px var(--nuovo),var(--ombra)}

/* pillola / etichetta: sempre con testo, mai solo colore */
.t-pillola{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:999px;background:var(--scuro);color:#fff;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.t-pillola.t-attenzione{background:var(--nuovo)}
.t-pillola.t-ok{background:var(--pronto)}

/* colonna con intestazione a pillola */
.t-colonna>h2{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:8px 18px;border-radius:999px;color:#fff;font-size:26px;line-height:1.1;background:var(--scuro)}
.t-colonna>h2 .n{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.2);font-family:var(--sans);font-size:18px;font-weight:500}

/* campi */
.t-campo{width:100%;min-height:var(--tocco);padding:0 18px;border:0;border-radius:var(--r-campo);background:var(--superficie);box-shadow:inset 0 0 0 1.5px var(--bordo)}
.t-campo:focus-visible{box-shadow:inset 0 0 0 2px var(--primario)}
.t-etichetta{display:block;margin:0 0 6px 4px;font-weight:500}

/* avvisi e vuoti */
.t-avviso{padding:12px 18px;border-radius:18px;background:var(--avviso-bg);box-shadow:var(--ombra-lieve);font-weight:500}
.t-avviso.errore{background:#FDE6E3;box-shadow:inset 0 0 0 2px #d9a29d}
.t-vuoto{padding:22px 8px;color:var(--lieve);text-align:center;font-family:var(--serif);font-style:italic;font-size:22px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}