.phone-panel{--phone-surface:#fff;--phone-soft:#f6f7f9;--phone-border:#eceef1;--phone-ink:#20242b;--phone-muted:#727b88;color:var(--phone-ink);background:var(--phone-surface)}.phone-panel>header{padding:12px 14px;border-bottom:1px solid var(--phone-border)}.phone-title-row{gap:6px}.phone-brand{gap:7px}.phone-brand strong{font-size:17px;letter-spacing:-.55px}.phone-brand .phone-availability{min-height:27px;width:103px;border-radius:16px;background:var(--phone-surface);font-size:10px;color:var(--phone-ink)}.phone-tools .icon-button{border:0;background:transparent;color:var(--phone-muted)}.phone-panel .phone-tabs{padding:0 10px;gap:0;border-bottom:1px solid var(--phone-border)}.phone-panel .phone-tabs button{position:relative;border:0;border-radius:0;min-height:42px;padding:13px 1px 12px;gap:7px;color:var(--phone-muted);background:transparent}.phone-panel .phone-tabs button span{font-size:11px;font-weight:500}.coaching-panel .coaching-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.coaching-panel .coaching-heading h3{font-size:15px;margin:0}.coaching-heading>small,.coaching-scope{font-size:10px;color:var(--phone-muted)}.coaching-panel .coaching-scope{display:block;margin:6px 0 10px}.coaching-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--phone-border)}.coaching-row-copy{min-width:0;flex:1}.coaching-row-copy>strong{display:block;font-size:12px;line-height:1.5;font-weight:650}.coaching-row-copy>small{display:block;font-size:10px;line-height:1.6;margin-top:2px;color:var(--phone-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.coaching-panel .coaching-row .button-row{margin:0;display:flex;gap:5px;flex-wrap:nowrap}.coaching-panel .coaching-row .button{display:grid;place-items:center;width:29px;height:29px;min-height:29px;padding:0;border-radius:7px}.coaching-panel .coaching-row .button svg{width:14px;height:14px}.coaching-row-main{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.coaching-row-main strong{font-size:12px;font-weight:650}.coaching-row-main small{color:var(--phone-muted);font-size:10px;font-variant-numeric:tabular-nums}.coaching-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.coaching-row-bottom>span{min-width:0;font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:var(--phone-muted)}.coaching-row-bottom .button-row{flex:none;flex-wrap:nowrap;gap:4px}.coaching-row-bottom .button{min-height:27px;font-size:10px;padding:5px 6px;gap:4px;border-color:var(--phone-border)}.coaching-row-bottom .button svg{width:12px;height:12px}.coaching-help{margin-top:16px;padding-top:2px;color:var(--phone-muted);font-size:10px}.coaching-help summary{cursor:pointer}.coaching-help p{font-size:11px;line-height:1.6;margin:9px 0 0}.phone-panel .phone-tabs button.active{color:#ea650f;background:transparent}.phone-panel .phone-tabs button.active:after{content:"";position:absolute;height:2px;left:8px;right:8px;bottom:0;background:#f97316;border-radius:2px}.phone-panel .phone-tabs button:hover{color:var(--phone-ink);background:var(--phone-soft)}.phone-panel .phone-tabs button.active:hover{color:#ea650f}.phone-body{padding:18px 16px}.phone-body[data-view=sms]{display:flex;flex-direction:column;overflow:hidden}.phone-section-title{margin:0 0 14px}.phone-section-title h3{font-size:15px;letter-spacing:-.25px}.phone-section-title .icon-button,.sms-panel .icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:0;border-radius:8px;color:var(--phone-muted,#727b88);background:transparent;flex:none}.phone-section-title .icon-button:hover,.sms-panel .icon-button:hover{background:var(--phone-soft,#f6f7f9)}.phone-period{background:var(--phone-soft);border-radius:6px;padding:7px 9px;font-size:10px;margin:0 0 7px;line-height:1.5}.phone-history-row{padding:15px 0;border-bottom:1px solid var(--phone-border)}.phone-record-main{display:flex;align-items:flex-start;gap:10px}.phone-direction{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;flex:none;background:#eef5f1;color:#24815a}.phone-direction.missed{color:#b45345;background:#fbefed}.phone-record-copy{flex:1;min-width:0}.phone-record-copy>strong{display:block;font-size:13px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.phone-record-copy>small{display:block;font-size:10px;line-height:1.6;color:var(--phone-muted);margin-top:3px}.phone-record-copy .phone-record-line{font-size:9px}.phone-record-status{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10px;color:var(--phone-muted);font-variant-numeric:tabular-nums}.phone-record-status .tag{padding:2px 5px;font-size:9px;border-radius:4px}.phone-record-actions{display:flex;gap:4px;flex:none;align-self:center}.phone-record-actions .icon-button{width:29px;height:29px;display:grid;place-items:center;padding:0;border:1px solid var(--phone-border);border-radius:50%;color:var(--phone-ink);background:var(--phone-surface)}.phone-record-actions .icon-button.active,.phone-record-actions .icon-button:hover{background:var(--phone-soft);color:#e56512}.phone-record-secondary{margin:9px 0 0 41px}.phone-record-secondary:empty{display:none}.phone-record-group{display:block;margin:7px 0 0 41px;color:var(--phone-muted);font-size:10px}.phone-inline-audio{padding:8px;margin-top:11px;border-radius:8px;background:var(--phone-soft)}.phone-inline-audio audio{display:block;width:100%;height:34px}.phone-line{margin-bottom:18px;gap:8px}.phone-line>span{font-size:11px;letter-spacing:0;text-transform:none;color:var(--phone-muted)}.phone-line select{font-size:11px;height:39px;min-height:39px;border-radius:8px;background:var(--phone-surface);border-color:#e2e5ea}.phone-number{padding:4px;border-radius:9px;background:var(--phone-surface);border-color:#e2e5ea}.phone-number .country-phone-input input{font-size:14px;min-width:0}.phone-panel .dialpad{margin:25px auto 20px;max-width:256px;gap:12px 24px;justify-items:center}.phone-panel .dialpad button{height:57px;width:57px;border:0;border-radius:50%;background:var(--phone-soft);color:var(--phone-ink);box-shadow:none;font-size:24px}.phone-panel .dialpad button:hover{background:#ffeadb;color:#bf5111}.phone-panel .dialpad button small{font-size:8px;letter-spacing:.7px}.phone-panel .call-button{width:100%;max-width:256px;height:44px;margin:0 auto;border-radius:9px;font-size:13px;box-shadow:none;background:#219866}.phone-panel .call-button span{display:inline}.phone-panel .call-button:disabled{background:#c8d0d8}.phone-panel .call-button svg{width:19px;height:19px}.phone-footer{padding:10px 16px;color:var(--phone-muted);font-size:10px;border-color:var(--phone-border);background:var(--phone-surface)}.coaching-panel .phone-list-item,.phone-body .queue-item{border:1px solid var(--phone-border);border-radius:9px;padding:12px;margin-bottom:9px;box-shadow:none;background:var(--phone-surface)}.phone-body .queue-item>strong{font-size:13px}.phone-body .queue-item>small{color:var(--phone-muted);font-size:10px;line-height:1.6}.phone-body .button{min-height:32px;padding:7px 10px;font-size:11px;border-radius:7px;box-shadow:none}.phone-body .button-row{gap:6px;flex-wrap:wrap}.phone-body[data-view=settings] h3{font-size:13px;margin:18px 0 8px}.coaching-panel .muted,.phone-body[data-view=settings] .muted{font-size:11px;line-height:1.6}.phone-body[data-view=settings] .notice{border:0;background:var(--phone-soft);font-size:10px;border-radius:7px;padding:10px;line-height:1.6}.phone-body .incoming{padding:16px;border-radius:10px;background:#eff8f3;border:1px solid #d2e9dc;box-shadow:none}.phone-body .incoming>p{font-size:19px;font-weight:650;letter-spacing:-.4px;overflow-wrap:anywhere}.phone-body .active-call{padding:16px 8px;background:var(--phone-surface);border-bottom:1px solid var(--phone-border);margin-bottom:16px}.phone-body .call-orb{height:48px;width:48px;box-shadow:none;background:#eef5f1;color:#24815a}.sms-panel{color:var(--phone-ink,#20242b);min-height:0}.sms-panel>header{min-height:31px;margin:0 0 9px}.sms-panel>header strong{font-size:15px;font-weight:650;letter-spacing:-.2px;line-height:1.4}.sms-panel .sms-new{background:#f97316;color:white;border-radius:8px}.sms-panel .sms-new:hover{background:#e9650c}.sms-sender{margin-bottom:15px;font-size:10px;line-height:1.5;color:var(--phone-muted,#727b88)}.sms-panel .sms-list-tools{display:flex;flex-direction:row;position:relative;gap:7px;align-items:center;margin-bottom:6px}.sms-panel .sms-list-tools input{min-width:0;flex:1;padding:10px 8px 10px 31px;font-size:11px;height:37px;background:var(--phone-soft,#f6f7f9);border:1px solid #e5e8ed;border-radius:8px}.sms-panel .sms-search-icon{position:absolute;left:10px;color:var(--phone-muted,#727b88);pointer-events:none}.sms-panel .sms-list-tools .sms-archive{border:1px solid #e5e8ed;width:37px;height:37px}.sms-panel .sms-list-tools .sms-archive.active{color:#dd6415;background:#fff2e9}.sms-thread-list>button{padding:14px 0;gap:10px;align-items:flex-start;border-color:var(--phone-border,#eceef1)}.sms-thread-list .sms-avatar,.sms-thread-list>button:hover{background:var(--phone-soft,#f6f7f9)}.sms-thread-list .sms-avatar{width:32px;height:32px;border-radius:50%;color:#687483;display:grid;place-items:center;flex:none;font-size:11px;font-weight:600}.sms-thread-copy{flex:1;min-width:0}.sms-thread-copy>strong{display:block;font-size:12px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.sms-thread-list .sms-thread-copy small{margin-top:4px;font-size:11px;line-height:1.45;max-width:none}.sms-panel .sms-thread-list em{display:flex;gap:3px;align-items:center;font-size:9px;color:var(--phone-muted,#727b88)}.sms-thread-meta{display:flex;align-items:flex-end;flex-direction:column;gap:8px;flex:none}.sms-thread-meta time{font-size:9px;color:var(--phone-muted,#727b88)}.sms-thread-meta b{display:grid;place-items:center;border-radius:10px;min-width:17px;height:17px;padding:0 4px;font-size:9px;color:white;background:#f97316}.sms-messages{padding:10px 0}.sms-messages article{border:0;border-radius:10px 10px 10px 2px;background:var(--phone-soft,#f6f7f9);padding:11px 12px;max-width:90%}.sms-messages article.own{background:#fff1e6;border-radius:10px 10px 2px 10px}.sms-messages p{line-height:1.6;font-size:12px}.sms-messages small{font-size:9px;line-height:1.4}.sms-compose{background:var(--phone-surface,white);padding:12px 0 0;border-color:var(--phone-border,#eceef1)}.sms-compose textarea{border-radius:9px;min-height:82px;line-height:1.5;background:var(--phone-soft,#f6f7f9);font-size:12px;border:1px solid #e5e8ed}.sms-compose>div>small{font-size:10px}.sms-recipient{padding:6px 0 10px;border-bottom:1px solid var(--phone-border,#eceef1)}.phone-panel[data-theme=dark]{--phone-surface:#22262d;--phone-soft:#2e343d;--phone-border:#3a414c;--phone-ink:#f0f2f5;--phone-muted:#b0b8c4;--muted:var(--phone-muted);--line:var(--phone-border);--ink:var(--phone-ink);--soft:var(--phone-soft);background:var(--phone-surface)}.phone-panel .button:not(.primary):not(.danger):not(.accept){background:var(--phone-surface);color:var(--phone-ink);border-color:var(--phone-border)}.phone-panel[data-theme=dark] .sms-messages article.own{background:#4a3428}@media (max-width:360px){.phone-panel>header{padding:10px}.phone-brand strong{font-size:15px}.phone-tools .icon-button{width:23px}.phone-brand .phone-availability{width:98px}.phone-body{padding:15px 12px}}@media (prefers-reduced-motion:reduce){.phone-panel *,.sms-panel *{animation:none!important;transition:none!important}}