/* Stilurile calculatoarelor. Aceleași reguli pe care bundle-ul de la
 * /widgets/calculator.js le injectează singur pe paginile statice. */
    .rp-calc { margin:1.75rem 0; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:1.15rem 1.25rem 1.25rem; }
.rp-calc-title { font-weight:800; font-size:0.95rem; margin-bottom:0.15rem; display:flex; align-items:center; gap:0.5rem; }
.rp-calc-title i { color:var(--accent); }
.rp-calc-badge { display:inline-flex; align-items:center; background:var(--accent); color:#fff; font-size:0.66rem; font-weight:800; letter-spacing:0.4px; text-transform:uppercase; padding:0.2rem 0.5rem; border-radius:999px; margin-left:0.15rem; }
.rp-calc-sub { font-size:0.79rem; color:var(--muted); margin-bottom:0.9rem; }
.rp-calc-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(132px,1fr)); gap:0.7rem; align-items:end; }
.rp-calc-field { display:flex; flex-direction:column; }
.rp-calc-field label { display:block; flex:1; font-size:0.78rem; font-weight:600; color:var(--muted); margin-bottom:0.25rem; line-height:1.35; }
.rp-calc-unit { color:var(--muted); opacity:0.85; }
.rp-calc-field input { width:100%; padding:0.55rem 0.7rem; border:1px solid var(--border); border-radius:5px; background:var(--bg); color:var(--text); font-size:0.92rem; font-family:inherit; }
.rp-calc-field input:focus { outline:2px solid var(--accent); outline-offset:-1px; }
.rp-calc-out { margin-top:1rem; padding:0.9rem 1rem; background:var(--accent-light); border-radius:5px; }
.rp-calc-row { display:flex; justify-content:space-between; gap:1rem; font-size:0.88rem; padding:0.2rem 0; }
.rp-calc-row.total { font-weight:800; font-size:1.02rem; border-top:1px solid var(--border); margin-top:0.4rem; padding-top:0.5rem; }
.rp-calc-row .v { font-weight:700; white-space:nowrap; }
.rp-calc-note { font-size:0.73rem; color:var(--muted); margin-top:0.6rem; line-height:1.5; }