:root{--bg:#f6f7f5;--card:#fff;--ink:#1c2321;--muted:#5b6663;--line:#dfe3e0;--line-strong:#b9c1bd;--go:#17754a;--go-dark:#0f5c39;--stop:#b3261e;--agent:#eef3f0;--caller:#dcebe3;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0;font-family:system-ui,Nirmala UI,Noto Sans Malayalam,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #7fb89d}a{color:var(--go-dark)}.page{margin:0 auto;padding:24px 16px 48px}.page-narrow{max-width:460px}.page-wide{max-width:880px}.page-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.page-top .eyebrow{margin:0}.language-select select{border:1px solid var(--line-strong);background:var(--card);width:auto;color:var(--ink);font:inherit;border-radius:8px;padding:5px 8px;font-size:.85rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:.8rem}h1{margin:0 0 10px;font-size:1.55rem;line-height:1.3}h2{margin:0 0 10px;font-size:1.05rem}.kind{color:var(--go-dark);margin:-6px 0 12px;font-weight:600}.hint,.empty,.muted{color:var(--muted)}.hint{margin:0 0 24px}.status{color:var(--muted);margin:14px 0 0}.status:empty{display:none}.status.is-error{color:var(--stop)}.note{color:var(--muted);margin:14px 0 0;font-size:.85rem}.server-message{white-space:pre-wrap;font-size:.9rem;display:block}.button,.button-link{border:1px solid var(--go);background:var(--go);color:#fff;border-radius:999px;padding:9px 18px;font-weight:600;text-decoration:none;display:inline-block}.button:hover,.button-link:hover{background:var(--go-dark)}.button:disabled{opacity:.55;cursor:default}.button.is-quiet{border-color:var(--line-strong);background:var(--card);color:var(--ink);font-weight:400}.button.is-quiet:hover{border-color:var(--go)}.button.is-danger{border-color:var(--stop);background:var(--stop)}.plain-button{color:var(--go-dark);background:0 0;border:0;padding:0;text-decoration:underline}.panel{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:16px;padding:24px 20px}.call-area{--screen:#0e2a1e;--screen-2:#163d2c;--on-screen:#fff;--on-screen-muted:#a9cbbb;--dial:#1fa35b;--hang-up:#d93025}.phone-screen{background:linear-gradient(180deg, var(--screen-2), var(--screen));color:var(--on-screen);text-align:center;border-radius:28px;padding:32px 20px 24px;box-shadow:0 12px 32px #0e2a1e38}.phone-avatar{letter-spacing:.02em;background:#2f7a58;border-radius:50%;place-items:center;width:104px;height:104px;margin:0 auto 16px;font-size:2.2rem;font-weight:600;display:grid;position:relative}.phone-avatar span{z-index:1;position:relative}.phone-avatar:before,.phone-avatar:after{content:"";opacity:0;border:2px solid #ffffff73;border-radius:50%;position:absolute;inset:0}.phone-avatar.is-ringing:before,.phone-avatar.is-ringing:after{animation:2s ease-out infinite ring}.phone-avatar.is-ringing:after{animation-delay:1s}.phone-avatar.is-speaking:before,.phone-avatar.is-speaking:after{border-color:#82e6afb3;animation:1.1s ease-out infinite ring}.phone-avatar.is-speaking:after{animation-delay:.55s}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.phone-avatar:before,.phone-avatar:after{animation:none!important}.phone-avatar.is-speaking{box-shadow:0 0 0 6px #82e6af80}}.phone-name{margin:0;font-size:1.35rem;font-weight:650;line-height:1.3}.phone-kind{color:var(--on-screen-muted);margin:2px 0 0;font-size:.85rem}.phone-headline{font-variant-numeric:tabular-nums;color:var(--on-screen-muted);margin:6px 0 0;font-size:1.1rem}.phone-headline.is-error{color:#ffb4ab}.phone-detail{min-height:1.4em;color:var(--on-screen-muted);margin:4px 0 0;font-size:.88rem}.phone-controls{justify-content:center;align-items:flex-start;gap:28px;margin:28px 0 4px;display:flex}.round-button{min-width:64px;color:var(--on-screen);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:.82rem;display:flex}.round-button .disc{background:#ffffff24;border-radius:50%;place-items:center;width:60px;height:60px;transition:background .15s,transform .1s;display:grid}.round-button:hover .disc{background:#ffffff3d}.round-button:active .disc{transform:scale(.95)}.round-button.is-on .disc{color:var(--screen);background:#fff}.round-button.is-hang-up .disc,.round-button.is-dial .disc{color:#fff;width:72px;height:72px}.round-button.is-hang-up .disc{background:var(--hang-up)}.round-button.is-hang-up:hover .disc{background:#b9271d}.round-button.is-dial .disc{background:var(--dial)}.round-button.is-dial:hover .disc{background:#188a4c}.round-button:disabled{opacity:.45;cursor:default}.round-button:focus-visible{outline:none}.round-button:focus-visible .disc{outline-offset:3px;outline:3px solid #7fdcab}.sound-button{color:var(--screen);background:#fff;border:0;border-radius:999px;margin-top:16px;padding:8px 16px;font-weight:600}.phone-captions{text-align:left;background:#ffffff12;border-radius:16px;margin-top:22px;padding:10px 14px 12px}.phone-captions-title{letter-spacing:.06em;text-transform:uppercase;color:var(--on-screen-muted);margin:0 0 6px;font-size:.72rem}.captions{color:#e4f1ea;max-height:6.6em;margin:0;padding:0;font-size:.9rem;line-height:1.45;list-style:none;overflow-y:auto}.phone-captions.is-open .captions,.phone-screen:not(.is-busy) .captions{max-height:22em}.captions li+li{margin-top:4px}.captions b{color:#8fe0b5;font-weight:600}.captions li.from-caller b{color:#ffd38a}.call-options{border:1px solid var(--line);background:var(--card);border-radius:16px;margin-top:20px;padding:20px}.call-options .field+.field{margin-top:18px}@media (width<=380px){.phone-controls{gap:18px}}.transcript{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.transcript li{border-radius:var(--radius);background:var(--agent);text-align:left;align-self:flex-start;max-width:86%;padding:9px 13px}.transcript li.from-caller{background:var(--caller);align-self:flex-end}.transcript small{color:var(--muted);font-size:.72rem;display:block}.transcript.is-record{border-top:1px solid var(--line);margin:0;padding:14px 16px 16px}.foot{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:20px 0 0;font-size:.9rem;display:flex}.choices{gap:12px;margin:0;padding:0;list-style:none;display:grid}.choice{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:100%;color:var(--ink);text-align:left;padding:16px 18px;transition:border-color .15s;display:block}.choice:hover{border-color:var(--go)}.choice strong{font-size:1.1rem;display:block}.choice span{color:var(--muted);font-size:.9rem}.field{text-align:left;display:block}.panel>.field{margin-bottom:20px}.field-label{margin-bottom:6px;font-weight:600;display:block}.field em{color:var(--muted);font-style:normal;font-weight:400}.field small{color:var(--muted);margin-top:6px;font-size:.82rem;display:block}input:not([type=checkbox]),select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}input[type=time],input[type=number]{width:auto;min-width:7rem}[aria-invalid=true]{box-shadow:0 0 0 1px var(--stop);border-color:var(--stop)!important}input:disabled{background:var(--bg);color:var(--muted)}#caller-phone{letter-spacing:.04em;font-size:1.1rem}.staff-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:10px 14px}.tab.is-current{border-bottom-color:var(--go);color:var(--ink);font-weight:600}.day-group{margin-bottom:24px}.cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;display:flex}.card.is-stacked{padding:0;display:block;overflow:hidden}.card.is-done{opacity:.65}.card-time{font-variant-numeric:tabular-nums;flex:none;min-width:5.5rem;font-weight:600}.card-body{overflow-wrap:anywhere;flex-direction:column;flex:14rem;gap:2px;min-width:0;display:flex}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-toggle{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.call-line{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.chevron{color:var(--muted);flex:none;font-size:.7rem;line-height:2.2}.badge{background:var(--agent);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:400;display:inline-block}.badge.outcome-booked,.badge.outcome-rescheduled{background:var(--caller);color:var(--go-dark)}.badge.outcome-cancelled{color:var(--stop);background:#f6e3e1}.badge.invite-ok{background:var(--caller);color:var(--go-dark)}.badge.invite-revoked,.badge.invite-expired{color:var(--stop);background:#f6e3e1}.badge.outcome-callback{color:#6b4e00;background:#fbefd2}.allowance-banner{background:var(--caller);color:var(--go-dark);border-radius:12px;margin:0 0 16px;padding:10px 14px}.allowance-banner.is-over{color:var(--stop);background:#f6e3e1}.badge.allowance-active{background:var(--caller);color:var(--go-dark)}.badge.allowance-used_up,.badge.allowance-ended{color:var(--stop);background:#f6e3e1}.badge.outcome-spam,.badge.outcome-personal,.badge.outcome-silent,.badge.outcome-over_limit{color:var(--muted);background:#ececec}.card-foot{flex-wrap:wrap;align-items:center;gap:4px 12px;padding:0 16px 14px;display:flex}.spam-list{margin-top:18px}.spam-list summary{cursor:pointer;color:var(--muted)}.spam-list .row{justify-content:space-between}.code-gate{text-align:left;max-width:420px;margin:0 auto}.code-gate .field{margin-bottom:16px}.editor fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:0 0 20px;padding:16px}.editor legend{padding:0 6px;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 16px;display:grid}.grid .is-wide{grid-column:1/-1}.rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{align-items:center;gap:8px 12px;display:flex}.row.is-wrapping{flex-wrap:wrap;margin:12px 0}.rows .check{min-width:6rem}.check{align-items:center;gap:6px;display:inline-flex}.item{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px}.item>.button{margin-top:12px}.editor-actions{background:var(--bg);padding:12px 0;position:sticky;bottom:0}.editor-actions .status{margin-top:8px}@media (width<=520px){.row{flex-wrap:wrap}input[type=time]{min-width:6rem}}.card.is-question{gap:6px;display:grid}.question-group{margin-top:18px}.question-group h2{margin:0 0 8px;font-size:1rem}.question-form{gap:8px;margin-top:6px;display:grid}.question-form label{gap:4px;display:grid}.question-form textarea{width:100%}.question-answer{border-left:3px solid var(--accent,#1f8a5b);overflow-wrap:anywhere;background:#1f8a5b12;margin:0;padding:10px 12px}.badge.reminder-coming{color:#17603f;background:#dcf3e6}.badge.reminder-not_coming,.badge.reminder-no_answer{color:#9a2f1c;background:#fde8e4}.badge.reminder-to_call,.badge.reminder-asked{color:#7a5200;background:#fff3d6}.hint.is-locked{color:#7a5200}
