:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#10131a;color:#f4f6fb}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0%,#23304b 0,#10131a 45%)}.boot-panel,.boot-error-panel{box-sizing:border-box;min-height:100vh;padding:28px 22px;display:flex;flex-direction:column;justify-content:center;gap:12px}.boot-panel span,.boot-hint{color:#9da7bb;font-size:13px}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:10px 12px;color:#f4f6fb;background:#293144;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}input{width:100%;border:1px solid #3b4356;background:#171c27;color:#fff;border-radius:10px;padding:11px 12px;outline:none}input:focus{border-color:#8ea6ff}select{border:1px solid #3b4356;background:#171c27;color:#fff;border-radius:10px;padding:11px 8px;outline:none}.country-select{width:78px;flex:0 0 78px}.panel{width:100%;min-height:100vh;padding:16px}.auth-panel{display:flex;flex-direction:column;gap:10px;justify-content:center}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#10131a;background:#a8bbff}.brand strong,.brand small{display:block}.brand small{color:#9da7bb;margin-top:2px;font-size:11px}h1{font-size:24px;margin:20px 0 8px}h2{font-size:13px;margin:0 0 10px;color:#bfc8da;text-transform:uppercase;letter-spacing:.08em}.topbar,.status-card,.row,.tool-row,.call-controls{display:flex;gap:8px;align-items:center}.topbar{justify-content:space-between;margin-bottom:18px}.logout-button{padding:7px 10px;background:transparent;color:#aeb8cb;font-size:12px}.icon-button{padding:7px 10px;background:transparent;color:#aeb8cb}.status-card,.dialer,.tools{margin-top:12px;padding:12px;border:1px solid #2d3445;border-radius:14px;background:#171c27d1}.status-card{justify-content:space-between}.active-call-card{margin-top:12px;padding:14px;display:flex;gap:11px;align-items:center;border:1px solid #4b67b8;border-radius:14px;background:linear-gradient(135deg,#314a8f85,#171c27e6)}.active-call-card strong,.active-call-card small{display:block}.active-call-card small{color:#b6c4e1;margin-top:3px;font-size:11px}.phone-pulse{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#8ea6ff;color:#111827;font-size:19px;animation:phone-pulse 1.5s infinite}.active-pill{margin-left:auto;padding:4px 7px;border-radius:999px;color:#11251b;background:#6ce09f;font-size:10px;font-weight:800}@keyframes phone-pulse{0%,to{box-shadow:0 0 #8ea6ff59}50%{box-shadow:0 0 0 8px #8ea6ff00}}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#727b8d}.status-dot.live{background:#6ce09f;box-shadow:0 0 10px #6ce09f}label{display:block;margin-bottom:7px;color:#aeb8cb;font-size:12px}.dial{min-width:72px}.primary{background:#8ea6ff;color:#111827;font-weight:700}.quiet{background:transparent;color:#aeb8cb}.compact{padding:6px 9px;font-size:12px}.call-controls{margin:12px 0;display:grid;grid-template-columns:repeat(4,1fr)}.call-controls button{padding:9px 4px;font-size:12px}.danger{background:#9d4753}.tools{display:grid;gap:12px}.tool-row button{white-space:nowrap}.notice{margin:12px 0 0;padding:10px;border-radius:10px;color:#ffd9a8;background:#82531947;font-size:12px}.history{margin-top:12px;padding:12px;border:1px solid #2d3445;border-radius:14px;background:#171c27d1}.history-heading{display:flex;align-items:center;justify-content:space-between}.history-heading span,.empty-state{color:#9da7bb;font-size:11px}.history-row{display:flex;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #2d3445}.history-row strong,.history-row small{display:block}.history-row small{color:#9da7bb;margin-top:2px;font-size:10px}.history-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#293144}.history-duration{margin-left:auto;color:#9da7bb;font-size:11px}.softphone{width:100%;min-height:100vh;padding:14px 14px 18px;background:#0d1220;color:#f5f7ff}.phone-header{display:flex;align-items:center;gap:9px;margin-bottom:16px}.phone-brand{display:flex;gap:8px;align-items:center;margin-right:auto}.phone-brand .brand-mark{width:27px;height:27px;font-size:13px}.phone-brand strong,.phone-brand small{display:block}.phone-brand strong{font-size:13px}.phone-brand small{margin-top:2px;color:#7f8ba5;font-size:10px}.connection-pill{display:flex;align-items:center;gap:5px;color:#7f8ba5;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.connection-pill span{width:6px;height:6px;border-radius:50%;background:#677087}.connection-pill.ready{color:#75daa1}.connection-pill.ready span{background:#75daa1;box-shadow:0 0 8px #75daa1a6}.app-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:4px;margin:0 0 12px;padding:4px;border:1px solid #e1e4e8;border-radius:13px;background:#eef1f5}.app-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 5px;border:0;border-radius:9px;background:transparent;color:#78818e;font-size:10px;font-weight:700;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.app-tabs button:hover{color:#1f4f91;transform:translateY(-1px)}.app-tabs button.active{color:#1f4f91;background:#fff;box-shadow:0 2px 7px #1f242d1f}.app-tabs button b,.app-tabs button small{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;color:#fff;background:#c72f49;font-size:9px;line-height:1}.app-tabs button small{color:#7b8490;background:#dfe4eb}.tab-live-dot{width:6px;height:6px;border-radius:50%;background:#1d9b61;box-shadow:0 0 0 3px #1d9b611f;animation:tab-live-pulse 1.2s ease-in-out infinite}@keyframes tab-live-pulse{50%{opacity:.4;transform:scale(.75)}}.notification-toast{position:relative;z-index:2;display:flex;align-items:center;gap:9px;width:100%;margin:-4px 0 10px;padding:10px;border:1px solid #cbd9ed;border-radius:13px;color:#1b2d4b;background:#f1f6fd;box-shadow:0 8px 20px #1f4f9124;text-align:left;animation:toast-in .24s ease-out}.notification-toast:hover{background:#e9f1fc}.toast-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;color:#fff;background:#1f4f91;font-size:13px}.notification-toast strong,.notification-toast small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-toast strong{font-size:11px}.notification-toast small{max-width:245px;margin-top:2px;color:#66758b;font-size:10px}.toast-close{margin-left:auto;color:#8290a4;font-size:17px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.softphone .logout-button{padding:5px 0 5px 8px;color:#77839d;font-size:10px}.dial-screen{padding:8px 4px 7px}.dial-display{display:flex;align-items:center;gap:6px;padding:9px 0 2px;border-bottom:1px solid #242d42}.dial-display select{width:74px;flex:0 0 74px;padding:7px 3px;border:0;background:transparent;color:#d8e1f7;font-size:12px}.dial-display input{min-width:0;padding:8px 2px;border:0;border-radius:0;background:transparent;color:#fff;font-size:21px;letter-spacing:.04em}.dial-display input::placeholder{color:#46516a}.dial-display input:focus{border:0}.dial-display>button{padding:6px;background:transparent;color:#68758f;font-size:18px}.dial-hint{min-height:25px;padding:7px 0 3px 80px;color:#73809b;font-size:10px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 13px;margin:7px auto 13px;max-width:238px}.keypad button{height:47px;padding:5px;border:1px solid #202a3d;border-radius:50%;background:#151d2e;color:#f5f7ff;box-shadow:inset 0 1px #ffffff08}.keypad button:hover{background:#202b43}.keypad strong,.keypad small{display:block;line-height:1}.keypad strong{font-size:18px;font-weight:500}.keypad small{min-height:9px;margin-top:4px;color:#75829e;font-size:7px;letter-spacing:.12em}.call-button{width:52px;height:52px;display:grid;place-items:center;margin:2px auto 8px;padding:0;border-radius:50%;background:#42c77a;color:#07170e;font-size:24px;box-shadow:0 8px 20px #42c77a38}.call-button:hover{background:#58d68d}.call-button:disabled{background:#2c493a;color:#667a6d;box-shadow:none}.connect-button{display:block;margin:0 auto;padding:5px 9px;background:transparent;color:#8ea6ff;font-size:11px}.call-screen{min-height:306px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid #283858;border-radius:20px;background:radial-gradient(circle at 50% 20%,#20345d,#111a2d 58%,#0e1422)}.call-avatar{width:76px;height:76px;display:grid;place-items:center;border:1px solid #5574c9;border-radius:50%;background:#293e74;color:#cbd7ff;font-size:34px;animation:phone-pulse 1.5s infinite}.call-label{margin-top:16px;color:#a9b7d4;font-size:12px}.call-number{margin-top:5px;color:#fff;font-size:22px;letter-spacing:.04em}.call-wave{display:flex;align-items:center;gap:4px;height:28px;margin-top:14px}.call-wave i{width:3px;height:8px;border-radius:4px;background:#84a0ff;animation:wave 1s ease-in-out infinite alternate}.call-wave i:nth-child(2),.call-wave i:nth-child(6){animation-delay:.15s;height:17px}.call-wave i:nth-child(3),.call-wave i:nth-child(5){animation-delay:.3s;height:24px}.call-wave i:nth-child(4){animation-delay:.45s;height:12px}@keyframes wave{0%{transform:scaleY(.55);opacity:.55}to{transform:scaleY(1);opacity:1}}.call-live{margin-top:7px;color:#6ce09f;font-size:10px}.call-disclosure-note{margin-top:9px;padding:5px 8px;border:1px solid #d9e3f2;border-radius:999px;color:#64748b;background:#f5f8fc;font-size:9px}.in-call-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;margin:12px 0}.in-call-controls button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 3px;border:1px solid #242e43;background:#151d2e;color:#bac6de;font-size:10px}.in-call-controls button span{font-size:18px}.in-call-controls .hangup-button{border:0;background:#a94553;color:#fff}.in-call-controls .recording-button{color:#c72f49}.in-call-controls .recording-button.is-recording{border-color:#c72f49;color:#fff;background:#c72f49;animation:recording-pulse 1.2s ease-in-out infinite}@keyframes recording-pulse{50%{box-shadow:0 0 0 4px #c72f4924}}.answer-button{width:100%;margin-bottom:10px;background:#42c77a;color:#07170e;font-weight:700}.recent-section{margin-top:10px;padding:12px 12px 3px;border-top:1px solid #202a3d}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.section-heading h2{margin:0;color:#8e9bb7;font-size:10px}.section-heading span{color:#65728d;font-size:10px}.recent-row{display:flex;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #1b2436}.recent-row strong,.recent-row small{display:block}.recent-row strong{font-size:12px;font-weight:500}.recent-row small{margin-top:3px;color:#6e7b96;font-size:10px}.recent-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#1d2b3d;font-size:14px}.recent-icon.outbound{color:#7da5ff}.recent-icon.inbound{color:#6ce09f}.recent-duration{margin-left:auto;color:#68758f;font-size:10px}.tools-toggle{width:100%;display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid #202a3d;border-radius:0;background:transparent;color:#7886a2;font-size:11px}.tools-panel{display:grid;gap:9px;margin:0 4px;padding:12px;border:1px solid #242e43;border-radius:13px;background:#121a2a}.tools-panel label{margin:0;color:#8e9bb7;font-size:10px}.forward-row{display:flex;gap:6px}.forward-row select{width:73px;flex:0 0 73px;padding:9px 3px}.forward-row input{min-width:0}.forward-row button{white-space:nowrap;padding:8px;font-size:11px}.tools-panel .tool-row{display:flex}.tools-panel .tool-row button{flex:1;padding:8px 5px;font-size:11px}.tools-panel>input{padding:9px;font-size:11px}.softphone .notice{margin-top:10px}.softphone{background:#f5f6f8;color:#16181d;padding:16px 14px 20px}.phone-header{margin-bottom:12px}.phone-brand .brand-mark{width:30px;height:30px;border-radius:10px;background:#16181d;color:#fff}.phone-brand strong{color:#16181d;font-size:13px;letter-spacing:-.01em}.phone-brand small{color:#7c8490}.connection-pill{color:#8a919c}.connection-pill span{background:#b3bac4}.connection-pill.ready{color:#198754}.connection-pill.ready span{background:#20a464;box-shadow:0 0 0 4px #20a4641f}.softphone .logout-button{color:#727985}.dial-screen{margin:8px 0 12px;padding:16px 13px 14px;border:1px solid #e1e4e8;border-radius:22px;background:#fff;box-shadow:0 8px 24px #1f242d12}.dial-display{padding-top:0;border-bottom-color:#e5e7ea}.dial-display select{color:#525a66}.dial-display input{color:#17191d;font-size:23px}.dial-display input::placeholder{color:#b7bdc6}.dial-display>button{color:#7c8490}.dial-hint{color:#9aa1ab}.keypad{gap:9px 14px;margin-top:8px}.keypad button{height:48px;border-color:#e5e7eb;background:#f5f6f8;color:#17191d;box-shadow:none}.keypad button:hover{background:#eceef1}.keypad small{color:#8b929d}.call-button{width:54px;height:54px;margin-top:14px;background:#1d9b61;color:#fff;box-shadow:0 7px 16px #1d9b613b}.call-button:hover{background:#168452}.call-button:disabled{background:#cbd1d7;color:#fff;box-shadow:none}.call-screen{border-color:#e1e4e8;background:#fff;box-shadow:0 8px 24px #1f242d12}.call-avatar{border-color:#d9dee4;background:#f0f2f4;color:#252931}.call-label{color:#747d89}.call-number{color:#16181d}.call-wave i{background:#1d9b61}.call-live{color:#198754}.in-call-controls button{border-color:#e1e4e8;background:#fff;color:#515a66}.in-call-controls .hangup-button{background:#db4755;color:#fff}.answer-button{background:#1d9b61;color:#fff}.recent-section{margin-top:0;padding:14px 13px 4px;border:1px solid #e1e4e8;border-radius:18px;background:#fff;box-shadow:0 6px 18px #1f242d0d}.section-heading h2{color:#646d79;font-size:10px;letter-spacing:.08em}.recent-row{border-top-color:#edf0f2}.recent-row strong{color:#252931}.recent-row small{color:#9299a4}.recent-icon{background:#eef1f3}.recent-icon.outbound{color:#3478db}.recent-icon.inbound{color:#1d9b61}.tools-toggle{margin-top:8px;border-top-color:transparent;color:#707986}.tools-panel{border-color:#e1e4e8;background:#fff;box-shadow:0 6px 18px #1f242d0d}.tools-panel label{color:#707986}.tools-panel input,.tools-panel select{border-color:#e0e4e8;background:#f8f9fa;color:#24282f}.softphone .notice{border:1px solid #f0d8aa;color:#8a5a10;background:#fff7e7}.softphone{position:relative;overflow:hidden;background:#f7f8fb}.softphone:before{content:"";display:block;height:4px;margin:-16px -14px 14px;background:linear-gradient(90deg,#c72f49 0,#c72f49 34%,#1f4f91 34%,#1f4f91 66%,#c72f49 66%)}.phone-brand .brand-mark{background:linear-gradient(135deg,#1f4f91 0,#1f4f91 52%,#c72f49 52%);color:#fff;box-shadow:0 4px 10px #1f4f9133}.auth-panel .brand-mark{background:linear-gradient(135deg,#1f4f91 0,#1f4f91 52%,#c72f49 52%);color:#fff}.phone-brand small,.brand small{color:#c72f49;font-weight:700;letter-spacing:.02em}.dial-screen{border-top:3px solid #1f4f91}.dial-display select{color:#1f4f91;font-weight:700}.dial-display input{color:#1b2d4b;font-weight:600}.keypad button{border-color:#dbe2ee;background:#f8faff}.keypad button:hover{border-color:#9eb6da;background:#eef4fc}.keypad strong{color:#1b2d4b}.call-button{background:#1f4f91;box-shadow:0 7px 16px #1f4f913d}.call-button:hover{background:#173c70}.call-button:disabled{background:#c8d1df}.recent-section{border-top:3px solid #c72f49}.recent-icon.outbound{color:#1f4f91}.recent-icon.inbound{color:#c72f49}.tools-toggle{color:#1f4f91;font-weight:700}.call-screen{border-top:3px solid #c72f49}.call-avatar{border-color:#9eb6da;background:#eef4fc;color:#1f4f91}.call-wave i,.answer-button{background:#1f4f91}.softphone{width:min(100%,360px);min-height:100vh;margin:0 auto}.keypad{display:grid;grid-template-columns:repeat(3,56px);justify-content:center;gap:11px 18px;width:204px;margin:10px auto 14px}.keypad button{width:56px;height:56px;aspect-ratio:1}.siri-wave{display:block;width:min(100%,260px);height:48px;margin:12px auto 2px}.recent-section{overflow:hidden}.history-toggle{width:100%;margin:0;padding:0 0 8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.history-toggle>span:first-child{display:flex;align-items:baseline;gap:8px}.history-toggle h2{margin:0}.history-toggle small{color:#9299a4;font-size:10px}.section-chevron{margin-left:auto;color:#1f4f91;font-size:16px;line-height:1;transition:transform .2s ease}.recent-section.is-collapsed .section-chevron{transform:rotate(180deg)}.recent-content{max-height:720px;overflow:hidden;opacity:1;transition:max-height .28s ease,opacity .2s ease}.recent-section.is-collapsed .recent-content{max-height:0;opacity:0;pointer-events:none}.recent-row{width:100%;min-width:0;display:flex;gap:9px;align-items:center;padding:10px 4px;border:0;border-top:1px solid #edf0f2;border-radius:10px;background:transparent;color:inherit;text-align:left;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.recent-row:hover{background:#f3f6fb;box-shadow:inset 3px 0 #1f4f91;transform:translate(3px)}.recent-row:focus-within{background:#f3f6fb;box-shadow:inset 3px 0 #1f4f91;outline:none}.recent-main{min-width:0;flex:1;padding:0;border:0;background:transparent;color:inherit;text-align:left}.recent-main:disabled{opacity:.62;cursor:not-allowed}.recent-main:not(:disabled):active{transform:scale(.99)}.recent-details{min-width:0;flex:1}.recent-details strong,.recent-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-action{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;padding:0;border-radius:50%;color:#1f4f91;background:#eaf1fb;opacity:0;transform:translate(-5px) scale(.86);transition:opacity .18s ease,transform .18s ease,background .18s ease}.recent-action .call-icon{width:14px;height:14px}.recent-action.details-action{color:#6c7584;font-weight:800;font-size:13px}.recent-action:not(:disabled):hover,.recent-action:not(:disabled):focus-visible{background:#dce9fa;outline:none}.recent-row:hover .recent-action,.recent-row:focus-within .recent-action{opacity:1;transform:translate(0) scale(1)}.recent-action:disabled{opacity:.25;cursor:not-allowed}.call-icon{width:23px;height:23px;display:block}.call-button .call-icon{width:24px;height:24px}.in-call-controls .call-icon{width:18px;height:18px}.sms-section,.call-details-panel{margin-top:10px;padding:12px 13px 4px;border:1px solid #e1e4e8;border-radius:18px;background:#fff;box-shadow:0 6px 18px #1f242d0d}.sms-section .history-toggle{padding-bottom:8px}.sms-content{max-height:680px;overflow:hidden;opacity:1;transition:max-height .28s ease,opacity .2s ease}.sms-section.is-collapsed .sms-content{max-height:0;opacity:0;pointer-events:none}.sms-templates{margin:2px 0 8px;border:1px solid #e7ebf1;border-radius:14px;background:#f8faff;overflow:hidden}.templates-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:0;border-radius:0;background:transparent;color:#1f4f91;text-align:left;cursor:pointer}.templates-toggle:hover{background:#f0f5fd}.templates-toggle span:first-child{display:grid;gap:2px}.templates-toggle strong{font-size:11px}.templates-toggle small{color:#8995aa;font-size:9px}.templates-content{padding:0 9px 9px;animation:templates-in .18s ease-out}.template-grid{display:grid;gap:6px}.template-card{display:grid;gap:4px;width:100%;padding:9px 10px;border:1px solid #e0e7f2;border-radius:10px;background:#fff;color:#252931;text-align:left;cursor:pointer}.template-card:hover{border-color:#9bb8df;background:#f8fbff;transform:translateY(-1px)}.template-card strong{color:#1f4f91;font-size:10px}.template-card span{display:-webkit-box;overflow:hidden;color:#6c778a;font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.add-template-button{width:100%;margin-top:7px;padding:8px 10px;border:1px dashed #b9cce6;border-radius:10px;background:transparent;color:#3b5d8e;font-size:10px;font-weight:700;cursor:pointer}.add-template-button:hover{background:#edf3fb}.template-editor{display:grid;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #e4eaf3}.template-editor input,.template-editor textarea{width:100%;box-sizing:border-box;border-color:#dce4ef;background:#fff;font-size:11px}.template-editor-actions{display:flex;justify-content:flex-end;gap:6px}.template-editor-actions button{padding:7px 9px;font-size:10px}@keyframes templates-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.sms-compose{padding:10px 0 12px;border-bottom:1px solid #edf0f2}.sms-recipient{display:flex;gap:6px;margin-bottom:8px}.sms-recipient select{width:76px;flex:0 0 76px;padding:9px 3px;border-color:#e0e4e8;background:#f8f9fa;color:#1f4f91;font-size:11px}.sms-recipient input{min-width:0;padding:9px;border-color:#e0e4e8;background:#f8f9fa;color:#24282f;font-size:12px}textarea{width:100%;resize:vertical;border:1px solid #e0e4e8;border-radius:10px;padding:9px;background:#f8f9fa;color:#24282f;font:inherit;font-size:12px;outline:none}textarea:focus{border-color:#9eb6da}.sms-compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.sms-compose-footer small{color:#9299a4;font-size:10px}.sms-compose-footer button{padding:8px 10px;background:#1f4f91;color:#fff;font-size:11px;font-weight:700}.message-list{display:grid;gap:2px;padding-top:5px}.message-row{width:100%;display:flex;gap:8px;align-items:flex-start;padding:9px 3px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;transition:background .18s ease,transform .18s ease}.message-row:hover,.message-row:focus-visible{background:#f3f6fb;transform:translate(3px);outline:none}.message-direction{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;border-radius:50%;background:#eef1f3;color:#1f4f91;font-size:13px}.message-row.inbound .message-direction{color:#c72f49}.message-copy{min-width:0;display:grid;gap:2px}.message-copy strong,.message-copy span,.message-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-copy strong{color:#252931;font-size:11px}.message-copy span{color:#596270;font-size:11px}.message-copy small{color:#9299a4;font-size:9px}.sms-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#121d3061;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sms-modal{width:min(100%,330px);padding:15px;border:1px solid #dbe2ee;border-radius:18px;background:#fff;box-shadow:0 18px 45px #1f325040;animation:sms-modal-in .18s ease-out}.sms-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #edf0f2}.sms-modal-header h2{margin:0 0 4px;color:#646d79}.sms-modal-header strong{color:#252931;font-size:13px}.sms-modal-meta{margin-top:10px;color:#9299a4;font-size:10px}.sms-modal-body{margin:14px 0;padding:12px;min-height:72px;border-radius:12px;background:#f3f6fb;color:#252931;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.sms-modal-reply{width:100%;background:#1f4f91;color:#fff;font-size:11px;font-weight:700}@keyframes sms-modal-in{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.call-details-panel{padding-bottom:12px}.details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf0f2}.details-header h2{margin:0 0 4px}.details-header strong{color:#252931;font-size:13px}.details-close{padding:0 5px;background:transparent;color:#707986;font-size:22px;line-height:1}.details-meta{padding:9px 0;color:#9299a4;font-size:10px}.details-help{margin:9px 0;color:#707986;font-size:10px;line-height:1.45}.details-help b{color:#1f4f91}.recording-card,.transcript-card{margin-top:8px;padding:10px;border-radius:12px;background:#f8f9fa}.recording-card>span,.transcript-card span{color:#252931;font-size:11px;font-weight:700}.recording-card small,.transcript-card small{display:block;margin-top:3px;color:#9299a4;font-size:10px}.recording-card audio{display:block;width:100%;height:32px;margin-top:8px}.transcript-card p{max-height:180px;overflow:auto;margin:8px 0;color:#596270;font-size:11px;line-height:1.5;white-space:pre-wrap}.transcript-card button{padding:7px 9px;background:#eaf1fb;color:#1f4f91;font-size:10px;font-weight:700}.transcript-pending{border:1px dashed #d6a23a;background:#fff9e9}.transcript-pending span{color:#7a5a12}.load-more-button{display:block;width:100%;margin:10px 0 6px;padding:9px 12px;border:1px solid #dfe5ee;border-radius:10px;background:#f7f9fc;color:#3b5d8e;font-size:11px;font-weight:700;cursor:pointer}.load-more-button:hover:not(:disabled){background:#edf3fb;border-color:#b9cce6}.load-more-button:disabled{color:#9aa3af;cursor:default}.forgot-password{margin-top:2px;padding:5px;border:0;background:transparent;color:#3b5d8e;font-size:11px;cursor:pointer}.forgot-password:hover{color:#1f4f91;text-decoration:underline}.auth-help{margin:-2px 0 8px;color:#7d8796;font-size:11px;line-height:1.45;text-align:center}.recovery-link-box{display:grid;gap:8px;margin-top:6px;padding:12px;border:1px solid #dfe5ee;border-radius:14px;background:#f7f9fc}.recovery-link-box small{color:#7d8796;line-height:1.4}.recovery-link-box textarea{min-height:70px;resize:vertical;font-size:11px}@media (prefers-reduced-motion: reduce){.recent-content,.recent-row,.recent-redial,.section-chevron,.app-tabs button,.notification-toast{transition:none;animation:none}}.car-mark{position:relative;overflow:hidden;color:#fff}.car-mark svg{width:22px;height:18px;overflow:visible;animation:car-drive 2.8s ease-in-out infinite}.car-mark .car-body{animation:car-bob .7s ease-in-out infinite alternate}.car-mark .car-wheel{transform-box:fill-box;transform-origin:center;animation:car-wheel-spin .8s linear infinite}.car-mark .car-road{opacity:.35;stroke-dasharray:4 5;animation:car-road-move 1s linear infinite}@keyframes car-drive{0%,to{transform:translate(-1px)}50%{transform:translate(1px)}}@keyframes car-bob{0%{transform:translateY(0)}to{transform:translateY(-.8px)}}@keyframes car-wheel-spin{to{transform:rotate(360deg)}}@keyframes car-road-move{to{stroke-dashoffset:-9}}@media (prefers-reduced-motion: reduce){.car-mark svg,.car-mark .car-body,.car-mark .car-wheel,.car-mark .car-road{animation:none}}