/* Scheda di intervento da telefono. Tutto sotto .rsi per non pestare i piedi al tema. */
.rsi{
    --verde:#1a7f3c; --verde-scuro:#14602e; --verde-chiaro:#eaf4ee;
    --testo:#14181d; --tenue:#5b6470; --bordo:#d7dbe0; --sfondo:#f3f4f6;
    --rosso:#c0392b; --rosso-chiaro:#fdecea; --giallo:#fff6e0;
  }
.rsi *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  .rsi{margin:0;background:var(--sfondo);color:var(--testo);
    font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    padding-bottom:96px}
  .rsi-testata{background:var(--verde);color:#fff;padding:14px 16px calc(14px + env(safe-area-inset-top));
    position:sticky;top:0;z-index:20;box-shadow:0 1px 6px rgba(0,0,0,.18)}
  .rsi-testata h1{margin:0;font-size:17px;font-weight:700;letter-spacing:.01em}
  .rsi-testata p{margin:2px 0 0;font-size:13px;opacity:.9}
  .rsi-corpo{max-width:640px;margin:0 auto;padding:12px}
.rsi fieldset{border:1px solid var(--bordo);border-radius:10px;background:#fff;
    margin:0 0 14px;padding:12px 14px 16px}
.rsi legend{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
    color:var(--verde-scuro);padding:0 6px}
.rsi label{display:block;margin:12px 0 0;font-size:13px;color:var(--tenue)}
.rsi label:first-of-type{margin-top:4px}
.rsi .obb::after{content:" *";color:var(--rosso);font-weight:700}
.rsi input,.rsi select,.rsi textarea{width:100%;font:inherit;padding:11px 12px;margin-top:4px;
    border:1px solid #c7ccd2;border-radius:8px;background:#fff;color:var(--testo)}
.rsi input:focus,.rsi select:focus,.rsi textarea:focus{outline:2px solid var(--verde);outline-offset:1px;border-color:var(--verde)}
.rsi textarea{min-height:72px;resize:vertical}
.rsi .due{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rsi .manca input,.rsi .manca select{border-color:var(--rosso);background:var(--rosso-chiaro)}
.rsi .aiuto{font-size:12px;color:var(--tenue);margin:6px 0 0}
.rsi .sigle{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.rsi .sigla{border:1px solid #c7ccd2;border-radius:999px;padding:8px 13px;font-size:15px;
    background:#fff;cursor:pointer;user-select:none;min-width:52px;text-align:center}
.rsi .sigla.on{background:var(--verde);border-color:var(--verde);color:#fff;font-weight:700}
.rsi .scelti{margin-top:8px;font-size:13px;color:var(--verde-scuro);min-height:20px}
.rsi #sezC{display:none}
.rsi #sezC.serve{display:block}
.rsi .avvisoC{background:var(--giallo);border:1px solid #f0d59a;border-radius:8px;
    padding:9px 11px;font-size:13px;margin-bottom:6px}
.rsi .barra{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--bordo);
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:30;
    box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.rsi .barra .dentro{max-width:640px;margin:0 auto}
.rsi button{width:100%;font:inherit;font-weight:700;padding:14px;border:0;border-radius:9px;cursor:pointer}
.rsi #invia{background:var(--verde);color:#fff}
.rsi #invia.spento{background:#c7ccd2;color:#4b5563}
.rsi #copia{background:#fff;color:var(--verde-scuro);border:1px solid var(--verde);margin-top:8px}
.rsi .lampeggia{animation:rsi-lampeggia 1.5s ease-out}
.rsi .lampeggia input,.rsi .lampeggia select,.rsi .lampeggia textarea{border-color:var(--verde);
  box-shadow:0 0 0 3px rgba(26,127,60,.18)}
@keyframes rsi-lampeggia{0%{background:#fff}18%{background:var(--verde-chiaro)}100%{background:transparent}}
.rsi .riga-servizio{display:flex;gap:8px;margin-top:8px}
.rsi .riga-servizio button{padding:9px;font-size:13px;font-weight:400;background:#fff;
    border:1px solid var(--bordo);color:var(--tenue)}
.rsi .fatto{background:var(--verde-chiaro);border:1px solid #bfe0cb;border-radius:8px;
    padding:10px 12px;font-size:13.5px;margin-top:10px;display:none}