/* Clinic Answering Service — product-specific tweaks on top of app.css (light, airy, soft coral) */
.page-home .hero{background:radial-gradient(60% 80% at 75% 30%,rgba(255,154,118,.35),transparent 70%),radial-gradient(40% 60% at 15% 90%,rgba(224,83,47,.14),transparent 70%),var(--surface)}
.hero:not(.dark) .h1 .hl{color:var(--primary-2)}
.hero:not(.dark) .chip{background:#fff;border:1px solid rgba(224,83,47,.25);color:var(--primary)}
.hero:not(.dark) .chip:first-child,.hero:not(.dark) .chip:nth-child(2){background:var(--primary);color:#fff;border-color:var(--primary)}
.audio-card{padding:1.25rem;border:1px solid rgba(28,26,36,.08)}
.audio-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}
.audio-head .play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--primary-2);color:#fff;font-size:.95rem;flex:none;box-shadow:0 8px 20px -8px rgba(224,83,47,.8)}
.audio-head b{display:block;font-size:.95rem;line-height:1.25}
.audio-head .pill{margin-left:auto}
.wave{display:flex;align-items:center;gap:3px;height:64px}
.wave span{flex:1;border-radius:3px;background:#e5e0dc;min-width:3px}
.audio-time{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin:.3rem 0 .9rem}
.transcript{background:var(--surface);border-radius:12px;padding:.8rem .9rem}
.transcript p{margin:.25rem 0;font-size:.82rem}
.transcript b{color:var(--primary-2);margin-right:.3rem}
.audio-steps{margin-top:.9rem}
.audio-steps .check-list li{margin:.3rem 0;font-size:.82rem}
.audio-steps li.doing::before{content:"◌";color:var(--primary-2)}
.audio-steps li.todo::before{content:"○";color:#9ca3af}
.audio-steps li.todo{color:#9ca3af}
.audio-foot{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.roi-box{background:var(--primary);color:#fff;border-radius:24px;padding:2rem}
.roi-box .muted{color:rgba(255,255,255,.72)}
.roi-box label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}
.roi-box input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.roi-box .calc output{color:var(--accent)}
.roi-box .roi-sub{font-size:.95rem;margin:.4rem 0}
.roi-box .roi-sub b{color:var(--accent)}
.finder{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.finder li a{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:14px;color:inherit;text-decoration:none;background:#fff}
.finder li a:hover{border-color:var(--primary-2)}
.finder .fname{font-weight:700;flex:1}
.call-mock{background:#fff;border-radius:16px;padding:1rem;border:1px solid #e5e7eb}
.call-mock p{margin:.35rem 0;font-size:.9rem}
.call-mock b{color:var(--primary-2)}

/* ===== Clinic Answering Service app ===== */
.app-body{--coral:#e0532f;--peach:#ff9a76;--mint:#1aa772;--ink:#1c1a24;--sand:#faf8f6}
.app-body .panel{border-radius:18px;border-color:#ece7e2}
.app-body .kpi{border-radius:18px;background:#fff;border:1px solid #ece7e2}.app-body .kpi.dark{background:var(--ink);border-color:var(--ink)}.app-body .kpi.dark b{color:var(--peach)}
.tl-live-pill{background:#dff5ea;color:#0f6b4a;gap:.4rem}.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(26,167,114,.25);animation:tl-pulse 1.4s infinite}
@keyframes tl-pulse{0%,100%{box-shadow:0 0 0 3px rgba(26,167,114,.25)}50%{box-shadow:0 0 0 7px rgba(26,167,114,.08)}}
.tl-live{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem;align-items:start}
@media (max-width:1100px){.tl-live{grid-template-columns:1fr}.tl-sched{order:3}}
.tl-greet{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.tl-kpis{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.tl-kpis{grid-template-columns:repeat(2,1fr)}}
.tl-call{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.25rem;border:2px solid #f3d9cf;background:linear-gradient(180deg,#fff 0,#fffaf7 100%)}
@media (max-width:900px){.tl-call{grid-template-columns:1fr}}
.tl-call.tl-idle{grid-template-columns:1fr;border-style:dashed;gap:.8rem}
.tl-caller{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.tl-avatar{width:46px;height:46px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:none}
.tl-wave{display:flex;align-items:center;gap:3px;height:44px;margin:.9rem 0 .6rem}.tl-wave i{flex:1;min-width:2px;height:var(--h);border-radius:3px;background:var(--peach);animation:tl-wave 1.1s ease-in-out infinite;animation-delay:var(--d)}
@keyframes tl-wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.25)}}
@media (prefers-reduced-motion:reduce){.tl-wave i,.tl-dot,.tl-spin{animation:none}}
.tl-transcript{background:var(--sand);border-radius:14px;padding:.8rem 1rem;max-height:260px;overflow:auto}.tl-transcript-full{max-height:none}
.tl-line{margin:.35rem 0;font-size:.9rem;line-height:1.45}.tl-line b{color:#6b7280;font-weight:700}.tl-tendly b{color:var(--coral)}.tl-system{color:#6b7280;font-size:.8rem;font-style:italic}.tl-staff b{color:var(--mint)}
.tl-steps{background:#fff;border:1px solid #ece7e2;border-radius:14px;padding:1rem}
.tl-stepper li{padding-bottom:.7rem;font-size:.86rem}.tl-stepper li.now{font-weight:700;color:var(--ink)}.tl-stepper li.now::before{background:var(--coral);box-shadow:0 0 0 4px rgba(224,83,47,.22)}.tl-stepper li.done::before{background:var(--mint)}.tl-stepper li.fail::before{background:#dc2626}
.tl-spin{display:inline-block;width:10px;height:10px;border:2px solid var(--coral);border-right-color:transparent;border-radius:50%;animation:tl-spin .8s linear infinite;vertical-align:middle;margin-left:.2rem}@keyframes tl-spin{to{transform:rotate(360deg)}}
.tl-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}.tl-esc{display:inline-flex;gap:.3rem;align-items:center}.tl-esc select{padding:.3rem .5rem;font-size:.8rem;border-radius:8px}
.tl-log td{vertical-align:middle}.tl-time{white-space:nowrap;width:80px}
.tl-sched{background:#fff;border:1px solid #ece7e2;border-radius:18px;overflow:hidden;position:sticky;top:76px}
.tl-sched-h{display:flex;align-items:center;gap:.35rem;padding:.9rem 1rem;border-bottom:1px solid #f1ede8;font-size:.92rem}.tl-sched-h a{margin-left:auto}
.tl-slots{display:flex;flex-direction:column}
.tl-slot{display:grid;grid-template-columns:48px 1fr;gap:.5rem;align-items:center;padding:.6rem .9rem;border-bottom:1px solid #f6f2ee;font-size:.86rem;min-height:44px}
.tl-slot-t{color:#6b7280;font-variant-numeric:tabular-nums}.tl-slot.open .muted{color:var(--mint);font-weight:600}.tl-slot.blocked{background:#faf8f6}
.tl-slot.now{outline:2px solid var(--coral);outline-offset:-2px;border-radius:12px;background:#fff6f2;margin:.25rem .4rem;padding:.6rem .5rem}
.tl-slot-n{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tl-slot-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-now{display:inline-block;font-style:normal;font-size:.72rem;font-weight:800;color:var(--coral);letter-spacing:.02em}
.tl-link{background:none;border:0;padding:0;font:inherit;font-size:.78rem;color:var(--coral);cursor:pointer;text-decoration:underline}.tl-link.danger{color:#b91c1c}
.tl-grid-wrap{overflow:auto;padding:.5rem}.tl-grid{min-width:640px}.tl-grid th{position:sticky;top:0;background:#fff}.tl-grid-t{width:64px;white-space:nowrap}
.tl-cell{vertical-align:top;min-width:180px;height:52px}.tl-cell.open{background:#fff}.tl-cell.busy{background:#fff8f5}.tl-cell.blocked{background:#faf8f6}.tl-lunch td{background:#faf8f6}
.tl-cell.now{outline:2px solid var(--coral);outline-offset:-2px;border-radius:10px}
.tl-appt{display:flex;flex-direction:column;gap:.25rem}.tl-appt-meta{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.tl-appt-act{display:flex;gap:.5rem;flex-wrap:wrap}
.tl-open{background:none;border:1px dashed #d9d2cb;border-radius:8px;color:var(--mint);font:inherit;font-size:.78rem;font-weight:700;padding:.3rem .6rem;cursor:pointer;width:100%}.tl-open:hover{border-color:var(--mint)}
.tl-prov-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:middle}
.tl-bars{display:flex;gap:.5rem;align-items:flex-end;height:120px}.tl-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.3rem}.tl-bar i{display:block;width:100%;background:var(--coral);border-radius:6px 6px 2px 2px;opacity:.85}.tl-bar span{font-size:.65rem;color:#6b7280;white-space:nowrap}
.tl-strike td{opacity:.55;text-decoration:line-through}
.tl-x12{background:var(--ink);color:#f3efe9;border-radius:12px;padding:.8rem 1rem;font-size:.75rem;white-space:pre-wrap;word-break:break-all;margin:0}
.tl-baa{background:var(--sand);border-radius:12px;padding:.9rem 1rem;max-height:220px;overflow:auto}.tl-baa ol{padding-left:1.1rem;margin:.4rem 0 0}.tl-baa li{margin:.25rem 0}
.intake-page .card{border-radius:20px}