/* Voice employee cases: compact list with explicit status and ownership. */
/* Explicit status and ownership columns; status is never inferred from a title. */
body.voice-console-page {background:#f2f6f8!important;color:#172e39;}
body.voice-console-page .ops-container {width:calc(100% - 40px)!important;max-width:1600px!important;margin:18px auto 32px!important;padding:0!important;}
body.voice-console-page.staff-mode .main-header .hero-main {min-height:0!important;padding:0!important;}
body.voice-console-page .voice-streams .voice-stream.is-selected {border:2px solid #008c80!important;background:#f3fffc!important;border-radius:14px!important;}
body.voice-console-page.staff-mode .main-header {background:#112f3b!important;border:0!important;border-radius:20px!important;box-shadow:none!important;padding:26px 30px!important;min-height:0!important;margin-bottom:20px!important;}
body.voice-console-page.staff-mode .main-header h1 {font:750 clamp(26px,3vw,38px)/1.15 system-ui!important;letter-spacing:-1.3px!important;}
body.voice-console-page.staff-mode .hero-kicker {color:#72dccb!important;letter-spacing:2px!important;font-size:10px!important;}
body.voice-console-page.staff-mode .main-header .txt-muted {color:#bfd1d8!important;font-size:13px!important;font-weight:400!important;}
body.voice-console-page.staff-mode .logo-wrapper {display:none!important;}
.voice-streams {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;}
.voice-streams .voice-stream {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#fff;border:1px solid #dbe4e9;border-radius:14px;text-align:left;color:#405763;cursor:pointer;box-shadow:0 3px 12px #16354305;}
.voice-stream strong {display:block;font:700 17px/1.4 system-ui;}
.voice-stream small {display:block;margin-top:4px;color:#6a7f8c;font-size:12px;}
.voice-stream b {font:750 30px/1 system-ui;padding:10px 15px;border-radius:12px;background:#edf2f6;color:#385563;}
.voice-stream.is-selected {border:2px solid #008c80;background:#f3fffc;padding:19px 23px;}
.voice-stream.is-selected b {background:#008c80;color:white;}
.voice-stream:focus-visible {outline:3px solid #386bc7;outline-offset:3px;}
body.voice-console-page #app .panel-nav {border:1px solid #dce6eb!important;border-radius:18px!important;box-shadow:0 8px 28px #183b4b06!important;background:white!important;min-height:0!important;}
body.voice-console-page #app .panel-nav .panel-head {background:white!important;padding:20px 24px!important;border-bottom:1px solid #edf1f4!important;}
body.voice-console-page #app .panel-nav .panel-head h2 {font:700 20px/1.3 system-ui!important;letter-spacing:-.4px;}
body.voice-console-page #app .panel-kicker {font-size:9px!important;letter-spacing:1.5px!important;color:#6c8490!important;}
body.voice-console-page #app .admin-queue-tools {margin:0!important;padding:14px 20px!important;background:#fff!important;border:0!important;border-bottom:1px solid #edf1f4!important;border-radius:0!important;gap:16px!important;}
body.voice-console-page #app .queue-tab-bar {gap:8px!important;background:transparent!important;}
body.voice-console-page #app .queue-tab {display:flex!important;justify-content:center;align-items:center;gap:12px!important;min-height:40px!important;background:#f4f7f9!important;border:1px solid transparent!important;border-radius:9px!important;color:#506977!important;}
body.voice-console-page #app .queue-tab.active {background:#153c4b!important;color:white!important;}
body.voice-console-page #app .queue-tab span {font:600 12px system-ui!important;}
body.voice-console-page #app .queue-tab strong {font:750 15px system-ui!important;color:inherit!important;}
body.voice-console-page #app .list-controls {padding:14px 20px!important;background:#fafcfd!important;border:0!important;box-shadow:none!important;gap:12px!important;}
body.voice-console-page #app .toolbar {border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
body.voice-console-page #app .list {min-height:180px!important;height:auto!important;max-height:none!important;padding:0 16px 16px!important;background:#fff!important;}
body.voice-console-page #app .mail-list-head {padding:12px 14px!important;background:white!important;color:#81939e!important;font:650 10px system-ui!important;letter-spacing:1px!important;}
body.voice-console-page #app .mail-row {padding:14px!important;border:1px solid #e4ebef!important;border-left:3px solid #bfd3df!important;border-radius:10px!important;background:#fff!important;margin:0 0 7px!important;box-shadow:none!important;min-height:70px!important;}
body.voice-console-page #app .mail-row:hover,body.voice-console-page #app .mail-row:focus-visible {background:#f2fbf9!important;border-color:#56b9ae!important;}
body.voice-console-page #app .mail-row.new-item {border-left-color:#11a48e!important;}
body.voice-console-page #app .mail-row-name,body.voice-console-page #app .mail-row-title {font:650 13px/1.4 system-ui!important;}
body.voice-console-page #app .mail-row-meta-text {display:inline!important;background:transparent!important;padding:0!important;font:500 11px/1.5 ui-monospace,monospace!important;color:#748995!important;}
body.voice-console-page #app .voice-queue-avatar {border:0!important;border-radius:11px!important;background:#eaf3f6!important;color:#38637a!important;width:38px!important;height:38px!important;}
body.voice-console-page .modal {border-radius:18px!important;box-shadow:0 30px 80px #102c3c33!important;}
body.voice-console-page #app .mail-list-head,body.voice-console-page #app .mail-row {display:grid!important;grid-template-columns:minmax(200px,1.35fr) minmax(160px,1.1fr) 140px minmax(145px,1fr) 100px 20px!important;align-items:center!important;gap:18px!important;}
body.voice-console-page #app .mail-row {min-height:76px!important;padding:14px 18px!important;border-left:1px solid #e4ebef!important;}
body.voice-console-page #app .mail-row::after {display:none!important;}
body.voice-console-page #app .mail-row-col {min-width:0!important;}
body.voice-console-page #app .mail-row-col-name {display:flex!important;gap:12px!important;}
body.voice-console-page #app .voice-queue-person {display:grid;gap:4px;min-width:0;}
body.voice-console-page #app .mail-row-name {font-size:14px!important;}
body.voice-console-page #app .mail-row-title {white-space:normal!important;line-height:1.45!important;font-weight:550!important;}
body.voice-console-page #app .mail-row-col-assigned {display:block!important;}
body.voice-console-page #app .voice-list-status {display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font:700 12px/1.2 system-ui;white-space:nowrap;background:#edf1f5;color:#526373;}
.voice-list-status i {width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
body.voice-console-page #app .voice-list-status.is-new {background:#eaf2ff;color:#245bb0;}
body.voice-console-page #app .voice-list-status.is-assigned {background:#f0eaff;color:#7545b0;}
body.voice-console-page #app .voice-list-status.is-in_progress {background:#fff3da;color:#915b04;}
body.voice-console-page #app .voice-list-status.is-closed {background:#e5f6eb;color:#237b49;}
body.voice-console-page #app .voice-list-status.is-void {background:#edf0f3;color:#5c6775;}
body.voice-console-page #app .voice-assignee-label {font:600 12px/1.5 system-ui;color:#3b5766;white-space:normal;}
body.voice-console-page #app .voice-assignee-label.is-unassigned {color:#8a96a1;font-weight:400;}
body.voice-console-page #app .mail-row-date {font:500 12px system-ui!important;color:#728591!important;white-space:nowrap;}
body.voice-console-page #app .voice-date-column {display:block!important;}
@media(max-width:1100px){body.voice-console-page #app .mail-list-head,body.voice-console-page #app .mail-row{grid-template-columns:minmax(160px,1.2fr) minmax(130px,1fr) 130px minmax(120px,.8fr) 20px!important;gap:12px!important;}body.voice-console-page #app .voice-date-column,body.voice-console-page #app .mail-list-head>span:nth-child(5){display:none!important;}}
@media(max-width:700px){body.voice-console-page #app .mail-list-head{display:none!important;}body.voice-console-page #app .mail-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px 12px!important;padding:14px!important;}body.voice-console-page #app .mail-row-col-name{grid-column:1;grid-row:1;}body.voice-console-page #app .voice-status-column{grid-column:2;grid-row:1;}body.voice-console-page #app .mail-row-col-subject{grid-column:1;grid-row:2;}body.voice-console-page #app .mail-row-col-assigned{grid-column:1;grid-row:3;}body.voice-console-page #app .voice-queue-open{grid-column:2;grid-row:2 / 4;}body.voice-console-page #app .voice-list-status{padding:7px 9px;font-size:11px;}}
@media(max-width:700px){body.voice-console-page .ops-container{width:calc(100% - 20px)!important;margin-top:12px!important;}.voice-streams{gap:8px;}.voice-streams .voice-stream{padding:14px 12px;gap:8px;}.voice-stream strong{font-size:13px;}.voice-stream small{display:none;}.voice-stream b{font-size:22px;padding:8px;}body.voice-console-page #app .admin-queue-tools{padding:10px!important;gap:8px!important;}body.voice-console-page #app .queue-tab{gap:5px!important;}body.voice-console-page #app .queue-tab span{font-size:10px!important;}body.voice-console-page.staff-mode .main-header{padding:22px!important;}}
/* Reserve the fixed navigation height instead of centering behind it. */
/* A public reply marker, independent of case status and unread/seen state. */
body.voice-console-page #app .voice-case-code {display:flex;align-items:center;gap:0;}
body.voice-console-page #app .voice-response-indicator {display:inline-flex;align-items:center;justify-content:center;flex:0 0 8px;width:8px;height:16px;margin-inline-start:5px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:#dc2626!important;font:900 16px/1 system-ui,sans-serif;vertical-align:middle;}
html[data-dc-theme="dark"] body.voice-console-page #app .voice-response-indicator {color:#f87171!important;}
body.voice-console-page #caseActionsOverlay {--voice-modal-nav-offset:0px;inset:var(--voice-modal-nav-offset) 0 0!important;box-sizing:border-box!important;padding:12px!important;}
body.voice-console-page.dc-has-shared-nav #caseActionsOverlay {--voice-modal-nav-offset:var(--dc-nav-height,64px);}
body.voice-console-page #caseActionsOverlay .case-workspace-modal,
body.voice-console-page #caseActionsOverlay .modal-inner {min-height:0!important;max-height:calc(100dvh - var(--voice-modal-nav-offset) - 24px)!important;}
/* Compact request-style rows. Keep the status accent visible on hover and selection. */
body.voice-console-page #app .mail-row {--voice-status-accent:#94a3b8;min-height:50px!important;padding:7px 12px!important;margin-bottom:4px!important;border-radius:9px!important;border-left:3px solid var(--voice-status-accent)!important;}
body.voice-console-page #app .mail-row.voice-row-new {--voice-status-accent:#3b82f6;}
body.voice-console-page #app .mail-row.voice-row-assigned {--voice-status-accent:#8b5cf6;}
body.voice-console-page #app .mail-row.voice-row-in_progress {--voice-status-accent:#d69a00;}
body.voice-console-page #app .mail-row.voice-row-closed {--voice-status-accent:#22a06b;}
body.voice-console-page #app .mail-row.voice-row-void {--voice-status-accent:#94a3b8;}
body.voice-console-page #app .mail-row.new-item,body.voice-console-page #app .mail-row:hover,body.voice-console-page #app .mail-row:focus-visible,body.voice-console-page #app .mail-row.selected {border-left-color:var(--voice-status-accent)!important;}
body.voice-console-page #app .mail-row:focus-visible {outline:2px solid #008c80;outline-offset:2px;}
body.voice-console-page #app .mail-row-col-name {gap:9px!important;}
body.voice-console-page #app .voice-queue-avatar {width:28px!important;height:28px!important;flex:0 0 28px!important;border:1px solid #b7e0d8!important;border-radius:7px!important;background:#e2f5ef!important;color:#007e70!important;font-size:10px!important;}
body.voice-console-page #app .voice-queue-person {gap:1px;}
body.voice-console-page #app .mail-row-name {font-size:13px!important;}
body.voice-console-page #app .mail-row-meta-text {font-size:10px!important;}
body.voice-console-page #app .voice-list-status {padding:4px 9px;border-radius:999px;font-size:11px;gap:6px;}
body.voice-console-page #app .voice-queue-open {color:var(--voice-status-accent)!important;}
@media(max-width:700px){body.voice-console-page #app .mail-row{padding:10px 12px!important;gap:6px 10px!important;}body.voice-console-page #app .voice-list-status{padding:5px 8px;}body.voice-console-page #app .voice-assignee-label{font-size:11px;}}