/* Sharp Instincts calculators. Loaded only on pages that contain a calculator mount (see inc/si-calculators.php).
   CSS copied unchanged from the approved embeds in the brief. */

/* Missed Call Cost Calculator (#si-mcc-mount) */
.si-mcc{--ink:#14213d;--muted:#5b6474;--line:#dfe3ea;--brand:#0b6bcb;--soft:#f4f7fb;font-family:inherit;color:var(--ink);max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:14px;padding:28px;background:#fff;box-sizing:border-box}
.si-mcc *{box-sizing:border-box}
.si-mcc h2{margin:0 0 6px;font-size:1.6rem;line-height:1.2}
.si-mcc p.si-sub{margin:0 0 22px;color:var(--muted)}
.si-mcc .si-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.si-mcc label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
.si-mcc small{display:block;color:var(--muted);font-weight:400;font-size:.82rem;margin-top:4px}
.si-mcc input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font-size:1rem}
.si-mcc input:focus{outline:2px solid var(--brand);border-color:var(--brand)}
.si-mcc .si-out{margin-top:24px;background:var(--soft);border-radius:12px;padding:20px}
.si-mcc .si-big{font-size:2.2rem;font-weight:800;color:var(--brand);line-height:1.1}
.si-mcc .si-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.98rem}
.si-mcc .si-row:last-child{border-bottom:0}
.si-mcc .si-cta{display:inline-block;margin-top:18px;background:var(--brand);color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:700}
.si-mcc .si-note{font-size:.82rem;color:var(--muted);margin-top:14px}
@media (max-width:600px){.si-mcc{padding:18px}.si-mcc .si-grid{grid-template-columns:1fr}}

/* AI Automation Savings Calculator (#si-asc-mount) */
.si-asc{--ink:#14213d;--muted:#5b6474;--line:#dfe3ea;--brand:#0b6bcb;--soft:#f4f7fb;--good:#0a7a4b;font-family:inherit;color:var(--ink);max-width:880px;margin:0 auto;border:1px solid var(--line);border-radius:14px;padding:28px;background:#fff;box-sizing:border-box}
.si-asc *{box-sizing:border-box}
.si-asc h2{margin:0 0 6px;font-size:1.65rem;line-height:1.2}
.si-asc h3{margin:26px 0 4px;font-size:1.15rem}
.si-asc p{margin:0 0 12px}
.si-asc .si-sub{color:var(--muted)}
.si-asc .si-hint{color:var(--muted);font-size:.86rem;margin:0 0 12px}
.si-asc label{display:block;font-weight:600;font-size:.92rem;margin-bottom:5px}
.si-asc input,.si-asc select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;font-size:1rem;background:#fff}
.si-asc input:focus,.si-asc select:focus{outline:2px solid var(--brand);border-color:var(--brand)}
.si-asc .g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.si-asc .g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.si-asc table{width:100%;border-collapse:collapse;font-size:.93rem}
.si-asc th,.si-asc td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.si-asc th{font-size:.82rem;color:var(--muted);font-weight:600}
.si-asc td input{padding:7px 8px}
.si-asc .num{text-align:right;white-space:nowrap}
.si-asc .si-out{margin-top:26px;background:var(--soft);border-radius:12px;padding:22px}
.si-asc .si-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.si-asc .si-kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}
.si-asc .si-kpi b{display:block;font-size:1.6rem;color:var(--brand);line-height:1.15}
.si-asc .si-kpi span{font-size:.85rem;color:var(--muted)}
.si-asc .si-bar{height:10px;background:#e6ebf2;border-radius:6px;overflow:hidden;margin-top:4px}
.si-asc .si-bar i{display:block;height:100%;background:var(--brand)}
.si-asc .si-good{color:var(--good);font-weight:700}
.si-asc .si-cta{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 18px;border-radius:8px;font-weight:700;border:0;cursor:pointer;font-size:1rem}
.si-asc .si-note{font-size:.8rem;color:var(--muted);margin-top:12px}
.si-asc .si-form{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.si-asc .si-msg{margin-top:10px;font-weight:600}
@media (max-width:680px){.si-asc{padding:18px}.si-asc .g2,.si-asc .g3,.si-asc .si-kpis{grid-template-columns:1fr}.si-asc .hide-sm{display:none}}

/* Site-specific: the theme's main.js runs $("select").dropkick() on every select, which hides the Industry <select>
   and draws its own dropdown (it still drives the calculator). Make that dropdown match the calculator inputs. */
.si-asc .dk-select{display:block;width:100%;line-height:1.25;font-size:1rem}
.si-asc .dk-selected{border:1px solid var(--line);border-radius:8px;padding:10px 34px 10px 11px;color:var(--ink);background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-asc .dk-selected::before{right:11px;width:14px;height:14px}
.si-asc .dk-select-open-down .dk-selected,.si-asc .dk-select-open-up .dk-selected,.si-asc .dk-selected:focus{border-color:var(--brand)}
.si-asc .dk-select-options{background:#fff;border-color:var(--line)}
.si-asc .dk-select-options .dk-option{padding:7px 11px;font-size:.95rem;color:var(--ink);background:#fff}
.si-asc .dk-select-options .dk-option-highlight{background:var(--soft);color:var(--ink)}
.si-asc .dk-select-options .dk-option-selected{background:var(--brand);color:#fff}

/* Site-specific: theme styles that leak into the calculators */
.si-mcc,.si-asc{margin-bottom:32px}
.si-asc .si-good{display:inline}
.si-asc input::placeholder{color:#9aa3b2;opacity:1}