.callsHeading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.callsFilters{display:flex;align-items:end;gap:12px;padding:16px;margin:16px 0;background:#ffffffc9;border:1px solid #e2e2f2;border-radius:22px;flex-wrap:wrap}
.callsFilters label{display:grid;gap:7px;flex:1;min-width:150px}
.callsList{display:grid;gap:10px}.callListCard{padding:18px 22px;border-radius:20px;background:#ffffffde;border:1px solid #e1e4f2;display:flex;justify-content:space-between;gap:12px;align-items:center}
.callListCard p{margin:5px 0;color:#7081a0;font-size:13px}.callsPager{display:flex;gap:12px;align-items:center;margin-top:14px}
.callCardActions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
.callCardActions .secondaryBtn{padding:7px 13px;font-size:12px}
.callOpen{border:0;padding:0;background:transparent;color:#152344;font:inherit;font-weight:700;cursor:pointer;text-align:left}
.callOpen:hover{text-decoration:underline;color:#645bff}
.callListCard:hover{border-color:#c7c4ef}
/* Calls list mirrors the chat cards without sharing chat-only event selectors. */
.callsList{gap:18px;padding:14px;border:1px solid #e1e5ed;border-radius:28px;background:#ffffffd9;box-shadow:0 12px 36px #23304b08;min-width:0}
.callsList:empty{display:none}
.callsList .callChatCard{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) 120px 170px;align-items:center;gap:12px;padding:17px 20px;border:1px solid #c6cee5;border-radius:20px;background:#fff;box-shadow:0 3px 10px #35417a0d;min-width:0;transition:border-color .15s,background .15s}
.callChatCard::before{content:'';position:absolute;left:-8px;top:12px;bottom:12px;width:4px;border-radius:6px;background:#20aa62}
.callChatCard.callUnfilled::before{background:#f16a38}
.callsList .callChatCard:hover{border-color:#bdc8d7;background:#fff}
.callRecordIdentity{display:grid;gap:5px;min-width:0}
.callRecordIdentity .callOpen{justify-self:start;padding:0;font-size:19px;font-weight:700;color:#202d44;overflow-wrap:anywhere}
.callRecordIdentity small,.callRecordOperator{font-size:12px;color:#69778d;line-height:1.5;overflow-wrap:anywhere}
.callRecordIdentity .callOrdinal{font-size:10px;color:#8791a9}
.callRecordIdentity .callRecordDetails{font-size:11px;color:#75829a}
.callRecordIdentity .callOpen{max-width:100%;line-height:1.4}.callRecordIdentity .callRecordTitleId{font-size:13px;font-weight:650}.callRecordIdentity .callRecordDateTime{color:#596582;font-variant-numeric:tabular-nums}.callRecordIdentity .callRecordShift{font-size:10px;color:#858ba4}.callRecordPhone{display:flex;align-items:center;gap:7px;margin-top:7px;padding-top:8px;border-top:1px solid #eeedf7;font-size:14px;font-weight:600;color:#313959;overflow-wrap:anywhere}.callRecordPhone svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:#8777ce;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.callRecordClassification{min-width:0}
.callClassificationButton{display:block;width:100%;min-height:64px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:#393b68;text-align:left;font:inherit;cursor:pointer}
.callClassificationButton:hover,.callClassificationButton:focus-visible{background:#edebff;outline:1px solid #bdb7ff}
.callCategoryName{display:block;font-size:12px;font-weight:600;color:#253849}
.callTopicName,.callEssence{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:3px;font-size:12px;color:#69778d;line-height:1.5}
.callRecordRating{font-size:13px;text-align:center;border-radius:10px;color:#25354d}
.callChatCard .callCardActions{display:flex;align-items:center;justify-content:center;width:auto}
.callCompletionBadge{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;border:1px solid transparent;border-radius:24px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap}
.callCompletionBadge.callFilled{background:#e4f5eb;color:#187340}
.callCompletionBadge.callUnfilled{background:#fff0f0;color:#b83040}
.callCompletionBadge:hover{border-color:currentColor}
@media(max-width:1150px){.callsList .callChatCard{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.callChatCard .callRecordRating{text-align:left;grid-column:1;grid-row:2}.callChatCard .callCardActions{grid-column:2;grid-row:2;justify-self:end}.callCompletionBadge{font-size:12px}}
@media(max-width:540px){.callsList{padding:12px;gap:14px}.callsList .callChatCard{grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:10px}.callRecordIdentity{grid-column:1/-1}.callRecordClassification{grid-column:1/-1}.callChatCard .callRecordRating{grid-column:1;grid-row:3}.callChatCard .callCardActions{grid-column:2;grid-row:3}.callCompletionBadge{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.callsList .callChatCard{transition:none}}
@media(max-width:850px){.callCardActions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}
.callsOverlay{position:fixed;inset:0;z-index:1200;background:#1c27484d;backdrop-filter:blur(8px);padding:20px;display:flex;align-items:center;justify-content:center}
.callsModal{width:min(1280px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:linear-gradient(125deg,#f9faff,#f4f9ff);border:1px solid #ffffff;border-radius:26px;box-shadow:0 24px 70px #23365b30;color:#152344}
.callsModal header{padding:20px 24px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e8ebf7}.callsModal h2{margin:0;font-size:24px}.callsModal header p{color:#7585a6;font-size:13px;margin:6px 0 0}.callsDraft{font-size:12px;color:#6b6ba5;background:#eceaff;border-radius:20px;padding:5px 12px;vertical-align:middle;margin-left:10px}
.callsColumns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 24px}.callsColumn{display:grid;align-content:start;gap:12px}
.callsCard{padding:16px;border:1px solid #e8eafa;border-radius:19px;background:#ffffffd9}.callsCard h3{margin:0 0 14px;font-size:14px}.callsCard h3 span{color:#6566fa;margin-right:8px}.callsCard label{display:grid;gap:5px;font-size:12px;margin-bottom:9px}
.callsCard input:not([type=radio]):not([type=checkbox]),.callsCard select,.callsCard textarea{width:100%;min-width:0;box-sizing:border-box;min-height:38px;border:1px solid #dce0f2;border-radius:12px;padding:8px 12px;background:#fff;color:#233459;font:inherit;font-size:13px}
.callsCard textarea{min-height:66px;resize:vertical}.callsCard input:focus,.callsCard select:focus,.callsCard textarea:focus{outline:2px solid #9a93ff60;border-color:#8c83ff}
.callsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.callsEmployee{margin-bottom:12px!important}.callsScreenshot{height:174px;border:1px dashed #c3c5f6;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f7f8ff;text-align:center;color:#7585a6;font-size:13px;position:relative}.callsScreenshot img{max-width:100%;max-height:100%;object-fit:contain}.callsScreenshot.isZoom img{max-width:none;max-height:none}.callsScreenControls{display:flex;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}.callsScreenControls button,.callsScreenControls .secondaryBtn{font-size:12px;padding:8px 12px}.callsScreenControls label{margin:0;cursor:pointer}.callsScreenControls input[type=file]{display:none}
.callsAssessment{display:grid;grid-template-columns:0.8fr 1.2fr;gap:10px}.callsRatings{display:flex;gap:6px}.callsRatings label{flex:1;margin:0;cursor:pointer;position:relative}.callsRatings input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.callsRatings span{display:block;text-align:center;font-size:24px;border:2px solid transparent;border-radius:13px;padding:6px;background:#f4f6fa}.callsRatings input:checked+span{border-color:#8780ff;box-shadow:0 0 0 3px #9285ff18}.callsRatings .positive{background:#e8f8ee;color:#22b778}.callsRatings .negative{background:#fff0f2;color:#f25b77}.callsRatings input:focus-visible+span{outline:2px solid #6a61ed}
.callsReview{color:#75809d;font-size:12px}.callsReview ul{margin:8px 0;padding-left:18px}.callsConflict{padding:9px 12px;margin:6px 0;background:#fff6df;border-radius:12px;color:#8c640e}.callsReview button{margin:5px 4px 0 0;font-size:12px}.callsConfirm{display:flex!important;align-items:center;gap:8px!important;margin:10px 0 0!important;font-size:13px!important}.callsDetails summary{font-size:13px;font-weight:600;cursor:pointer;padding:3px 0}.callsDetails .callsFlags{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;gap:6px}.callsFlags label{display:flex;align-items:center;font-size:12px}.callsNegative{background:#fff5f7}.callsBranchSearchResults{max-height:180px;overflow:auto}.callsBranchSearchResults button{display:block;width:100%;text-align:left;border:0;background:#f4f3ff;border-radius:10px;padding:9px;margin:5px 0;color:#3d4870;font-size:12px}
.callsModal footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e4e8f4;padding:14px 24px;background:#ffffffba;position:sticky;bottom:0}.callsModal footer div{display:flex;gap:9px}.callsModal [role=status]{font-size:13px}.callsModal [aria-busy=true]{opacity:.6}.callsError{color:#cc3656}.callsSuccess{color:#198562}
@media(max-width:850px){.callsColumns{grid-template-columns:1fr;padding:12px}.callsOverlay{padding:8px}.callsModal{max-height:calc(100dvh - 16px)}.callsAssessment{grid-template-columns:1fr 1fr}.callsModal footer{padding:12px;flex-wrap:wrap}.callListCard{align-items:start;flex-direction:column}}
@media(min-width:851px) and (max-height:850px){.callsModal header{padding:15px 20px}.callsColumns{padding:12px 20px;gap:12px}.callsCard{padding:12px}.callsCard h3{margin-bottom:10px}.callsScreenshot{height:110px}.callsCard label{margin-bottom:6px}.callsCard input:not([type=radio]):not([type=checkbox]),.callsCard select{min-height:34px}.callsColumn{gap:10px}}
.callsRatings svg{width:24px;height:24px;display:block;margin:auto}
.callsClassification .classificationToolbar { position: relative; display: flex; align-items: center; gap: 12px; min-height: 36px; margin-bottom: 10px; }
.callsClassification .classificationModes { display: inline-flex; flex: 0 1 auto; max-width: calc(100% - 144px); gap: 2px; padding: 3px; margin: 0; border: 1px solid #eeecf8; border-radius: 999px; background: #f7f6fc; }
.callsClassification .classificationModes[aria-hidden="true"] { visibility: hidden; }
.callsClassification .classificationModes button { min-width: 0; border: 0; border-radius: 999px; padding: 7px 10px; background: transparent; color: #64708b; cursor: pointer; font: inherit; font-size: 11px; line-height: 1.2; white-space: nowrap; transition: background .15s, color .15s; }
.callsClassification .classificationModes button[aria-selected="true"] { background: #ebe7ff; color: #6253dd; font-weight: 650; }
.callsClassification .classificationModes button:hover { background: #eeebfa; color: #5748cd; }
.callsClassification .classificationModes button:focus-visible { outline: 2px solid #7868f8; outline-offset: 1px; }
.callsClassification .branchSearch { position: absolute; right: 0; top: 0; width: 132px; max-width: 100%; z-index: 2; border-radius: 999px; background: #fff; transition: width .3s cubic-bezier(.22,.75,.3,1), box-shadow .25s; }
.callsClassification .branchSearch.searchExpanded { width: 100%; box-shadow: 0 0 0 3px #8270ed12, 0 8px 24px #7762bb15; }
.callsClassification .branchSearch .directDescriptionField > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.callsClassification .directDescriptionField{margin:0;padding:0;background:transparent;border:none}
.callsClassification .branchSearchIcon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: #8d82b1; z-index: 1; pointer-events: none; transition: color .2s; }
.callsClassification .branchSearch.searchExpanded .branchSearchIcon { color: #7861da; }
.callsClassification .branchSearch .searchSelect input { width: 100%; box-sizing: border-box; height: 36px; min-height: 36px; padding: 8px 14px 8px 36px; border: 1px solid #e5dff3; border-radius: 999px; background: #faf9fe; background-image: none; font-size: 12px; box-shadow: none; color: #423c61; transition: background .2s, border-color .2s; }
.callsClassification .branchSearch .searchSelect input::placeholder { color: #8b83a5; }
.callsClassification .branchSearch.searchExpanded .searchSelect input { background: #fff; border-color: #b1a0ed; outline: none; }
.callsClassification .classificationModePanel { min-width: 0; margin: 0 0 16px; padding: 14px; border: 1px solid #eeebf8; border-radius: 14px; background: #faf9ff; animation: editorPanelIn .2s ease; }
.callsClassification .classificationModePanel h4 { margin: 0 0 12px; font-size: 12px; font-weight: 650; color: #566180; }
.callsClassification .classificationModePanel .quickBranchStep:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.callsClassification .classificationModePanel .branchChips { margin-bottom: 0; }
/* Override the site's generic full-width input rule, including minimum height. */
.callsModal input[type=checkbox]{width:17px;height:17px;min-width:17px;min-height:17px;max-width:17px;padding:0;margin:0;flex:0 0 17px;accent-color:#645bff;cursor:pointer}
.callsNegative label>span{display:flex;align-items:center;gap:8px;line-height:1.5}
.callsFlags label{gap:8px;justify-content:flex-start;line-height:1.5;cursor:pointer}
.callsAssessment{grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr)}
.callsAssessment .callsRatings{max-width:280px}
.callsResultField{margin:0!important}.callsVisuallyHidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.callsPhoneHint{color:#7585a6;font-size:11px;font-weight:400;line-height:1.4}.callsGrid>label{align-content:start}
@media(max-width:540px){.callsAssessment{grid-template-columns:minmax(0,1fr)}}
.callsClassification .callsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.callsColumn,.callsClassification{min-width:0}
.callsScreenshot{height:130px}
.callsNotice{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:min(600px,calc(100vw - 32px));box-sizing:border-box;margin:0;padding:16px 18px;display:flex;align-items:center;gap:14px;border:2px solid #e4a326;border-radius:20px;background:#fff2cc;box-shadow:0 12px 36px #8e5d0938;color:#5e3d08;font-size:14px;line-height:1.5;z-index:1400;animation:callsNoticeIn .25s ease}
.callsNotice svg{width:32px;height:32px;flex:0 0 32px;color:#9f6500}
.callsNotice strong{display:block;font-size:17px;font-weight:750;margin-bottom:2px}
.callsNotice button{margin-left:auto;align-self:flex-start;border:0;background:transparent;color:#7a4e06;font-size:26px;cursor:pointer;padding:0 4px}
.callsValidationNotice{position:relative;display:flex;align-items:flex-start;gap:14px;margin:14px 24px 0;max-height:28dvh;overflow:auto;box-sizing:border-box;padding:16px 18px;border:2px solid #db5366;border-radius:20px;background:#fff0f2;color:#7e2335;font-size:13px;line-height:1.5}
.callsValidationNotice>div{min-width:0;flex:1}.callsValidationNotice strong{font-size:17px}.callsValidationNotice p{margin:3px 0 8px}.callsValidationNotice ul{margin:0;padding-left:18px}.callsValidationNotice li+li{margin-top:6px}
.callsValidationNotice li button{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere}.callsValidationNotice li button:hover{text-decoration:underline}.callsValidationNotice>button{border:0;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer;padding:0 3px}.callsValidationNotice button:focus-visible{outline:2px solid #bd3a51;outline-offset:3px}
.callsModal [data-call-invalid]{border-color:#d84b63!important;box-shadow:0 0 0 2px #dc4e651c!important}.callsModal #callRatings[data-call-invalid]{outline:2px solid #d84b63;outline-offset:4px;border-radius:12px}
#callMessage.callsError{max-width:650px;line-height:1.45}
@media(max-width:850px){.callsValidationNotice{margin:12px 12px 0;padding:12px;font-size:12px}.callsValidationNotice strong{font-size:15px}#callMessage.callsError{font-size:12px}}
@keyframes callsNoticeIn{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
#callDirectDescription_options,#callCategory_options,#callTopic_options,#callDescription_options{z-index:1300;border-color:#dcd3f2;border-radius:18px;box-shadow:0 12px 32px #5a417b22}
#callDirectDescription_options button,#callCategory_options button,#callTopic_options button,#callDescription_options button{padding:11px 12px;font-size:12px;line-height:1.5}
@media(max-width:540px){.callsClassification .classificationToolbar{min-height:80px;align-items:flex-start}.callsClassification .classificationModes{max-width:100%}.callsClassification .branchSearch{top:44px}.callsClassification .callsGrid{grid-template-columns:1fr}.callsNotice{top:16px}}
@media(prefers-reduced-motion:reduce){.callsClassification .branchSearch,.callsNotice{transition:none;animation:none}}
@media(min-width:851px) and (max-height:850px){.callsCard h3{font-size:13px;line-height:18px;margin-bottom:8px}.callsCard label{line-height:16px;gap:3px;margin-bottom:3px}.callsGrid{gap:4px 10px}.callsEmployee{margin-bottom:8px!important}.callsCard input:not([type=radio]):not([type=checkbox]),.callsCard select{height:32px;min-height:32px;padding:5px 10px;font-size:12px;line-height:20px}.callsCard textarea{min-height:54px;padding:6px 10px}.callsScreenshot{height:90px}.callsRatings span{padding:5px}.callsScreenControls{margin-top:8px}.callsColumn{gap:8px}}
/* Calls-only bubble dropdowns: native values remain available to FormData. */
.callsModal .callsNativeSelect{display:none!important}
.callsCard input:not([type=radio]):not([type=checkbox]),.callsCard textarea{border-color:#ddd7f2;border-radius:14px;box-shadow:0 2px 6px #65529b05;transition:border-color .16s,box-shadow .16s}
.callsBubbleTrigger{width:100%;min-width:0;min-height:38px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid #ddd7f2;border-radius:14px;background:linear-gradient(135deg,#fff,#fcfbff);box-shadow:0 2px 6px #65529b05;color:#233459;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}
.callsBubbleValue{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.callsBubbleTrigger svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#7e71ae;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.callsBubbleTrigger:hover{border-color:#b7a9e5;background:#fff}.callsBubbleTrigger:focus-visible,.callsBubbleTrigger[aria-expanded=true]{outline:0;border-color:#a18be4;box-shadow:0 0 0 3px #9477dd19,0 4px 12px #7862b00a}.callsBubbleTrigger[aria-expanded=true] svg{transform:rotate(180deg)}.callsBubbleTrigger:disabled{background:#f6f7fb;color:#78839d;border-color:#e3e5ee;cursor:default;box-shadow:none}.callsBubbleTrigger.isPlaceholder{color:#7585a6}
.callsBubbleMenu{position:fixed;z-index:1350;box-sizing:border-box;padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #d9d0ef;border-radius:18px;background:linear-gradient(145deg,#fff,#fcfaff);box-shadow:0 12px 32px #5d408d26,0 2px 6px #5d408d0a;color:#273453;transform-origin:top center;animation:callsBubbleIn .18s cubic-bezier(.2,.8,.25,1);--bubble-offset:-6px}
.callsBubbleMenu[data-side=above]{transform-origin:bottom center;--bubble-offset:6px}
.callsBubbleMenu button{position:relative;display:block;width:100%;min-height:36px;box-sizing:border-box;padding:9px 32px 9px 12px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere;transition:background .12s,color .12s}
.callsBubbleMenu button+button{margin-top:3px}.callsBubbleMenu button:hover,.callsBubbleMenu .keyboardActive{background:#f0ebfc;color:#59439a}.callsBubbleMenu button[aria-selected=true]{background:linear-gradient(120deg,#eee8ff,#f5f1ff);color:#6246a4;font-weight:600}.callsBubbleMenu button[aria-selected=true]::after{content:'✓';position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:700;color:#8060bf}.callsBubbleMenu button:focus-visible{outline:2px solid #a18be4;outline-offset:-2px}
#callDirectDescription_options,#callCategory_options,#callTopic_options,#callDescription_options{padding:6px;box-sizing:border-box;border:1px solid #d9d0ef;border-radius:18px;background:linear-gradient(145deg,#fff,#fcfaff);animation:callsBubbleIn .18s cubic-bezier(.2,.8,.25,1);transform-origin:top center;--bubble-offset:-5px}
#callDirectDescription_options button,#callCategory_options button,#callTopic_options button,#callDescription_options button{border-radius:12px;margin:2px 0;transition:background .12s,color .12s}
.callsOverlay:not(.hidden) .callsModal{animation:callsDialogIn .22s cubic-bezier(.2,.8,.25,1)}.callsNegative:not(.hidden),.callsDetails[open] .callsFlags,.callsValidationNotice:not(.hidden){animation:callsPanelIn .18s ease-out}
@keyframes callsBubbleIn{from{opacity:0;transform:translateY(var(--bubble-offset,-6px)) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes callsDialogIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes callsPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:851px) and (max-height:850px){.callsBubbleTrigger{min-height:32px;padding:5px 10px;font-size:12px;line-height:20px}}
@media(prefers-reduced-motion:reduce){.callsBubbleTrigger,.callsBubbleTrigger svg,.callsBubbleMenu,.callsBubbleMenu button,.callsOverlay .callsModal,.callsNegative,.callsDetails .callsFlags,.callsValidationNotice,.callsCard input,.callsCard textarea,#callDirectDescription_options,#callCategory_options,#callTopic_options,#callDescription_options{animation:none!important;transition:none!important}}
/* Compact saved-call list. Entry forms and their controls keep their existing sizing. */
.callsList{gap:8px;padding:8px;border-radius:20px;box-shadow:0 5px 18px #23304b05}
.callsList .callChatCard{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) 90px 112px;gap:16px;padding:10px 13px;border-radius:15px;box-shadow:0 2px 5px #35417a05}
.callChatCard::before{left:-5px;top:10px;bottom:10px;width:3px}
.callsList .callRecordIdentity{gap:3px}.callsList .callRecordIdentity .callOpen{font-size:14px;line-height:1.35;font-weight:650}
.callsList .callRecordIdentity .callRecordTitleId{font-size:12px;line-height:1.4}.callsList .callRecordOperator{font-size:12px;line-height:1.35}
.callsList .callRecordIdentity .callRecordTitleOperator,.callsList .callRecordOperator{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.callRecordMeta{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;min-width:0}
.callsList .callRecordMeta small{font-size:11px;line-height:1.4}.callsList .callRecordDetails::before{content:'·';margin-right:8px;color:#a09ab2}
.callsList .callRecordPhone{margin-top:1px;padding-top:0;border:0;font-size:13px;line-height:1.4;gap:6px}.callsList .callRecordPhone svg{width:14px;height:14px;flex-basis:14px}
.callsList .callClassificationButton{min-height:0;padding:3px 0;border-radius:8px}.callClassificationTrail{display:flex;align-items:baseline;gap:6px;min-width:0}
.callsList .callCategoryName{display:block;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.4;flex:0 1 auto}
.callTrailSeparator{font-size:11px;color:#b3acc6;flex:0 0 auto}
.callsList .callTopicName{display:block;min-width:0;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;font-size:12px;line-height:1.4;-webkit-line-clamp:unset}
.callsList .callEssence{margin-top:3px;font-size:12px;line-height:1.4;-webkit-line-clamp:2}
.callsList .callRecordRating{grid-column:auto;grid-row:auto;font-size:12px;text-align:center}.callsList .callCardActions{grid-column:auto;grid-row:auto;justify-self:end}
.callsList .callCompletionBadge{gap:6px;padding:7px 10px;font-size:12px;border-radius:18px;line-height:1.4}
@media(max-width:1050px){.callsList .callChatCard{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px 16px}.callsList .callRecordRating{grid-column:1;grid-row:2;text-align:left}.callsList .callCardActions{grid-column:2;grid-row:2}}
@media(max-width:600px){.callsList{gap:8px;padding:6px;border-radius:18px}.callsList .callChatCard{grid-template-columns:minmax(0,1fr) auto;padding:11px 12px;gap:8px}.callsList .callRecordIdentity,.callsList .callRecordClassification{grid-column:1/-1}.callsList .callRecordRating{grid-column:1;grid-row:3}.callsList .callCardActions{grid-column:2;grid-row:3}.callsList .callClassificationButton{padding:0}.callsList .callRecordIdentity .callOpen{font-size:14px}.callsList .callRecordIdentity .callRecordTitleId{font-size:12px}}

.activityStats{display:block!important;padding:16px;margin:12px 0;border:1px solid #e2e5f4;border-radius:18px;background:rgba(255,255,255,.85)}
.activityStats>p{font-size:13px;color:#64779b;margin:0 0 10px}.activityMain{display:flex;gap:8px;flex-wrap:wrap}.activityMetric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:12px;flex:1 1 170px;font-size:14px}.activityMetric strong{font-size:24px;line-height:1}.activity-positive{background:#eaf7ee;color:#228054}.activity-neutral{background:#eef1f7;color:#50678e}.activity-negative{background:#fff0f3;color:#d23864}.activityStats details{margin-top:12px}.activityStats summary{font-size:13px;color:#536b99;cursor:pointer;padding:6px 0}.activityMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.activityMetrics>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e5e8f5;border-radius:10px;background:#fff;font-size:13px;color:#465f88}.activityMetrics strong{font-size:18px;white-space:nowrap}.activityStats>small{display:block;font-size:11px;color:#697a98;margin-top:9px}
.activityFilters{position:relative;flex:1 1 100%;min-width:0}.activityFilters>summary{display:inline-block;padding:10px 14px;border:1px solid #d9dff2;border-radius:9px;cursor:pointer;font-size:14px;background:#fff;color:#415985}.activityFilterGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0}.activityFilterGrid label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#52668b;font-size:12px}.activityFilterGrid input,.activityFilterGrid select{width:100%;min-width:0;min-height:39px;border:1px solid #d9def1;border-radius:9px;padding:8px 10px;background:#fff;color:#263550;box-sizing:border-box}.activityFlagFilters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border:1px solid #e1e5f3;border-radius:10px;padding:12px}.activityFlagFilters legend{font-size:12px;color:#52668b;padding:0 6px}.activityFlagFilters label{flex-direction:row;align-items:center;gap:7px}.activityFlagFilters input[type=checkbox]{width:17px;min-height:17px;flex:0 0 17px;accent-color:#6b55f5}.activityFlagFilters select{width:auto;max-width:180px}.srHeadingActions{display:flex;gap:8px;flex-wrap:wrap}
#requestsView .srMore.activityFilters>div{position:static;min-width:0;width:auto;max-width:none;box-shadow:none;border:0;background:transparent}.srStats.activityStats{grid-template-columns:none}.activityFilters>summary:focus-visible{outline:2px solid #7660ff;outline-offset:2px}
@media(max-width:850px){.activityMetrics,.activityFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.activityFlagFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.activityMetrics,.activityFilterGrid,.activityFlagFilters{grid-template-columns:1fr}.activityStats{padding:12px}.activityMetric{flex-basis:100%}}