/* calcolatore del risparmio e schede dei piani (app e pagina pubblica) */
.rs-periodo { display: inline-flex; background: rgba(127,127,127,.12); border-radius: 999px; padding: 4px; gap: 4px; margin-bottom: 16px; }
.rs-periodo button { border: 0; background: none; color: inherit; font: 600 15px/1 inherit; font-family: inherit; padding: 10px 18px; border-radius: 999px; cursor: pointer; }
.rs-periodo button[aria-pressed="true"] { background: #1d2320; color: #fff; }
.rs-periodo em { font-style: normal; font-size: 12px; color: #2f7d4f; background: #e3f2e8; border-radius: 999px; padding: 2px 7px; margin-left: 4px; }
.rs-periodo button[aria-pressed="true"] em { background: #e3a600; color: #1d2320; }
.rs-dati { display: grid; grid-template-columns: 1fr 1fr 1.5fr; gap: 12px; margin-bottom: 18px; }
.rs-dati label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; align-content: end; }
.rs-dati input { font: inherit; font-weight: 500; padding: 10px 12px; border: 1px solid #c9cfcb; border-radius: 9px; width: 100%; background: #fff; color: #1d2320; }
.rs-euro { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.rs-euro input { max-width: 110px; }
.rs-piani { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }
.rs-piano { border: 1px solid #d9ddd9; border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 14px; background: #fff; color: #1d2320; }
.rs-piano.consigliato { border: 2px solid #e3a600; box-shadow: 0 10px 30px rgba(227,166,0,.18); }
.rs-piano.fuori { opacity: .55; }
.rs-avviso { margin: 0; text-align: center; font-weight: 600; color: #a86400; background: #fbefc8; border-radius: 9px; padding: 10px; font-size: 14px; }
.rs-testa { display: flex; justify-content: space-between; align-items: center; }
.rs-testa h3 { margin: 0; font: 700 30px/1 "Barlow Condensed", "Arial Narrow", sans-serif; text-transform: uppercase; }
.rs-consigliato { background: #e3a600; color: #1d2320; font: 700 12px/1 "IBM Plex Sans", system-ui, sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 5px 9px; border-radius: 6px; }
.rs-prezzo { display: grid; }
.rs-prezzo b { font: 700 46px/1 "Barlow Condensed", "Arial Narrow", sans-serif; }
.rs-prezzo span { color: #5f6964; font-size: 14px; }
.rs-prezzo small { color: #2f7d4f; font-weight: 600; font-size: 13px; margin-top: 4px; }
.rs-cosa { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: 14.5px; }
.rs-cosa li::before { content: "✓"; color: #2f7d4f; font-weight: 700; margin-right: 8px; }
.rs-conto { background: #f6f7f5; border-radius: 12px; padding: 14px 16px; display: grid; gap: 7px; font-size: 14.5px; margin-top: auto; }
.rs-conto div { display: flex; justify-content: space-between; gap: 10px; }
.rs-conto b { font-family: "IBM Plex Mono", ui-monospace, monospace; font-weight: 500; white-space: nowrap; }
.rs-conto .rs-netto { border-top: 1px solid #d9ddd9; padding-top: 8px; font-weight: 700; font-size: 16px; }
.rs-conto .rs-netto.si b { color: #2f7d4f; font-size: 18px; }
.rs-conto .rs-netto.no b { color: #b3362b; }
.rs-conto p { margin: 2px 0 0; font-size: 13px; color: #5f6964; }
.rs-nota { font-size: 13px; color: #5f6964; margin: 14px 0 0; }
.rs-azioni { display: grid; gap: 8px; }
.rs-azioni .btn { width: 100%; justify-content: center; }
.rs-attuale { text-align: center; font-weight: 600; color: #2f7d4f; background: #e3f2e8; border-radius: 9px; padding: 10px; }
@media (max-width: 1100px) { .rs-piani { grid-template-columns: 1fr 1fr; } .rs-piano.plus { grid-column: span 2; } }
@media (max-width: 760px) { .rs-dati, .rs-piani { grid-template-columns: 1fr; } .rs-piano.plus { grid-column: auto; } }
@media (prefers-color-scheme: dark) {
  .app-scuro .rs-piano { background: #1d2220; color: #e8ebe9; border-color: #333b37; }
  .app-scuro .rs-conto { background: #232927; }
  .app-scuro .rs-dati input { background: #232927; color: #e8ebe9; border-color: #333b37; }
}
.rs-piano { min-width: 0; } .rs-conto div { flex-wrap: wrap; }
@media (max-width: 360px) { .rs-piano { padding: 16px; } }