/* CECCHINATO HR - allineamento grafico dei calcolatori allo stile del sito (v2.2.0)
   Caricato dopo calc-dipendente.css / calc-cococo.css: ridefinisce i token e i componenti. */

#cecchinatohr-calc,
#collab-calc{
  --navy:#1B3059; --navy-2:#1B3059; --navy-3:#24406F;
  --azure:#008DD2; --azure-l:#2FA7E4; --tint:#EEF5FB; --soft:#F4F8FC;
  --gold:#008DD2; --gold-l:#2FA7E4; --gold-s:rgba(0,141,210,.12);
  --teal:#2FA7E4; --teal-s:rgba(47,167,228,.12);
  --green:#1C7A45; --green-s:#DDF3E6;
  --red:#B42318; --red-s:#FDECEA;
  --amber:#9A5B0B; --amber-s:#FDF0DC;
  --bg:#F4F8FC; --card:#ffffff;
  --line:#DCE6F0; --line-2:#CFDCE8;
  --text:#2B3445; --muted:#5B6578; --muted2:#94A3B4;
  --r-sm:10px; --r:12px; --r-lg:14px; --r-xl:16px;
  --s1:none; --s2:none; --s3:0 20px 50px rgba(19,31,63,.07); --sg:none;
  font-family:inherit;
  color:var(--text);
}

/* Intestazione interna non più usata: il titolo è nell'intestazione della pagina */
#cecchinatohr-calc .wpc-hero,
#collab-calc .wpc-hero{ display:none !important; }

/* Contenitore allineato ai blocchi della pagina */
#cecchinatohr-calc .wpc-container,
#collab-calc .container{ max-width:1200px; margin:0 auto 72px; padding:0 32px; }
@media (max-width:640px){
  #cecchinatohr-calc .wpc-container,
  #collab-calc .container{ padding:0 20px; margin-bottom:48px; }
}

/* Etichette di sezione: niente maiuscolo spaziato */
#cecchinatohr-calc .wpc-section-label,
#collab-calc .section-label{ text-transform:none; letter-spacing:0; font-size:.95rem; font-weight:600; color:var(--navy); }
#cecchinatohr-calc .wpc-section-label::before,
#collab-calc .section-label::before{ background:var(--azure); }

/* Titoli interni */
#cecchinatohr-calc h3, #cecchinatohr-calc h4,
#collab-calc h3, #collab-calc h4{ color:var(--navy); font-weight:600 !important; letter-spacing:0; }

/* ── Modalità di calcolo ── */
#cecchinatohr-calc .wpc-mode-card,
#collab-calc .mode-card{ border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:none; padding:24px; }
#cecchinatohr-calc .wpc-mode-title,
#collab-calc .mode-title{ font-size:1.1rem; font-weight:600; }
#cecchinatohr-calc .wpc-mode-option,
#collab-calc .mode-opt{ border:1.5px solid var(--line); border-radius:var(--r); box-shadow:none; transform:none; transition:border-color .2s, background-color .2s; }
#cecchinatohr-calc .wpc-mode-option:hover,
#collab-calc .mode-opt:hover{ border-color:var(--azure); box-shadow:none; transform:none; }
#cecchinatohr-calc .wpc-mode-option.active,
#collab-calc .mode-opt.active{ border-color:var(--azure); background:var(--tint); box-shadow:0 0 0 3px rgba(0,141,210,.12); transform:none; }
#cecchinatohr-calc .wpc-mode-icon,
#collab-calc .mode-ico{ border-radius:50%; box-shadow:none; }
#cecchinatohr-calc .c1, #collab-calc .c1{ background:var(--navy); }
#cecchinatohr-calc .c2, #collab-calc .c2{ background:var(--azure); }
#cecchinatohr-calc .c3, #collab-calc .c3{ background:var(--azure-l); }
#cecchinatohr-calc .wpc-mode-option .label,
#collab-calc .mode-opt .label{ font-weight:600; color:var(--navy); }
#cecchinatohr-calc .wpc-mode-option .sub,
#collab-calc .mode-opt .sub{ font-weight:400; color:var(--muted); }

/* ── Riquadro principale ── */
#cecchinatohr-calc .wpc-widget,
#collab-calc .widget{ border:1px solid var(--line); border-radius:var(--r-xl); box-shadow:var(--s3); }
#cecchinatohr-calc .wpc-panel-primary,
#collab-calc .panel{ background:var(--soft); border:1px solid var(--line); border-radius:var(--r); }
#cecchinatohr-calc .wpc-card,
#collab-calc .card{ border:1px solid var(--line); border-radius:var(--r); }

/* ── Campi ── */
#cecchinatohr-calc label,
#collab-calc label{ color:var(--navy); font-weight:600; letter-spacing:0; }
#cecchinatohr-calc input:not([type="radio"]):not([type="checkbox"]), #cecchinatohr-calc select, #cecchinatohr-calc textarea,
#collab-calc input:not([type="radio"]):not([type="checkbox"]), #collab-calc select, #collab-calc textarea{ border:1.5px solid var(--line-2); border-radius:var(--r-sm); color:var(--text); font-family:inherit; }
#cecchinatohr-calc input:not([type="radio"]):not([type="checkbox"]):focus, #cecchinatohr-calc select:focus, #cecchinatohr-calc textarea:focus,
#collab-calc input:not([type="radio"]):not([type="checkbox"]):focus, #collab-calc select:focus, #collab-calc textarea:focus{ border-color:var(--azure); box-shadow:0 0 0 3px rgba(0,141,210,.14); }
#cecchinatohr-calc .wpc-field-primary input:not([type="radio"]):not([type="checkbox"]){ border:2px solid var(--azure); background:#fff; box-shadow:none; font-weight:600; }

/* Scelte a pillola (radio, segmented) */
#cecchinatohr-calc .wpc-row label,
#collab-calc .row label,
#cecchinatohr-calc .wpc-segmented label,
#collab-calc .seg label{ border:1.5px solid var(--line-2); border-radius:40px; font-weight:500; }
#cecchinatohr-calc .wpc-row label:has(input:checked),
#collab-calc .row label:has(input:checked),
#cecchinatohr-calc .wpc-segmented input:checked + label,
#collab-calc .seg input:checked + label{ border-color:var(--azure); background:var(--tint); color:var(--navy); font-weight:600; box-shadow:none; }
#cecchinatohr-calc .wpc-row label,
#collab-calc .row label{ position:relative; padding:8px 18px; }
#cecchinatohr-calc .wpc-row label input[type="radio"],
#collab-calc .row label input[type="radio"]{ position:absolute; opacity:0; width:1px; height:1px; margin:0; pointer-events:none; }
#cecchinatohr-calc .wpc-row label:has(input:focus-visible),
#collab-calc .row label:has(input:focus-visible),
#cecchinatohr-calc .wpc-segmented input:focus-visible + label,
#collab-calc .seg input:focus-visible + label{ outline:2px solid var(--azure); outline-offset:2px; }

/* ── Pulsanti ── */
#cecchinatohr-calc .wpc-btn,
#collab-calc .btn{ border-radius:40px !important; padding:15px 28px; font-weight:600; letter-spacing:0; text-transform:none; box-shadow:none !important; transform:none !important; transition:background-color .2s, color .2s, border-color .2s; }
#cecchinatohr-calc .wpc-btn:not(.secondary):not(.success),
#collab-calc .btn.primary{ background:var(--azure) !important; color:#fff !important; border:0 !important; }
#cecchinatohr-calc .wpc-btn:not(.secondary):not(.success):hover,
#collab-calc .btn.primary:hover{ background:var(--navy) !important; }
#cecchinatohr-calc .wpc-btn.secondary,
#collab-calc .btn.secondary{ background:transparent !important; color:var(--navy) !important; border:1.5px solid var(--navy) !important; }
#cecchinatohr-calc .wpc-btn.secondary:hover,
#collab-calc .btn.secondary:hover{ background:var(--navy) !important; color:#fff !important; }
#cecchinatohr-calc .wpc-btn.success,
#collab-calc .btn.success{ background:var(--navy) !important; color:#fff !important; border:0 !important; }
#cecchinatohr-calc .wpc-btn.success:hover,
#collab-calc .btn.success:hover{ background:var(--azure) !important; }
#cecchinatohr-calc .wpc-btn:focus-visible,
#collab-calc .btn:focus-visible{ outline:2px solid var(--azure); outline-offset:3px; }

/* ── Risultati: intestazioni e importi ── */
#cecchinatohr-calc .wpc-result-head,
#collab-calc .result-head{ background:var(--tint); border:1px solid #D5E6F4; border-radius:var(--r); }
#cecchinatohr-calc .wpc-result-head h3,
#collab-calc .result-head h3{ font-weight:600; color:var(--navy); }
#cecchinatohr-calc .wpc-chip,
#collab-calc .chip{ background:var(--azure); color:#fff; box-shadow:none; font-family:inherit; font-weight:700; font-variant-numeric:tabular-nums; }
#cecchinatohr-calc .wpc-chip-red,
#collab-calc .chip-green{ background:var(--navy); color:#fff; box-shadow:none; }
#cecchinatohr-calc .wpc-chip-green{ background:var(--green); color:#fff; box-shadow:none; }
#cecchinatohr-calc .wpc-chip-yellow{ background:var(--amber-s); color:var(--amber); box-shadow:none; }

/* Righe chiave-valore */
#cecchinatohr-calc .wpc-key-card{ background:var(--soft); }
#cecchinatohr-calc .wpc-kv .v,
#collab-calc .kv .v,
#collab-calc .card .row strong{ font-family:inherit; font-variant-numeric:tabular-nums; color:var(--navy); font-weight:600; }
#collab-calc .card .row{ padding:6px 0; border-bottom:1px solid var(--line); }
#collab-calc .card .row:last-child{ border-bottom:0; }
#cecchinatohr-calc .chr-kv-green .k, #cecchinatohr-calc .chr-kv-green .v,
#collab-calc .chr-kv-green .help, #collab-calc .chr-kv-green strong{ color:var(--green) !important; }
#cecchinatohr-calc .massimale-box{ background:var(--tint); border:1px solid #D5E6F4; }

/* Metriche sintetiche */
#cecchinatohr-calc .chr-wow-item,
#collab-calc .chr-wow-item{ background:var(--navy); border-radius:var(--r); box-shadow:none; }
#cecchinatohr-calc .chr-wow-item::after,
#collab-calc .chr-wow-item::after{ display:none; animation:none; }
#cecchinatohr-calc .chr-wow-num,
#collab-calc .chr-wow-num{ color:var(--azure-l); font-weight:700; }
#cecchinatohr-calc .chr-wow-lab,
#collab-calc .chr-wow-lab{ color:rgba(255,255,255,.85); opacity:1; }

/* Grafico netto / altre componenti */
#cecchinatohr-calc .wpc-pill-green{ border-color:#9CCBEA; background:var(--tint); color:var(--azure); }
#cecchinatohr-calc .wpc-pill-red{ border-color:#B9C6D8; background:#E8EDF4; color:var(--navy); }

/* Sgravio */
#cecchinatohr-calc #sgravioCard{ background:var(--tint); border:1.5px solid #9CCBEA; box-shadow:none; }
#cecchinatohr-calc #sgravioCard h4{ color:var(--navy); }
#cecchinatohr-calc #sgravioCard h4::before{ content:none; }
#cecchinatohr-calc .save-hero{ background:#EAF6EF; border:1.5px solid #9FD5B5; box-shadow:none; border-radius:var(--r-lg); }
#cecchinatohr-calc .save-amount{ color:var(--green); font-family:inherit; font-weight:700; }
#cecchinatohr-calc .save-pct{ background:var(--green); color:#fff; }
#cecchinatohr-calc .save-sub{ color:var(--green); }
#cecchinatohr-calc .save-progress{ background:#D3EEDD; }
#cecchinatohr-calc .save-progress > span{ background:var(--green); }
#cecchinatohr-calc .compare-card{ border:1px solid var(--line); }
#cecchinatohr-calc .bar.before > span{ background:#9CCBEA; }
#cecchinatohr-calc .bar.after > span{ background:var(--green); }
#cecchinatohr-calc #sgravioRules{ background:var(--soft); }
#cecchinatohr-calc .rules-chip{ background:var(--navy); }
#cecchinatohr-calc .rules-kv.durata{ background:var(--amber-s); border-color:#F3D9A4; }

/* Note, avvisi, riquadri informativi */
#cecchinatohr-calc .wpc-note{ background:var(--soft); }
#cecchinatohr-calc .wpc-alert,
#collab-calc .alert-red{ background:#FDF6EC; border:1px solid #F3D9A4; color:#6B4210; border-radius:var(--r); font-size:.9rem; line-height:1.55; }
#collab-calc .cap-row{ background:var(--tint); border:1px solid #D5E6F4; color:var(--navy); font-size:.9rem; font-weight:500; }
#collab-calc .cap-row strong{ font-weight:600; }
#cecchinatohr-calc .wpc-error,
#collab-calc .err-box{ background:var(--red-s); border:1px solid #F5C2BD; color:var(--red); border-radius:var(--r-sm); }
#cecchinatohr-calc .wpc-incentivi{ background:var(--tint); border:1.5px solid #9CCBEA; border-radius:var(--r-lg); }
#cecchinatohr-calc .wpc-incentivi h4{ color:var(--navy); }
#cecchinatohr-calc .wpc-incentivi .slogan{ color:var(--azure); font-style:normal; font-weight:600; }

/* Blocco contatti in fondo al prospetto (finisce anche nel PDF) */
#cecchinatohr-calc .js-promo-footer{ display:grid; gap:10px; padding:20px 22px; border:1px solid var(--line); border-radius:var(--r-lg); background:#fff; }
#cecchinatohr-calc .js-promo-footer .promo-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
#cecchinatohr-calc .js-promo-footer .promo-head h4{ margin:0; font-size:1.15rem; color:var(--navy); }
#cecchinatohr-calc .js-promo-footer .promo-body p{ margin:0; color:var(--muted); }
#cecchinatohr-calc .js-promo-footer .promo-body .lead{ color:var(--navy); margin-bottom:4px; }
#cecchinatohr-calc .js-promo-footer a{ color:var(--azure); }

/* Suggerimenti (tooltip) e icone info */
#cecchinatohr-calc .info-icon, #cecchinatohr-calc .tip-icon{ border-color:var(--azure); color:var(--azure); }
#cecchinatohr-calc .info-icon::after, #cecchinatohr-calc .tip-icon::after{ background:var(--navy); border-radius:10px; box-shadow:0 12px 30px rgba(19,31,63,.18); }

@media (prefers-reduced-motion:reduce){
  #cecchinatohr-calc *, #collab-calc *{ transition:none !important; }
}