/* Customer Care shares the existing Support palette and controls. */
.x-call-start>p{font-size:15px;line-height:1.8;color:#788396;margin:0 0 22px}.x-call-start>.x-text-button{margin-top:16px}.x-call-sound{display:flex;align-items:center;gap:9px;font-size:14px;color:#6b788d;margin:0 0 20px}.x-call-sound input{width:16px;height:16px;accent-color:#283d5b}.x-call-start .x-primary svg{width:17px;height:17px}.x-call-label{display:inline-flex;font-size:11px;font-weight:650;letter-spacing:1.6px;padding:8px 12px;border-radius:30px;background:#eef1f6;color:#62748d}
.x-call-incoming{min-height:calc(100dvh - 90px);padding:45px 24px;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e9eef6,#f8f9fb 70%)}.x-call-ring-card{max-width:530px;width:100%;text-align:center;padding:35px 40px}.x-call-ring-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#eaf0f7;color:#283d5b;margin:28px auto;box-shadow:0 0 0 12px #f3f6fa;animation:x-call-ring 2.1s ease-in-out infinite}.x-call-ring-icon svg{width:30px;height:30px}.x-call-ring-card h1{font-size:34px;letter-spacing:-1px;margin:10px 0 22px;color:var(--x-accent)}.x-call-ring-card .x-kicker{display:block;margin:0}.x-call-email{display:block;overflow-wrap:anywhere;font-size:17px;color:#405571}.x-call-number{font-size:13px;color:#8691a2;margin:10px 0 18px}.x-call-ring-card blockquote{font-size:16px;line-height:1.8;color:#6b788d;margin:26px 0;padding:20px 0;border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3}.x-call-answer-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.x-call-answer-actions svg{width:17px;height:17px}.x-call-ring-card>.x-text-button{margin-top:20px}
.x-call-bar{display:flex;align-items:center;gap:24px;background:#283d5b;border-radius:12px;padding:18px 22px;color:#fff;margin-bottom:25px}.x-call-connected{display:flex;align-items:center;gap:13px;flex:1;min-width:0}.x-call-connected>svg{width:22px;height:22px;flex:none;color:#a8cbb5}.x-call-connected strong{display:flex;align-items:center;gap:14px;font-size:15px;flex-wrap:wrap}.x-call-connected strong span{font-size:11px;font-weight:400;color:#b9c6d8;border:1px solid #5b6b83;padding:4px 8px;border-radius:20px}.x-call-connected small{display:block;font-size:12px;color:#b9c6d8;margin-top:7px;overflow-wrap:anywhere}.x-call-timer{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:18px;font-weight:600}.x-call-end{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff1ef;color:#983b36;border:0;border-radius:8px;padding:11px 15px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.x-call-end svg{width:15px;height:15px}.x-call-end:hover{background:#ffe2de}.x-call-end:disabled{opacity:.5;cursor:default}
.x-call-script{margin-bottom:23px;padding:0!important;overflow:hidden}.x-call-script>summary{display:flex;align-items:center;gap:10px;padding:20px 23px;cursor:pointer;font-size:14px;font-weight:650;color:#435671;list-style:none}.x-call-script>summary::-webkit-details-marker{display:none}.x-call-script>summary>svg{width:17px;height:17px;flex:none}.x-call-script>summary>span{font-size:12px;font-weight:400;color:#8b95a5;margin-left:auto}.x-call-script>summary>svg:last-child{width:14px;transition:transform .2s}.x-call-script[open]>summary>svg:last-child{transform:rotate(180deg)}.x-call-script-body{border-top:1px solid #e8edf3;padding:22px}.x-call-script-body blockquote{margin:0 0 22px;padding:15px 18px;background:#f3f5f9;border-left:3px solid #bcc9da;color:#5a6c86;font-size:15px;line-height:1.8}.x-call-script-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.x-call-script-columns h3{font-size:14px;color:#364c6b;margin:0 0 12px}.x-call-script-columns ol{padding-left:17px;margin:0}.x-call-script-columns li{padding-left:3px;font-size:13px;line-height:1.9;color:#758298;margin-bottom:8px}.x-call-scope{font-size:13px!important;line-height:1.8!important;color:#7f8b9d!important;margin:20px 0 0!important}.x-call-timeline{margin-top:23px}.x-call-timeline h3{font-size:16px;color:#3c506d;margin:0}.x-call-timeline ol{list-style:none;padding:0;margin:18px 0 0}.x-call-event{display:flex;align-items:baseline;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid #eef1f5}.x-call-event:last-child{border:0}.x-call-event-dot{width:6px;height:6px;background:#9faec2;border-radius:50%;flex:none;align-self:center}.x-call-event.positive .x-call-event-dot{background:#6a936d}.x-call-event.warning .x-call-event-dot{background:#b79755}.x-call-event p{font-size:13px;line-height:1.6;margin:0;color:#67758c;flex:1}.x-call-event time{font-size:11px;color:#9ba4b2;white-space:nowrap;font-variant-numeric:tabular-nums}.x-call-timeline details>summary{font-size:13px;color:#6c7f98;margin-top:16px;cursor:pointer}.x-call-timeline .x-fineprint{margin-top:20px}
.x-call-wrapup{max-width:1020px;padding:45px 25px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.x-call-wrapup-card{text-align:center;padding:32px}.x-call-wrap-icon{width:60px;height:60px;display:grid;place-items:center;color:#506581;background:#eef2f8;border-radius:50%;margin:25px auto 20px}.x-call-wrap-icon svg{width:26px;height:26px}.x-call-wrapup-card h1{font-size:29px;color:#283d5b;letter-spacing:-.7px;margin-bottom:12px}.x-call-wrapup-card>p{font-size:14px;color:#8490a1;line-height:1.8}.x-call-summary{margin:25px 0;text-align:left;border-top:1px solid #e7ecf3}.x-call-summary>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e7ecf3;font-size:13px;line-height:1.6}.x-call-summary dt{color:#8b96a5}.x-call-summary dd{margin:0;text-align:right;color:#526680;overflow-wrap:anywhere}.x-call-wrapup-card>.x-primary{margin-top:25px}.x-call-wrapup>.x-call-timeline{margin-top:0}.x-call-service-scope{font-size:13px;line-height:1.8;color:#7f8b9d;padding:15px 0 0}.x-call-device-note{font-size:13px;line-height:1.8;color:#7f8b9d;margin:16px 0 0}
@keyframes x-call-ring{50%{box-shadow:0 0 0 19px #eef2f8;transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.x-call-ring-icon{animation:none}.x-call-script>summary>svg:last-child{transition:none}}
@media(max-width:750px){.x-call-wrapup{grid-template-columns:1fr}.x-call-script-columns{grid-template-columns:1fr;gap:20px}.x-call-bar{gap:14px;padding:17px}.x-call-connected strong{gap:8px}.x-call-connected>svg{display:none}.x-call-script>summary>span{display:none}}
@media(max-width:480px){.x-call-incoming{padding:25px 17px}.x-call-ring-card{padding:28px 22px}.x-call-email{font-size:15px}.x-call-bar{flex-wrap:wrap}.x-call-connected{flex-basis:70%}.x-call-end{width:100%}.x-call-wrapup{padding:25px 18px}.x-call-wrapup-card{padding:25px}.x-call-event time{font-size:10px}}
/* Completed calls stay in the agent workspace beside the customer record. */
.x-call-finished{background:#edf1f6;color:#283d5b;border:1px solid #dbe2ec}
.x-call-finished .x-call-connected>svg{color:#506981}
.x-call-finished .x-call-connected strong span{color:#62748d;border-color:#cbd5e3}
.x-call-finished .x-call-connected small{color:#6c7b91}
.x-call-new{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border:1px solid #cbd5e3;background:#fff;color:#283d5b;border-radius:8px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.x-call-new svg{width:16px;height:16px}.x-call-new:disabled{opacity:.5;cursor:default}
.x-call-summary-panel h2{font-size:25px;margin:5px 0;color:#283d5b}
.x-call-summary-request{font-size:17px;line-height:1.6;color:#6a7890;margin:0 0 20px}
.x-call-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;margin:22px 0 10px}
.x-call-summary.x-call-summary-grid>div{display:block;padding:0 0 15px;min-width:0}
.x-call-summary-grid dd{margin:5px 0 0;text-align:left;font-size:16px;font-weight:600;line-height:1.5}
.x-call-summary-grid dt{font-size:13px}
.x-call-result-details{border-top:1px solid #e6ebf2;margin-top:15px;padding-top:14px}
.x-call-result-details>summary{font-size:14px;font-weight:600;color:#526680;cursor:pointer}
.x-call-transcript{margin-top:22px;padding:0!important;overflow:hidden}
.x-call-transcript>summary{display:flex;align-items:center;gap:12px;padding:20px 23px;list-style:none;cursor:pointer;color:#344e6c;font-weight:650;font-size:16px}
.x-call-transcript>summary::-webkit-details-marker{display:none}
.x-call-transcript>summary span{margin-left:auto;color:#7a8798;font-size:13px;font-weight:400}
.x-call-transcript>summary svg{width:16px;height:16px}
.x-call-transcript[open]>summary svg{transform:rotate(180deg)}
.x-call-transcript-log{max-height:390px;overflow:auto;padding:18px 22px;border-top:1px solid #e6ebf2;display:grid;gap:14px}
.x-call-chat-message{padding:14px 17px;border-radius:10px;background:#f2f5f9;max-width:90%;overflow-wrap:anywhere}
.x-call-chat-message strong{font-size:12px;color:#687b94}
.x-call-chat-message p{font-size:15px;line-height:1.7;margin:6px 0 0;color:#354e6b}
.x-call-chat-caller{margin-left:auto;background:#edf4ee}
.x-support .x-support-grid+.xs-support-confidence{margin-top:28px}
.x-support .x-call-timeline+.x-call-script{margin-top:23px}
@media(max-width:700px){.x-call-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.x-call-new{font-size:13px}.x-call-transcript>summary{padding:18px}.x-call-transcript-log{padding:16px}.x-call-chat-message{max-width:100%}}
@media(max-width:480px){.x-call-summary-grid{grid-template-columns:1fr}.x-call-new{width:100%}.x-call-transcript>summary{font-size:14px;gap:8px}}