/* RentFlow — stile. Tutto sotto .rf-app, così il tema del sito non viene toccato. */
.rf-app{
  --rf-fondo:#f5f6f3; --rf-carta:#fff; --rf-carta2:#f0f2ee; --rf-riga:#dfe3dc; --rf-riga2:#c6ccc3;
  --rf-ink:#18211d; --rf-ink2:#4f5b55; --rf-ink3:#737e78;
  --rf-acc:#0d6e68; --rf-acc2:#0a5752; --rf-acc-vel:#e1f0ee; --rf-su-acc:#fff;
  --rf-bene:#0ca30c; --rf-avv:#fab219; --rf-male:#d03b3b; --rf-neutro:#9aa39d;
  --rf-t-bene:#0b6b0b; --rf-t-male:#b42318; --rf-vel-male:#fdecea; --rf-vel-bene:#e7f6e7; --rf-vel-avv:#fff5d9;
  --rf-ombra:0 1px 2px rgba(24,33,29,.06),0 1px 3px rgba(24,33,29,.05);
  --rf-r:8px;
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--rf-ink); text-align:left; -webkit-text-size-adjust:100%;
}
.rf-app[data-tema="scuro"]{
  --rf-fondo:#141917; --rf-carta:#1c2320; --rf-carta2:#242c28; --rf-riga:#303a35; --rf-riga2:#435049;
  --rf-ink:#e9eeeb; --rf-ink2:#b3beb8; --rf-ink3:#8b9790;
  --rf-acc:#4cc2b7; --rf-acc2:#6fd3c9; --rf-acc-vel:#173b38; --rf-su-acc:#06201e;
  --rf-t-bene:#6fdc6f; --rf-t-male:#ff8f85; --rf-vel-male:#3d1f1c; --rf-vel-bene:#16331a; --rf-vel-avv:#3a3014;
  --rf-ombra:0 1px 2px rgba(0,0,0,.4);
}
.rf-app:not(.rf-fuori){background:var(--rf-fondo);border:1px solid var(--rf-riga);border-radius:12px;padding:16px;margin:0 0 24px;max-width:1280px;box-sizing:border-box}
.wrap>.rf-app{margin-top:16px}
.rf-app *,.rf-app *::before,.rf-app *::after{box-sizing:border-box}
.rf-app [hidden]{display:none!important}
.rf-app h2,.rf-app h3{margin:0;padding:0;color:var(--rf-ink);font-family:inherit;text-transform:none;letter-spacing:0;line-height:1.3}
.rf-app p{margin:0 0 10px;color:inherit;font-size:inherit;line-height:inherit}
.rf-app ul,.rf-app ol,.rf-app dl{margin:0;padding:0;list-style:none}
.rf-app li{margin:0}
.rf-app strong{font-weight:650;color:inherit}
.rf-app a{color:var(--rf-acc)}
.rf-app code{background:var(--rf-carta2);color:var(--rf-ink);padding:2px 6px;border-radius:4px;font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}
.rf-app .rf-muto{color:var(--rf-ink3)}
.rf-app .rf-t-male{color:var(--rf-t-male)}
.rf-app .rf-t-bene{color:var(--rf-t-bene)}
.rf-app .rf-spazio{flex:1 1 auto}
.rf-app .rf-avvio{color:var(--rf-ink3);padding:24px 8px;margin:0}

/* Testata e navigazione */
.rf-app .rf-testa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rf-app .rf-marca{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.01em}
.rf-app .rf-logo{width:22px;height:22px;border-radius:6px;background:var(--rf-acc);position:relative;flex:none}
.rf-app .rf-logo::after{content:"";position:absolute;left:6px;right:6px;bottom:5px;height:8px;border:2px solid var(--rf-su-acc);border-top-width:0;border-radius:0 0 2px 2px;box-shadow:0 -5px 0 -3px var(--rf-su-acc)}
.rf-app .rf-veste{color:var(--rf-ink2);font-size:13px;padding:2px 10px;border:1px solid var(--rf-riga);border-radius:99px;background:var(--rf-carta)}
.rf-app .rf-salv{font-size:12.5px;color:var(--rf-ink3);min-height:18px}
.rf-app .rf-salv.rf-errore{color:var(--rf-t-male);font-weight:600}
.rf-app .rf-link{background:none;border:0;padding:0;margin:0;color:var(--rf-acc);text-decoration:underline;cursor:pointer;font:inherit;min-height:0;box-shadow:none}
.rf-app .rf-nav{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--rf-riga);margin-bottom:16px;scrollbar-width:thin}
.rf-app .rf-nav button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;margin:0 0 -1px;padding:9px 13px;font:inherit;font-weight:550;color:var(--rf-ink2);cursor:pointer;white-space:nowrap;min-height:0;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.4}
.rf-app .rf-nav button:hover{color:var(--rf-ink);background:var(--rf-carta2)}
.rf-app .rf-nav button[aria-current]{color:var(--rf-acc);border-bottom-color:var(--rf-acc)}
.rf-app .rf-corpo{container:rf / inline-size;min-width:0}

/* Pulsanti e campi */
.rf-app .rf-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:7px 13px;min-height:34px;border-radius:7px;border:1px solid var(--rf-riga2);background:var(--rf-carta);color:var(--rf-ink);font:inherit;font-weight:600;line-height:1.3;text-decoration:none;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none;text-shadow:none;transition:background .12s,border-color .12s}
.rf-app .rf-btn:hover{background:var(--rf-carta2);color:var(--rf-ink);border-color:var(--rf-ink3)}
.rf-app .rf-btn.rf-primo{background:var(--rf-acc);border-color:var(--rf-acc);color:var(--rf-su-acc)}
.rf-app .rf-btn.rf-primo:hover{background:var(--rf-acc2);border-color:var(--rf-acc2);color:var(--rf-su-acc)}
.rf-app .rf-btn.rf-pericolo{background:var(--rf-male);border-color:var(--rf-male);color:#fff}
.rf-app .rf-btn.rf-pericolo:hover{background:#b93030;border-color:#b93030}
.rf-app .rf-btn.rf-t-male{color:var(--rf-t-male)}
.rf-app .rf-btn.rf-piccolo{padding:4px 10px;min-height:28px;font-size:13px}
.rf-app .rf-btn:disabled{opacity:.5;cursor:not-allowed}
.rf-app .rf-x{appearance:none;width:28px;height:28px;min-height:0;padding:0;margin:0;border:0;border-radius:6px;background:none;color:var(--rf-ink3);font:400 20px/1 inherit;cursor:pointer;box-shadow:none;flex:none}
.rf-app .rf-x:hover{background:var(--rf-vel-male);color:var(--rf-t-male)}
.rf-app :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--rf-acc);outline-offset:2px;box-shadow:none}
.rf-app input[type=text],.rf-app input[type=email],.rf-app input[type=password],.rf-app input[type=url],.rf-app input[type=search],.rf-app input[type=date],.rf-app input[type=month],.rf-app input[type=number],.rf-app select,.rf-app textarea{
  appearance:auto;width:100%;max-width:none;min-height:34px;height:auto;margin:0;padding:6px 9px;border:1px solid var(--rf-riga2);border-radius:7px;background:var(--rf-carta);color:var(--rf-ink);font:inherit;line-height:1.35;box-shadow:none}
.rf-app textarea{resize:vertical;min-height:70px}
.rf-app select{padding-right:26px}
.rf-app input[type=checkbox],.rf-app input[type=radio]{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--rf-acc);flex:none}
.rf-app input[aria-invalid]{border-color:var(--rf-male);background:var(--rf-vel-male)}
.rf-app input:disabled,.rf-app select:disabled{opacity:.55}
.rf-app .rf-imp{text-align:right;font-variant-numeric:tabular-nums}
.rf-app .rf-campo{display:flex;flex-direction:column;gap:4px;margin:0;font-weight:400;min-width:0}
.rf-app .rf-et{font-size:12.5px;font-weight:600;color:var(--rf-ink2)}
.rf-app .rf-aiuto{display:block;font-size:12.5px;color:var(--rf-ink3);font-weight:400;margin:0}
.rf-app .rf-riga{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:start}
.rf-app .rf-modulo{display:flex;flex-direction:column;gap:14px;margin:0}
.rf-app fieldset{border:1px solid var(--rf-riga);border-radius:var(--rf-r);padding:12px 14px 14px;margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.rf-app legend{padding:0 6px;font-weight:650;font-size:13px;color:var(--rf-ink);width:auto;margin:0;border:0;float:none}
.rf-app .rf-scelte{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.rf-app .rf-scelta{display:flex;gap:9px;align-items:flex-start;margin:0;padding:9px 11px;border:1px solid var(--rf-riga);border-radius:7px;cursor:pointer;font-weight:400}
.rf-app .rf-scelta:has(input:checked){border-color:var(--rf-acc);background:var(--rf-acc-vel)}
.rf-app .rf-scelta input{margin-top:2px}
.rf-app .rf-scelta input[type=month]{width:auto;display:inline-block;min-height:30px;padding:3px 7px}
.rf-app .rf-canone{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.rf-app .rf-formula{margin:0;padding:8px 11px;border-radius:7px;background:var(--rf-carta2);font-weight:600;font-variant-numeric:tabular-nums}

/* Proposta dell'I.A. e nuovo utente nel modulo del contratto */
.rf-app .rf-ia{padding:12px 14px;border-radius:var(--rf-r);background:var(--rf-acc-vel);border:1px solid var(--rf-acc)}
.rf-app .rf-ia p{margin:0 0 8px}
.rf-app .rf-ia .rf-dati{margin:0 0 8px}
.rf-app .rf-ia-avvisi{list-style:disc;margin:0 0 8px;padding-left:20px}
.rf-app .rf-ia-avvisi li{margin:2px 0}
.rf-app .rf-link.rf-sx{align-self:flex-start;font-size:13px}
.rf-app .rf-nuovo{display:grid;grid-template-columns:1fr;gap:6px;padding:9px;border:1px dashed var(--rf-riga2);border-radius:7px}
.rf-app .rf-nuovo .rf-btn{justify-self:start}

/* Carte, tessere, avvisi */
.rf-app .rf-carta{background:var(--rf-carta);border:1px solid var(--rf-riga);border-radius:var(--rf-r);padding:16px;margin:0 0 14px;box-shadow:var(--rf-ombra);min-width:0}
.rf-app .rf-carta>h3{font-size:14px;font-weight:650;margin-bottom:10px}
.rf-app .rf-carta.rf-stretta{max-width:720px}
.rf-app .rf-carta.rf-senza-bordo{padding:0;overflow:auto}
.rf-app .rf-tessere{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.rf-app .rf-tessere.rf-cinque{grid-template-columns:repeat(5,minmax(0,1fr))}
.rf-app .rf-tessera{background:var(--rf-carta);border:1px solid var(--rf-riga);border-radius:var(--rf-r);padding:12px 14px;box-shadow:var(--rf-ombra);min-width:0}
.rf-app .rf-tes-t{font-size:12px;font-weight:600;color:var(--rf-ink2)}
.rf-app .rf-tes-v{font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rf-app .rf-tes-v.rf-t-male{color:var(--rf-t-male)}
.rf-app .rf-tes-v.rf-t-bene{color:var(--rf-t-bene)}
.rf-app .rf-tes-s{font-size:12px;color:var(--rf-ink3)}
.rf-app .rf-due{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px}
.rf-app .rf-vuoto{text-align:center;padding:40px 16px;color:var(--rf-ink2)}
.rf-app .rf-vuoto h3{font-size:16px;margin-bottom:6px}
.rf-app .rf-vuoto p{max-width:440px;margin:0 auto 14px}
.rf-app .rf-avviso{margin:0 0 10px;padding:9px 12px;border-radius:7px;background:var(--rf-vel-avv);border-left:3px solid var(--rf-avv);color:var(--rf-ink)}
.rf-app .rf-avviso.rf-errore{background:var(--rf-vel-male);border-left-color:var(--rf-male)}
.rf-app .rf-barra{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.rf-app .rf-barra .rf-campo{min-width:130px}
.rf-app .rf-sel-contratto{flex:1 1 280px;max-width:520px}
.rf-app .rf-contratto-unico{font-weight:650;font-size:15px;padding:6px 0}
.rf-app .rf-cerca{flex:1 1 180px;max-width:280px}
.rf-app .rf-barra select{width:auto}
.rf-app .rf-sel-contratto select{width:100%}
.rf-app .rf-azioni{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.rf-app .rf-azioni.rf-fine{justify-content:flex-end;margin-top:14px}
.rf-app .rf-piede-nota{font-size:12.5px;margin-top:-4px}

/* Stati: un punto colorato accanto all'etichetta, mai il solo colore */
.rf-app .rf-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:99px;border:1px solid var(--rf-riga);background:var(--rf-carta);color:var(--rf-ink);font-size:12px;font-weight:600;white-space:nowrap;vertical-align:middle;margin-left:6px}
.rf-app td>.rf-badge:first-child,.rf-app .rf-cella .rf-badge{margin-left:0}
.rf-app .rf-badge::before,.rf-app .rf-punto{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rf-neutro);flex:none}
.rf-app .rf-badge.rf-neutro::before{display:none}
.rf-app .rf-saldata::before,.rf-app .rf-punto.rf-saldata,.rf-app .rf-fetta.rf-saldata{background:var(--rf-bene)}
.rf-app .rf-parziale::before,.rf-app .rf-punto.rf-parziale,.rf-app .rf-fetta.rf-parziale{background:var(--rf-avv)}
.rf-app .rf-insoluta::before,.rf-app .rf-punto.rf-insoluta,.rf-app .rf-fetta.rf-insoluta{background:var(--rf-male)}
.rf-app .rf-attesa::before,.rf-app .rf-punto.rf-attesa,.rf-app .rf-fetta.rf-attesa{background:var(--rf-neutro)}

/* Grafici */
.rf-app .rf-anni{display:flex;flex-direction:column;gap:10px}
.rf-app .rf-anno{display:grid;grid-template-columns:44px minmax(60px,1fr) auto;gap:10px;align-items:center}
.rf-app .rf-anno-n{font-weight:650;font-variant-numeric:tabular-nums}
.rf-app .rf-anno-b{position:relative;height:12px}
.rf-app .rf-pista,.rf-app .rf-pieno{position:absolute;left:0;top:0;height:12px;border-radius:0 4px 4px 0}
.rf-app .rf-pista{background:var(--rf-riga)}
.rf-app .rf-pieno{background:var(--rf-acc)}
.rf-app .rf-anno:hover .rf-pieno{background:var(--rf-acc2)}
.rf-app .rf-anno-v{font-size:12.5px;color:var(--rf-ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.rf-app .rf-nota-graf{display:flex;gap:6px;align-items:center;margin:12px 0 0;font-size:12px;color:var(--rf-ink3)}
.rf-app .rf-punto.rf-pieno-l{background:var(--rf-acc);border-radius:2px}
.rf-app .rf-punto.rf-pista-l{background:var(--rf-riga);border-radius:2px;margin-left:10px}
.rf-app .rf-pila{display:flex;gap:2px;height:14px;margin-bottom:12px}
.rf-app .rf-fetta{min-width:4px;height:14px}
.rf-app .rf-fetta:first-child{border-radius:4px 0 0 4px}
.rf-app .rf-fetta:last-child{border-radius:0 4px 4px 0}
.rf-app .rf-fetta:only-child{border-radius:4px}
.rf-app .rf-legenda{display:grid;gap:6px}
.rf-app .rf-legenda li{display:flex;align-items:center;gap:8px}
.rf-app .rf-legenda strong{margin-left:auto;font-variant-numeric:tabular-nums}
.rf-app .rf-legenda .rf-muto{width:38px;text-align:right;font-size:12.5px}

/* Tabelle ed elenchi */
.rf-app .rf-scorri{overflow-x:auto;max-width:100%}
.rf-app .rf-tab{width:100%;border-collapse:collapse;border:0;margin:0;font-size:13.5px;background:none;table-layout:auto}
.rf-app .rf-tab th,.rf-app .rf-tab td{padding:8px 10px;border:0;border-bottom:1px solid var(--rf-riga);text-align:left;vertical-align:middle;background:none;color:var(--rf-ink);font-size:inherit;line-height:1.4}
.rf-app .rf-tab thead th{font-size:12px;font-weight:650;color:var(--rf-ink2);white-space:nowrap;background:var(--rf-carta2);border-bottom:1px solid var(--rf-riga2)}
.rf-app .rf-tab tbody th{font-weight:600;white-space:nowrap}
.rf-app .rf-tab tbody tr:last-child>*{border-bottom:0}
.rf-app .rf-tab .rf-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rf-app .rf-tab .rf-centro{text-align:center}
.rf-app .rf-tab td.rf-azioni{display:table-cell;white-space:nowrap;text-align:right}
.rf-app .rf-tab td.rf-azioni>*{margin-left:4px;vertical-align:middle}
.rf-app .rf-pagamenti td{padding:5px 6px}
.rf-app .rf-pagamenti tbody th{padding-left:12px;box-shadow:inset 3px 0 0 var(--rf-neutro)}
.rf-app .rf-pagamenti tr.rf-r-saldata th{box-shadow:inset 3px 0 0 var(--rf-bene)}
.rf-app .rf-pagamenti tr.rf-r-parziale th{box-shadow:inset 3px 0 0 var(--rf-avv)}
.rf-app .rf-pagamenti tr.rf-r-insoluta th{box-shadow:inset 3px 0 0 var(--rf-male)}
.rf-app .rf-pagamenti tr.rf-r-insoluta{background:var(--rf-vel-male)}
.rf-app .rf-pagamenti .rf-imp{width:96px;min-height:30px;padding:4px 7px}
.rf-app .rf-pagamenti input[type=date]{width:140px;min-height:30px;padding:4px 7px}
.rf-app .rf-pagamenti .rf-nota{min-width:130px;min-height:30px;padding:4px 7px}
.rf-app .rf-pagamenti td>.rf-vuoto{padding:24px 8px}
.rf-app tr.rf-r-vuota td{color:var(--rf-ink3)}
.rf-app .rf-import select{min-width:170px;max-width:260px;min-height:30px;padding:4px 24px 4px 7px}
.rf-app .rf-descr{max-width:340px}
.rf-app .rf-descr>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}
.rf-app .rf-descr .rf-badge{margin:3px 4px 0 0}
.rf-app .rf-elenco li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--rf-riga)}
.rf-app .rf-elenco li:last-child{border-bottom:0}
.rf-app .rf-elenco li>span:first-child{min-width:0;overflow-wrap:anywhere}
.rf-app .rf-filtri{display:flex;gap:4px;flex-wrap:wrap}
.rf-app .rf-filtro{appearance:none;margin:0;padding:5px 11px;min-height:30px;border:1px solid var(--rf-riga2);border-radius:99px;background:var(--rf-carta);color:var(--rf-ink2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.3}
.rf-app .rf-filtro:hover{background:var(--rf-carta2);color:var(--rf-ink)}
.rf-app .rf-filtro[aria-pressed=true]{background:var(--rf-acc);border-color:var(--rf-acc);color:var(--rf-su-acc)}

/* Schede dei contratti */
.rf-app .rf-schede{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-bottom:14px}
.rf-app .rf-scheda{margin:0;display:flex;flex-direction:column;gap:8px}
.rf-app .rf-scheda>h3{font-size:16px;margin:0}
.rf-app .rf-scheda p{margin:0}
.rf-app .rf-scheda-imm{font-weight:600}
.rf-app .rf-scheda .rf-azioni{margin-top:auto;padding-top:6px}
.rf-app .rf-dati{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:4px 0}
.rf-app .rf-dati dt{color:var(--rf-ink3);font-size:12.5px;font-weight:600;margin:0;padding-top:1px}
.rf-app .rf-dati dd{margin:0;overflow-wrap:anywhere}
.rf-app .rf-dati .rf-badge{margin:2px 0 0;display:flex;width:max-content;max-width:100%}
.rf-app .rf-pre{white-space:pre-wrap}
.rf-app .rf-situazione{padding:8px 11px;border-radius:7px;background:var(--rf-vel-bene);border-left:3px solid var(--rf-bene)}
.rf-app .rf-situazione.rf-male{background:var(--rf-vel-male);border-left-color:var(--rf-male)}
.rf-app .rf-cestino summary{cursor:pointer;font-weight:650}
.rf-app .rf-cestino-c{margin-top:10px}

/* Calendario */
.rf-app .rf-cal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.rf-app .rf-cella{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:112px;margin:0;padding:11px 12px;border:1px solid var(--rf-riga);border-top:3px solid var(--rf-neutro);border-radius:var(--rf-r);background:var(--rf-carta);color:var(--rf-ink);font:inherit;text-align:left;text-transform:none;letter-spacing:0;line-height:1.35;box-shadow:var(--rf-ombra);white-space:normal}
.rf-app button.rf-cella{cursor:pointer}
.rf-app button.rf-cella:hover{border-color:var(--rf-acc);background:var(--rf-carta);color:var(--rf-ink)}
.rf-app .rf-cella.rf-c-saldata{border-top-color:var(--rf-bene)}
.rf-app .rf-cella.rf-c-parziale{border-top-color:var(--rf-avv)}
.rf-app .rf-cella.rf-c-insoluta{border-top-color:var(--rf-male)}
.rf-app .rf-cella.rf-fuori-periodo{opacity:.5;box-shadow:none;border-top-width:1px}
.rf-app .rf-cella-m{font-weight:700;font-size:15px}
.rf-app .rf-cella-v{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.rf-app .rf-cella .rf-muto{font-size:12px}

/* Importazione */
.rf-app .rf-passi{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.rf-app .rf-passi li{padding:5px 12px;border-radius:99px;border:1px solid var(--rf-riga);background:var(--rf-carta);color:var(--rf-ink3);font-size:13px;font-weight:600}
.rf-app .rf-passi li.rf-qui{background:var(--rf-acc);border-color:var(--rf-acc);color:var(--rf-su-acc)}
.rf-app .rf-passi li.rf-fatto{color:var(--rf-ink)}
.rf-app .rf-zona{appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin:6px 0 10px;padding:34px 18px;border:2px dashed var(--rf-riga2);border-radius:10px;background:var(--rf-carta2);color:var(--rf-ink);font:inherit;text-align:center;cursor:pointer;white-space:normal;text-transform:none;letter-spacing:0;line-height:1.45;box-shadow:none}
.rf-app .rf-zona:hover,.rf-app .rf-zona.rf-sopra{border-color:var(--rf-acc);background:var(--rf-acc-vel);color:var(--rf-ink)}
.rf-app .rf-zona strong{font-size:15px}
.rf-app .rf-zona .rf-muto{max-width:520px;font-size:12.5px}
.rf-app .rf-conta{font-variant-numeric:tabular-nums}

/* Finestre e avvisi a comparsa (fuori dalla pagina, sopra tutto) */
.rf-app.rf-fuori{position:static;margin:0;padding:0;border:0;background:none}
.rf-app .rf-velo{position:fixed;inset:0;z-index:100050;display:flex;align-items:flex-start;justify-content:center;padding:6vh 14px 14px;background:rgba(15,22,19,.55);overflow-y:auto}
.rf-app .rf-finestra{width:100%;max-width:480px;background:var(--rf-carta);color:var(--rf-ink);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;flex-direction:column}
.rf-app .rf-finestra.rf-larga{max-width:760px}
.rf-app .rf-fin-testa{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--rf-riga)}
.rf-app .rf-fin-testa h2{font-size:16px;font-weight:700}
.rf-app .rf-fin-corpo{padding:16px}
.rf-app .rf-fin-corpo>p:last-child{margin-bottom:0}
.rf-app .rf-fin-piede{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--rf-riga);background:var(--rf-carta2);border-radius:0 0 12px 12px}
.rf-app .rf-toast{position:fixed;right:20px;bottom:20px;z-index:100060;max-width:min(420px,calc(100vw - 40px));padding:11px 15px;border-radius:9px;background:var(--rf-ink);color:var(--rf-carta);font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.3)}

/* Invito ad accedere e riquadro di riepilogo (generati dal server) */
.rf-accedi,.rf-box{border:1px solid #dfe3dc;border-radius:10px;background:#fff;color:#18211d;padding:18px;max-width:520px;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.rf-accedi p{margin:0 0 12px}
.rf-accedi p:last-child{margin:0}
.rf-box-t{font-weight:700;font-size:16px;margin-bottom:6px}
.rf-box ul{margin:0 0 12px;padding:0;list-style:none}
.rf-box li{margin:0;padding:3px 0}
.rf-accedi-btn{display:inline-block;padding:8px 16px;border-radius:7px;background:#0d6e68;color:#fff!important;font-weight:600;text-decoration:none}
.rf-accedi-btn:hover{background:#0a5752}

/* Larghezze ridotte: conta lo spazio della pagina in cui l'applicazione è inserita */
@container rf (max-width:900px){
  .rf-app .rf-tessere,.rf-app .rf-tessere.rf-cinque{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-app .rf-due{grid-template-columns:minmax(0,1fr)}
  .rf-app .rf-cal{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container rf (max-width:560px){
  .rf-app .rf-cal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-app .rf-schede{grid-template-columns:minmax(0,1fr)}
  .rf-app .rf-anno{grid-template-columns:44px minmax(0,1fr)}
  .rf-app .rf-anno-v{grid-column:1 / -1;white-space:normal}
  .rf-app .rf-tes-v{font-size:18px}
  .rf-app .rf-lettura tr>:nth-child(2),.rf-app .rf-lettura tr>:nth-child(3){display:none}
  .rf-app .rf-lettura td[colspan]{display:table-cell}
  .rf-app .rf-cerca{max-width:none}
  .rf-app .rf-dati{grid-template-columns:minmax(0,1fr)}
  .rf-app .rf-dati dd{margin-bottom:4px}
}
@media (max-width:600px){
  .rf-app:not(.rf-fuori){padding:12px;border-radius:10px}
  .rf-app .rf-velo{padding:10px}
  .rf-app .rf-toast{right:12px;left:12px;bottom:12px;max-width:none}
}
@media (prefers-reduced-motion:reduce){.rf-app *{transition:none!important}}
@media print{.rf-app .rf-nav,.rf-app .rf-barra,.rf-app .rf-btn,.rf-app.rf-fuori{display:none!important}}