/** * CSS Base pour tous les calculateurs * Styles communs partages entre tous les mini-calculateurs */ .calculateur, .mini-calculateur{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg)}.calculateur-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-100)}.calculateur-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.calculateur-subtitle{font-size:0.9rem;color:var(--gray-500);margin-top:var(--space-xs)}.calculateur-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--gray-100)}.calculateur-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.calculateur-section-title{font-size:0.9rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.calculateur-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md)}@media (max-width:640px){.calculateur-grid{grid-template-columns:1fr}}.calculateur-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--gray-100);border-radius:var(--radius-md);border:1px solid var(--gray-100);transition:all var(--transition-fast)}.calculateur-item:hover{border-color:var(--gray-300)}.calculateur-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.calculateur-label{flex:1;border:none;background:transparent;font-size:0.85rem;font-weight:500;color:var(--gray-600);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.calculateur-label:hover{background:white}.calculateur-label:focus{background:white;box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.1);outline:none}.calculateur-input-group{display:flex;align-items:center;gap:var(--space-xs);background:white;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.calculateur-input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.1)}.calculateur-input{width:var(--space-3xl);border:none;font-size:1rem;font-weight:600;text-align:right;background:transparent}.calculateur-input::-webkit-outer-spin-button, .calculateur-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.calculateur-unit{font-size:0.85rem;color:var(--gray-500);white-space:nowrap}.calculateur-add-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-md);border:1px dashed var(--gray-400);background:transparent;color:var(--gray-500);font-size:0.85rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.calculateur-add-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), 0.05)}.calculateur-remove-btn{width:var(--space-lg);height:var(--space-lg);border:none;background:transparent;color:var(--gray-400);font-size:1.2rem;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:0}.calculateur-item:hover .calculateur-remove-btn{opacity:1}.calculateur-remove-btn:hover{background:rgba(var(--danger-rgb), 0.1);color:var(--danger)}.calculateur-result{background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.1), rgba(var(--accent-rgb), 0.05));border:1px solid rgba(var(--accent-rgb), 0.15);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.calculateur-result-label{font-size:0.9rem;color:var(--gray-600);margin-bottom:var(--space-xs)}.calculateur-result-value{font-size:2rem;font-weight:700;color:var(--accent)}.calculateur-result-value.positive{color:var(--success)}.calculateur-result-value.negative{color:var(--danger)}.calculateur-result-detail{font-size:0.85rem;color:var(--gray-500);margin-top:var(--space-xs)}.bnc-slider{position:relative;width:100%;height:var(--space-sm);margin:var(--space-md) 0}.bnc-slider-track{position:absolute;top:0;left:0;right:0;height:100%;background:var(--gray-200);border-radius:var(--space-xs);overflow:hidden}.bnc-slider-fill{height:100%;background:var(--accent);border-radius:var(--space-xs);transition:width var(--transition-fast)}.bnc-slider-thumb{position:absolute;top:50%;transform:translate(-50%, -50%);width:var(--space-md);height:var(--space-md);background:white;border:2px solid var(--accent);border-radius:50%;cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.bnc-slider-thumb:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:var(--shadow-md)}.bnc-slider-thumb:active{cursor:grabbing}.bnc-slider--success .bnc-slider-fill{background:var(--success)}.bnc-slider--success .bnc-slider-thumb{border-color:var(--success)}.bnc-slider--warning .bnc-slider-fill{background:var(--warning)}.bnc-slider--warning .bnc-slider-thumb{border-color:var(--warning)}.mini-sim-label{font-size:0.85rem;color:var(--gray-600)}.mini-sim-value{font-size:1.1rem;font-weight:600;color:var(--gray-900)}.mini-sim-result{font-size:1.5rem;font-weight:700;color:var(--accent)}.calculateur-result[aria-live]{}@media (max-width:480px){.calculateur, .mini-calculateur{padding:var(--space-md)}.calculateur-result-value{font-size:1.5rem}.calculateur-input{width:var(--space-3xl)}}.calculateur-per .plafond-display{color:var(--accent);font-weight:600}.calculateur-interessement .negative-row{color:var(--gray-500)}.calculateur-interessement .negative-row span:last-child{color:var(--danger)}.conjoint-salaire{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--gray-100)}.conjoint-smic-info{font-size:0.85rem;color:var(--gray-500);text-align:center;margin-top:var(--space-sm)}.location-loyer{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--gray-100)}.location-section-title{font-size:0.85rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--gray-100)}.calculateur-dpc .mini-sim-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);font-size:1rem;cursor:pointer;transition:border-color .2s}.calculateur-dpc .mini-sim-select:focus{outline:none;border-color:var(--accent)}.calculateur-dpc .mini-sim-select:hover{border-color:var(--gray-300)}.dons-separator{font-size:0.85rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em;margin:var(--space-md)0 var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--gray-100)}.dons-separator:first-of-type{margin-top:var(--space-sm);border-top:none;padding-top:0}.meilleur-choix{border-radius:var(--radius-md);padding:var(--space-md)var(--space-lg)}.meilleur-choix .choix-label{font-weight:600}.meilleur-choix .choix-valeur{font-weight:700;font-size:1.2rem}.acre-taux-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);margin-bottom:var(--space-lg);background:linear-gradient(135deg,rgba(var(--success-rgb),0.1),rgba(var(--success-rgb),0.05));border:1px solid rgba(var(--success-rgb),0.3);border-radius:var(--radius-lg)}.acre-taux-label{font-size:0.85rem;color:var(--gray-500);margin-bottom:var(--space-xs)}.acre-taux-value{font-size:2rem;font-weight:700;color:var(--success);line-height:1.2}.acre-taux-info{font-size:0.85rem;color:var(--gray-500);margin-top:var(--space-xs)}.zfrr-header{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--space-sm)var(--space-md);font-size:0.85rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-xs)}.zfrr-row{display:grid;grid-template-columns:1fr 1fr 1fr}.zfrr-row .exo-taux{color:var(--success);font-weight:600}.zfrr-row .eco-montant{font-weight:600;color:var(--gray-500)}.zfrr-row[data-annee="6"] .exo-taux,.zfrr-row[data-annee="7"] .exo-taux,.zfrr-row[data-annee="8"] .exo-taux{color:var(--warning)}.zfrr-total{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--gray-100)}.zfrr-total .detail-total{font-size:1.2rem}@media(max-width:640px){.zfrr-header,.zfrr-row,.zfrr-total{grid-template-columns:1.2fr 0.8fr 1fr;font-size:0.85rem}}