/* Compact directory rows; existing action handlers and phone controls are retained. */
html body :is(#agents,#extensions,#managedTenants,#domainLinks){display:flex!important;flex-direction:column;gap:0!important;width:100%;min-width:0}
html body .dp-directory-row{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(190px,1.2fr) auto;align-items:center;gap:16px!important;padding:12px!important;margin:0!important;border-radius:0!important;border-width:0 0 1px!important;min-width:0;width:100%;box-sizing:border-box;box-shadow:none!important}
.dp-directory-row>strong{font-size:14px;overflow-wrap:anywhere}.dp-directory-row>.muted{overflow-wrap:anywhere;min-width:0}
.dp-row-actions{margin:0;position:relative}.dp-row-actions>summary{display:none;cursor:pointer;padding:9px 12px;border:1px solid var(--ui-border);border-radius:7px;list-style:none}
html body .dp-directory-row .row-action-buttons{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}
html body .dp-directory-row .row-action-buttons button{width:auto!important;min-height:36px;white-space:nowrap;margin:0!important;padding:7px 10px!important;font-size:13px!important;border-radius:7px}
.dp-directory-row .row-action-buttons .actions{display:contents}
html body .dp-directory-row:hover{background:var(--ui-page)!important}
html body :is(#agentForm,#extensionForm){align-items:end;gap:12px}
html body :is(#agentForm,#extensionForm)>button{min-height:42px;margin-bottom:0}
html body #platformLive{padding:18px;min-width:0}
.dp-monitor-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.dp-monitor-heading h2{margin:0}
.dp-monitor-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dp-monitor-tools input{max-width:300px}
.dp-monitor-table{overflow:auto;max-width:100%;margin-top:14px}.dp-monitor-table table{width:100%;border-collapse:collapse;min-width:880px}.dp-monitor-table th,.dp-monitor-table td{text-align:left;padding:12px;border-bottom:1px solid var(--ui-border);white-space:nowrap}.dp-monitor-table th{font-weight:600}.dp-monitor-table td:first-child{white-space:normal;min-width:160px}
.dp-monitor-note{font-size:12px;color:var(--ui-muted)}.dp-monitor-health{margin:10px 0;min-height:20px}
html body dialog{max-width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}
@media(max-width:1200px){
 html body .dp-directory-row{grid-template-columns:minmax(120px,1fr) minmax(160px,1fr) auto}
 .dp-row-actions>summary{display:block}
 html body .dp-row-actions:not([open])>.row-action-buttons{display:none}
 html body .dp-row-actions[open]>.row-action-buttons{display:flex;flex-direction:column;align-items:stretch;position:absolute;right:0;top:100%;z-index:60;min-width:210px;padding:10px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 8px 24px #0003}
 html body .dp-row-actions .row-action-buttons button{min-height:42px;text-align:left}
}
@media(max-width:600px){html body .dp-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:6px!important;padding:12px 8px!important}.dp-directory-row>.muted{grid-column:1;grid-row:2}.dp-row-actions{grid-column:2;grid-row:1 / span 2}.dp-monitor-tools input{max-width:100%;width:100%}.dp-monitor-heading{align-items:flex-start}}
html body #platformLive .dp-monitor-tools{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px}
html body #platformLive .dp-monitor-tools button{width:auto!important;min-height:40px!important;margin:0!important;flex:0 0 auto}
html body #platformLive .dp-monitor-tools input{width:240px!important;min-width:0;min-height:40px!important;margin:0!important}
html body :is(#agentForm,#extensionForm)>button{height:42px!important;min-height:42px!important}
@media(max-width:600px){html body #platformLive .dp-monitor-tools{width:100%}html body #platformLive .dp-monitor-tools input{flex:1;width:100%!important}}


/* corporate-preview.css */
/* Digipillar corporate direction preview. Presentation only: no live API or call-flow changes.
   Extend the existing workspace layer so old unlayered !important rules cannot
   reintroduce mismatched colors. The earlier visibility layer remains authoritative. */
@layer workspace {
  html[data-dp-theme] {
    --cp-page:#f3f6fb; --cp-surface:#ffffff; --cp-raised:#ffffff;
    --cp-text:#14243b; --cp-muted:#53657d; --cp-line:#dce4ee;
    --cp-primary:#145bc7; --cp-on-primary:#ffffff; --cp-accent:#145bc7;
    --cp-soft:#eaf1fc; --cp-hover:#eef3fa; --cp-field-border:#8191a8;
    --cp-nav:#102443; --cp-nav-text:#d5e2f5; --cp-nav-selected:#234b82;
    --cp-nav-hover:#1a365d; --cp-nav-muted:#afc3e0;
    --cp-success:#087754; --cp-warning:#845200; --cp-danger:#b42d45;
    --cp-focus:#145bc7; --cp-shadow:0 2px 8px rgb(21 41 77 / 4%);
    --cp-menu-shadow:0 16px 48px rgb(18 38 72 / 16%);
    --ui-page:var(--cp-page)!important; --ui-surface:var(--cp-surface)!important;
    --ui-raised:var(--cp-raised)!important; --ui-input:var(--cp-surface)!important;
    --ui-text:var(--cp-text)!important; --ui-muted:var(--cp-muted)!important;
    --ui-border:var(--cp-line)!important; --ui-nav:var(--cp-page)!important;
    --ui-selected:var(--cp-soft)!important; --ui-hover:var(--cp-hover)!important;
    --ui-accent:var(--cp-accent)!important; --ui-shadow:var(--cp-shadow)!important;
    --ui-disabled:#edf0f5!important; --ui-disabled-text:#627089!important;
    --switch-nav:var(--cp-nav)!important; --switch-nav-text:var(--cp-nav-text)!important;
    --switch-active:var(--cp-nav-selected)!important; --switch-active-text:#ffffff!important;
    --switch-hover:var(--cp-nav-hover)!important;
    --ws-primary:var(--cp-primary)!important; --ws-on-primary:var(--cp-on-primary)!important;
    --ws-focus:var(--cp-focus)!important; --ws-field-border:var(--cp-field-border)!important;
    --ws-success:var(--cp-success)!important; --ws-danger:var(--cp-danger)!important;
    --ws-alert:var(--cp-warning)!important;
  }
  html[data-dp-theme=dark] {
    --cp-page:#070f2b; --cp-surface:#0d1c42; --cp-raised:#142751;
    --cp-text:#f4f6fd; --cp-muted:#bbc9df; --cp-line:#2b426b;
    --cp-primary:#94beff; --cp-on-primary:#081b39; --cp-accent:#a2c8ff;
    --cp-soft:#1c3460; --cp-hover:#19335e; --cp-field-border:#8195b3;
    --cp-nav:#010736; --cp-nav-text:#dce6f8; --cp-nav-selected:#22396f;
    --cp-nav-hover:#14264f; --cp-nav-muted:#b2c1de;
    --cp-success:#7fe0b4; --cp-warning:#f7cc79; --cp-danger:#ff9aac;
    --cp-focus:#fcf1d0; --cp-shadow:0 2px 8px rgb(0 0 0 / 10%);
    --cp-menu-shadow:0 16px 48px rgb(0 0 0 / 32%);
    --ui-disabled:#1b2a49!important; --ui-disabled-text:#b4c0d4!important;
  }

  html[data-ws-accessibility] body {
    background:var(--cp-page)!important; color:var(--cp-text)!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
    font-size:13px!important; line-height:1.5!important; -webkit-font-smoothing:antialiased;
  }
  html[data-ws-accessibility] :is(button,input,select,textarea,summary,label,table,h1,h2,h3,h4,p,small,a) {
    font-family:inherit!important;
  }
  html[data-ws-accessibility] :is(h1,h2,h3,h4) {color:var(--cp-text)!important;letter-spacing:-.025em!important;}
  html[data-ws-accessibility] :is(p,label,legend) {color:var(--cp-text)!important;}
  html[data-ws-accessibility] main :is(small,.muted,.section-note,.bcHelp) {color:var(--cp-muted)!important;}
  html[data-ws-accessibility] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
    outline:3px solid var(--cp-focus)!important; outline-offset:3px!important;
  }

  /* The logo belongs to the same continuous header as the controls. */
  html[data-ws-accessibility] body>header {
    background:var(--cp-surface)!important; border-bottom:1px solid var(--cp-line)!important;
    box-shadow:0 1px 6px rgb(19 40 72 / 3%)!important; padding-inline:20px!important;
    gap:16px!important;
  }
  html[data-ws-accessibility] body>header .brand-logo {filter:none!important;}
  html[data-ws-accessibility] body>header :is(button,summary):not(.presence-options button) {
    color:var(--cp-muted)!important; border-radius:10px!important;
  }
  html[data-ws-accessibility] body>header :is(button,summary):hover {background:var(--cp-hover)!important;color:var(--cp-text)!important;}
  html[data-ws-accessibility] body>header [data-ws-nav-toggle] {
    border:1px solid var(--cp-line)!important; background:var(--cp-surface)!important;
    color:var(--cp-text)!important;
  }
  html[data-ws-accessibility] body>header :is(.account-trigger,#controllerAccountToggle) {
    display:flex!important; align-items:center!important;gap:9px!important;
    background:var(--cp-soft)!important;color:var(--cp-text)!important;
    padding:8px 12px!important;font-size:13px!important;font-weight:600!important;border-radius:10px!important;
  }
  html[data-ws-accessibility] body>header :is(.account-trigger,#controllerAccountToggle)::before {
    content:"";display:block;flex:0 0 18px;width:18px;height:18px;background:var(--cp-accent);
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  html[data-ws-accessibility] body>header :is(.account-dropdown,#controllerDropdown,.ws-header-actions-panel) {
    background:var(--cp-raised)!important;border:1px solid var(--cp-line)!important;
    border-radius:14px!important;box-shadow:var(--cp-menu-shadow)!important;padding:8px!important;
  }
  html[data-ws-accessibility] body>header :is(.account-dropdown,#controllerDropdown)>:is(button,a) {
    color:var(--cp-text)!important;border-radius:8px!important;font-weight:500!important;
  }
  html[data-ws-accessibility] body>header :is(.account-dropdown,#controllerDropdown)>:is(button,a):hover {
    background:var(--cp-hover)!important;
  }
  html[data-ws-accessibility] .cp-role-badge {
    display:inline-flex;align-items:center;flex:none;padding:4px 0 4px 16px;
    border-left:1px solid var(--cp-line);color:var(--cp-muted);font-size:12px;
    line-height:20px;font-weight:600;white-space:nowrap;
  }
  html[data-ws-accessibility] body>header #agentPresence>summary {
    background:var(--cp-soft)!important;border-radius:20px!important;
    padding:8px 12px!important;color:var(--cp-text)!important;font-size:13px!important;font-weight:600!important;
  }
  html[data-ws-accessibility] #agentPresence .presence-options {
    background:var(--cp-raised)!important;border:1px solid var(--cp-line)!important;
    box-shadow:var(--cp-menu-shadow)!important;border-radius:14px!important;padding:6px!important;
  }
  html[data-ws-accessibility] #agentPresence .presence-options button {
    background:transparent!important;color:var(--cp-text)!important;border-radius:8px!important;
  }
  html[data-ws-accessibility] #agentPresence .presence-options button:hover,
  html[data-ws-accessibility] #agentPresence .presence-options button[aria-selected=true] {
    background:var(--cp-hover)!important;
  }

  /* A single navigation treatment for platform, tenant and agent workspaces. */
  html[data-ws-accessibility] body[data-ws-nav-mode] .dp-navigation {
    background:var(--cp-nav)!important;border-right:1px solid rgb(255 255 255 / 5%)!important;
    color:var(--cp-nav-text)!important;
  }
  html[data-ws-accessibility] .dp-navigation .ws-nav-items {padding:16px 12px!important;scrollbar-color:#4c658a transparent!important;}
  html[data-ws-accessibility] body[data-ws-nav-mode] .dp-navigation button.secondary:not(.active):not([aria-current=page]):not([aria-selected=true]) {
    background:transparent!important;color:var(--cp-nav-text)!important;
  }
  html[data-ws-accessibility] body[data-ws-nav-mode] .dp-navigation button.secondary:not(.active):not([aria-current=page]):not([aria-selected=true]):hover {
    background:var(--cp-nav-hover)!important;
  }
  html[data-ws-accessibility] .dp-navigation .ws-nav-items::-webkit-scrollbar-thumb {background:#4c658a!important;}
  html[data-ws-accessibility] .dp-navigation :is(button,summary) {
    min-height:42px!important;padding:10px 12px!important;margin:3px 0!important;gap:12px!important;
    border-radius:9px!important;color:var(--cp-nav-text)!important;font-size:13px!important;
    line-height:20px!important;font-weight:500!important;
  }
  html[data-ws-accessibility] .dp-navigation :is(.dp-label,.dp-icon) {color:inherit!important;font-size:13px!important;}
  html[data-ws-accessibility] .dp-navigation .dp-icon {width:19px!important;height:19px!important;min-width:19px!important;flex-basis:19px!important;}
  html[data-ws-accessibility] .dp-navigation :is(button,summary):hover {background:var(--cp-nav-hover)!important;color:#fff!important;}
  html[data-ws-accessibility] .dp-navigation :is(button.active,[aria-current=page],[aria-selected=true]) {
    background:var(--cp-nav-selected)!important;color:#fff!important;font-weight:650!important;
    box-shadow:inset 3px 0 #91bfff!important;
  }
  html[data-ws-accessibility] .dp-navigation :is(button,summary):focus-visible {outline:3px solid #fcf1d0!important;outline-offset:-3px!important;}
  html[data-ws-accessibility] .dp-navigation :is(button.active,[aria-current=page],[aria-selected=true]):focus-visible {outline-color:#fcf1d0!important;}
  html[data-ws-accessibility] .dp-navigation :is(details>button,.tenant-nav-children>button) {
    font-size:13px!important;border-radius:8px!important;margin-block:2px!important;min-height:40px!important;
  }
  html[data-ws-accessibility] .dp-navigation details.has-active>summary {color:#fff!important;}
  html[data-ws-accessibility] .dp-navigation :is(p,.aw-eyebrow,.tenant-nav-unavailable,.tenant-nav-unavailable small) {
    color:var(--cp-nav-muted)!important;font-size:11px!important;line-height:1.5!important;
    padding:8px 12px!important;
  }
  html[data-ws-accessibility] .dp-navigation .aw-eyebrow {letter-spacing:.09em!important;font-weight:650!important;}
  html[data-ws-accessibility] .dp-navigation .ws-nav-footer {
    padding:10px 12px!important;background:var(--cp-nav)!important;border-top:1px solid rgb(255 255 255 / 12%)!important;
  }
  html[data-ws-accessibility] .dp-navigation .ws-auto-hide {min-height:40px!important;padding:8px!important;font-size:12px!important;color:var(--cp-nav-muted)!important;}
  html[data-ws-accessibility] .ws-switch-track {border:1px solid #a6b8d0!important;background:#425a7b!important;}
  html[data-ws-accessibility] [aria-checked=true]>.ws-switch-track {background:#3478ca!important;}
  html[data-ws-accessibility] .ws-switch-thumb {background:#fff!important;}
  html[data-ws-accessibility] .ws-auto-value {font-weight:650!important;font-size:10px!important;letter-spacing:.04em!important;color:var(--cp-nav-text)!important;}
  html[data-ws-accessibility] body[data-ws-nav-mode=desktop][data-ws-nav-state=rail] .dp-navigation .ws-nav-items {padding-inline:8px!important;}
  html[data-ws-accessibility] body[data-ws-nav-mode=desktop][data-ws-nav-state=rail] .dp-navigation .ws-nav-footer {padding-inline:8px!important;}
  html[data-ws-accessibility] .ws-drawer-heading {color:#fff!important;border-bottom-color:rgb(255 255 255 / 12%)!important;}

  /* Consistent controls and management surfaces. Detailed workspace components
     are kept in the separate preview component sheet. */
  html[data-ws-accessibility] :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not(#dialWidget *) {
    background:var(--cp-surface)!important;color:var(--cp-text)!important;border:1px solid var(--cp-field-border)!important;
    border-radius:8px!important;box-shadow:none!important;padding:9px 12px!important;min-height:40px!important;
  }
  html[data-ws-accessibility] :is(input,textarea)::placeholder {color:var(--cp-muted)!important;opacity:1!important;}
  html[data-ws-accessibility] :is(input,select,textarea)[aria-invalid=true] {border-color:var(--cp-danger)!important;}
  html[data-ws-accessibility] :is(main,dialog) button:not(.key):not(.aw-key):not(.dial-fab):not(#dialWidget button):not(.dp-navigation button) {
    min-height:38px!important;padding:8px 14px!important;border-radius:8px!important;font-size:13px!important;
    font-weight:600!important;line-height:20px!important;box-shadow:none!important;
  }
  html[data-ws-accessibility] :is(main,dialog) button.secondary:not(:disabled):not(.dp-navigation button) {
    background:var(--cp-soft)!important;color:var(--cp-text)!important;border:1px solid transparent!important;
  }
  html[data-ws-accessibility] :is(main,dialog) button.secondary:not(:disabled):not(.dp-navigation button):hover {background:var(--cp-hover)!important;}
  html[data-ws-accessibility] :is(.card,.activity-panel,.floor-panel,.quality-panel,.tenant,.item,.log-workspace,dialog,[role=dialog]) {
    background:var(--cp-surface)!important;color:var(--cp-text)!important;border-color:var(--cp-line)!important;
    border-radius:14px!important;box-shadow:var(--cp-shadow)!important;
  }
  html[data-ws-accessibility] :is(dialog,.dp-management-dialog) {box-shadow:var(--cp-menu-shadow)!important;}
  html[data-ws-accessibility] table {color:var(--cp-text)!important;font-variant-numeric:tabular-nums;}
  html[data-ws-accessibility] table th {
    background:var(--cp-page)!important;color:var(--cp-muted)!important;border-color:var(--cp-line)!important;
    font-size:12px!important;font-weight:650!important;letter-spacing:.015em!important;padding:11px 14px!important;
  }
  html[data-ws-accessibility] table td {border-color:var(--cp-line)!important;padding:13px 14px!important;font-size:13px!important;}
  html[data-ws-accessibility] table tbody tr {background:var(--cp-surface)!important;}
  html[data-ws-accessibility] table tbody tr:nth-child(even) {background:var(--cp-surface)!important;}
  html[data-ws-accessibility] table tbody tr:hover {background:var(--cp-hover)!important;}

  @media(max-width:1100px) {html[data-ws-accessibility] .cp-role-badge {display:none!important;}}
  @media(max-width:700px) {
    html[data-ws-accessibility] body.aw-active.presence-active #agentPresence>summary {min-height:36px!important;padding-block:7px!important;}
  }
  @media(max-width:600px) {
    html[data-ws-accessibility] body>header {padding-inline:12px!important;gap:8px!important;}
    html[data-ws-accessibility] body>header :is(.account-trigger,#controllerAccountToggle) {padding:8px 6px!important;gap:6px!important;}
    html[data-ws-accessibility] body>header :is(.account-trigger,#controllerAccountToggle)::before {display:none;}
    html[data-ws-accessibility] :is(main,dialog) :is(input,select,textarea):not(#dialWidget input) {font-size:16px!important;min-height:44px!important;}
    html[data-ws-accessibility] :is(main,dialog) button:not(.key):not(.aw-key):not(.dial-fab):not(#dialWidget button):not(.dp-navigation button) {min-height:44px!important;}
  }
  @media(max-width:359px) {html[data-ws-accessibility] body>header {gap:6px!important;padding-inline:8px!important;}}
  @media(prefers-reduced-motion:reduce) {html[data-ws-accessibility] *,html[data-ws-accessibility] *::before,html[data-ws-accessibility] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
  @media(forced-colors:active) {
    html[data-ws-accessibility] body>header :is(.account-trigger,#controllerAccountToggle)::before {background:ButtonText!important;}
    html[data-ws-accessibility] .dp-navigation :is(button.active,[aria-current=page]) {outline:2px solid Highlight!important;}
    html[data-ws-accessibility] .ws-switch-track {border-color:ButtonText!important;}
  }
}

/* corporate-components.css */
/* Corporate workspace preview. Presentation only; preserves live data and call state. */
@layer workspace {
  html[data-dp-theme] {
    --cp-soft: #f2f6fc;
    --cp-hover: #edf3fc;
    --cp-success-soft: #e9f7f0;
    --cp-warning-soft: #fff4df;
    --cp-danger-soft: #fff0f2;
    --cp-purple: #6441af;
    --cp-purple-soft: #f2edfd;
    --cp-shadow: 0 2px 7px rgb(20 36 59 / 3%);
  }
  html[data-dp-theme=dark] {
    --cp-soft: #142751;
    --cp-hover: #1c335b;
    --cp-success-soft: #123c35;
    --cp-warning-soft: #3d311f;
    --cp-danger-soft: #3d223c;
    --cp-purple: #c9b5ff;
    --cp-purple-soft: #302957;
    --cp-shadow: 0 2px 7px rgb(0 0 0 / 12%);
  }

  /* Tenant overview: live operational metrics, followed by daily results. */
  html[data-dp-theme] body #activityDashboard {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    padding: 0 !important; margin: 0 !important; min-width: 0 !important;
  }
  html[data-dp-theme] #activityDashboard .activity-heading {
    align-items: center !important; gap: 20px !important; margin: 0 0 16px !important;
  }
  html[data-dp-theme] #activityDashboard .activity-heading h2 {
    color: var(--cp-text) !important; font-size: 22px !important;
    font-weight: 650 !important; line-height: 1.25 !important; margin: 0 0 6px !important;
  }
  html[data-dp-theme] #activityDashboard .activity-heading p {
    color: var(--cp-muted) !important; font-size: 13px !important; margin: 0 0 7px !important;
  }
  html[data-dp-theme] #activityHealth {
    display: inline-block !important; color: var(--cp-success) !important;
    font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important;
  }
  html[data-dp-theme] #activityHealth.error {color: var(--cp-danger) !important;}
  html[data-dp-theme] #activityDashboard #activityMetrics {
    display: grid !important; grid-template-columns: repeat(30,minmax(0,1fr)) !important;
    gap: 12px !important; margin: 0 0 16px !important; align-items: stretch !important;
  }
  html[data-dp-theme] #activityMetrics > .activity-metric:nth-child(n) {
    grid-column: span 5 !important; display: grid !important;
    grid-template-columns: minmax(0,1fr) 30px !important;
    grid-template-rows: auto auto 1fr !important; gap: 6px 8px !important;
    background: var(--cp-surface) !important; color: var(--cp-text) !important;
    border: 1px solid var(--cp-line) !important; border-radius: 14px !important;
    box-shadow: var(--cp-shadow) !important; min-height: 118px !important;
    height: auto !important; margin: 0 !important; padding: 13px 14px !important;
    min-width: 0 !important; overflow-wrap: anywhere !important;
  }
  html[data-dp-theme] #activityMetrics > .activity-metric:nth-child(-n+5) {grid-column:span 6 !important;}
  html[data-dp-theme] #activityMetrics > .activity-metric > span {
    grid-area:1 / 1 !important; align-self:center !important;
    color: var(--cp-muted) !important; font-size:12px !important;
    font-weight:550 !important; line-height:1.4 !important; margin:0 !important;
  }
  html[data-dp-theme] #activityMetrics > .activity-metric > strong {
    grid-area:2 / 1 / auto / -1 !important; color:var(--cp-text) !important;
    font-size:24px !important; font-weight:650 !important; letter-spacing:-.7px !important;
    line-height:1.1 !important; margin:0 !important; font-variant-numeric:tabular-nums !important;
  }
  html[data-dp-theme] #activityMetrics > .activity-metric > small {
    grid-area:3 / 1 / auto / -1 !important; align-self:end !important;
    color:var(--cp-muted) !important; font-size:12px !important; line-height:1.45 !important;
    margin:0 !important; white-space:normal !important;
  }
  html[data-dp-theme] #activityMetrics > .activity-metric > .manager-metric-icon {
    position:static !important; grid-area:1 / 2 !important; width:30px !important;
    height:30px !important; padding:6px !important; margin:0 !important;
    background:var(--cp-soft) !important; color:var(--cp-primary) !important;
    stroke:currentColor !important; stroke-width:1.7 !important; fill:none !important;
    border-radius:9px !important;
  }
  html[data-dp-theme] #activityMetrics > [data-color=green] > .manager-metric-icon,
  html[data-dp-theme] #activityMetrics > [data-color=teal] > .manager-metric-icon {
    background:var(--cp-success-soft) !important; color:var(--cp-success) !important;
  }
  html[data-dp-theme] #activityMetrics > [data-color=purple] > .manager-metric-icon {
    background:var(--cp-purple-soft) !important; color:var(--cp-purple) !important;
  }
  html[data-dp-theme] #activityMetrics > [data-color=orange] > .manager-metric-icon {
    background:var(--cp-warning-soft) !important; color:var(--cp-warning) !important;
  }
  html[data-dp-theme] #activityMetrics > [data-color=red] > .manager-metric-icon {
    background:var(--cp-danger-soft) !important; color:var(--cp-danger) !important;
  }
  html[data-dp-theme] #activityDashboard .activity-columns {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important; margin:0 0 16px !important; align-items:stretch !important;
  }
  html[data-dp-theme] #activityDashboard .activity-panel {
    background:var(--cp-surface) !important; color:var(--cp-text) !important;
    border:1px solid var(--cp-line) !important; border-radius:14px !important;
    box-shadow:var(--cp-shadow) !important; padding:16px !important; margin:0 !important;
    min-width:0 !important; grid-column:auto !important;
  }
  html[data-dp-theme] #activityDashboard .activity-panel h3 {
    color:var(--cp-text) !important; font-size:15px !important; font-weight:600 !important;
    margin:0 0 7px !important; line-height:1.4 !important;
  }
  html[data-dp-theme] #activityDashboard .activity-panel > p {
    font-size:13px !important; line-height:1.5 !important; color:var(--cp-muted) !important;
    margin:0 0 8px !important; min-height:0 !important;
  }
  html[data-dp-theme] #activityDashboard .activity-list {max-height:352px !important; scrollbar-width:thin !important;}
  html[data-dp-theme] #activityDashboard .activity-row {
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    gap:12px !important; padding:10px 0 !important; font-size:13px !important;
    background:transparent !important; border:0 !important; border-bottom:1px solid var(--cp-line) !important;
    border-radius:0 !important; box-shadow:none !important; color:var(--cp-text) !important;
  }
  html[data-dp-theme] #activityDashboard .activity-row:last-child {border-bottom:0 !important;}
  html[data-dp-theme] #activityDashboard .activity-row > div:first-child {min-width:0 !important; overflow-wrap:anywhere !important;}
  html[data-dp-theme] #activityDashboard .activity-row small {font-size:13px !important; color:var(--cp-muted) !important; margin-top:4px !important;}
  html[data-dp-theme] #activityDashboard .activity-panel:has(#activityAgents) {grid-column:1 / -1 !important;}
  html[data-dp-theme] #activityDashboard #activityAgents {max-height:284px !important;}
  html[data-dp-theme] #activityDashboard #activityAgents .activity-row {
    min-height:40px !important; padding:6px 0 !important; gap:16px !important;
  }
  html[data-dp-theme] #activityDashboard .agent-identity {
    display:grid !important; grid-template-columns:minmax(0,1fr) 84px !important;
    align-items:center !important; gap:12px !important; flex:1 1 auto !important;
  }
  html[data-dp-theme] #activityDashboard .agent-name {
    min-width:0 !important; font-size:13px !important; font-weight:550 !important;
    line-height:1.5 !important; overflow-wrap:anywhere !important;
  }
  html[data-dp-theme] #activityDashboard .agent-identity .agent-extension {
    margin:0 !important; font-size:12px !important; font-variant-numeric:tabular-nums !important;
  }
  html[data-dp-theme] #activityDashboard .agent-state-detail {
    display:grid !important; grid-template-columns:148px 76px !important;
    align-items:center !important; gap:16px !important; flex:0 0 auto !important;
  }
  html[data-dp-theme] #activityDashboard .agent-state-detail > .activity-badge {
    grid-column:1 !important; grid-row:1 !important; justify-self:start !important;
  }
  html[data-dp-theme] #activityDashboard .agent-state-detail > .agent-state-timer {
    grid-column:2 !important; grid-row:1 !important; text-align:right !important;
    font-variant-numeric:tabular-nums !important;
  }
  html[data-dp-theme] #activityDashboard .agent-state-timer {font-size:13px !important; color:var(--cp-muted) !important; font-weight:550 !important;}
  html[data-dp-theme] #activityDashboard .activity-badge {
    background:var(--cp-soft) !important; color:var(--cp-muted) !important; border:0 !important;
    border-radius:6px !important; box-shadow:none !important; text-shadow:none !important;
    padding:5px 8px !important; font-size:12px !important; font-weight:600 !important; line-height:1.4 !important;
    white-space:normal !important; text-align:center !important;
  }
  html[data-dp-theme] #activityDashboard :is(.activity-badge.ready,.activity-badge.available) {background:var(--cp-success-soft) !important; color:var(--cp-success) !important;}
  html[data-dp-theme] #activityDashboard :is(.activity-badge.ringing,.activity-badge.not-ready,.activity-badge.after-call-work,.activity-badge.disposition-pending) {background:var(--cp-warning-soft) !important; color:var(--cp-warning) !important;}
  html[data-dp-theme] #activityDashboard :is(.activity-badge.break,.activity-badge.paused) {background:var(--cp-purple-soft) !important; color:var(--cp-purple) !important;}
  html[data-dp-theme] #activityDashboard .activity-badge.on-call {background:var(--cp-soft) !important; color:var(--cp-primary) !important;}
  /* Supervision retains its existing action handlers and accessible action names. */
  html[data-dp-theme] .supervision-actions {
    display:flex !important; flex-flow:row nowrap !important; align-items:center !important;
    justify-content:flex-end !important; gap:6px !important; margin:0 !important;
    width:auto !important; flex:0 0 auto !important;
  }
  html[data-dp-theme] .supervision-actions .supervision-action {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important;
    flex:0 0 40px !important; padding:9px !important; margin:0 !important;
    border:1px solid var(--cp-line) !important; border-radius:8px !important;
    background:var(--cp-soft) !important; color:var(--cp-primary) !important;
    box-shadow:none !important; cursor:pointer !important;
  }
  html[data-dp-theme] .supervision-actions .supervision-action[data-mode=whisper] {
    color:var(--cp-success) !important; background:var(--cp-success-soft) !important;
  }
  html[data-dp-theme] .supervision-actions .supervision-action[data-mode=barge] {
    color:var(--cp-purple) !important; background:var(--cp-purple-soft) !important;
  }
  html[data-dp-theme] .supervision-actions .supervision-action:hover {border-color:currentColor !important; filter:brightness(.98);}
  html[data-dp-theme] .supervision-actions .supervision-action:focus-visible {
    outline:2px solid var(--cp-primary) !important; outline-offset:2px !important;
  }
  html[data-dp-theme] .supervision-action .supervision-icon {
    display:block !important; width:20px !important; height:20px !important; flex:0 0 20px !important;
    padding:0 !important; margin:0 !important; fill:none !important; stroke:currentColor !important;
    stroke-width:1.8 !important; stroke-linecap:round !important; stroke-linejoin:round !important;
  }
  html[data-dp-theme] #activityDashboard .activity-panel:has(#activityCalls),
  html[data-dp-theme] #activityDashboard .activity-panel:has(#activityQueues) {container-type:inline-size;}
  html[data-dp-theme] #activityDashboard .live-call-card {
    display:grid !important; grid-template-columns:minmax(0,1fr) auto 132px !important;
    align-items:center !important; gap:8px 16px !important; padding:6px 0 !important; min-height:52px !important;
  }
  html[data-dp-theme] #activityDashboard .live-call-info {display:contents !important;}
  html[data-dp-theme] #activityDashboard .live-call-info strong {
    grid-column:1 !important; grid-row:1 !important; font-size:13px !important; font-weight:550 !important;
    line-height:1.5 !important; min-width:0 !important; margin:0 !important; overflow-wrap:anywhere !important;
  }
  html[data-dp-theme] #activityDashboard .live-call-meta {
    grid-column:2 !important; grid-row:1 !important; display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
    gap:4px 10px !important; margin:0 !important; font-size:12px !important; line-height:1.5 !important;
    color:var(--cp-muted) !important; min-width:0 !important;
  }
  html[data-dp-theme] #activityDashboard .live-call-meta > span + span::before {display:none !important;}
  html[data-dp-theme] #activityDashboard .live-call-meta .activity-badge {padding:3px 6px !important;}
  html[data-dp-theme] #activityDashboard .live-call-card > .supervision-actions {grid-column:3 !important; grid-row:1 !important;}
  html[data-dp-theme] #activityDashboard #activityQueues .activity-row {min-height:40px !important; padding:6px 0 !important; gap:16px !important;}
  html[data-dp-theme] #activityDashboard #activityQueues .activity-row > div:first-child {display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:16px !important; flex:1 1 auto !important; font-weight:550 !important;}
  html[data-dp-theme] #activityDashboard #activityQueues .activity-row small {
    font-size:12px !important; font-weight:400 !important; line-height:1.5 !important; margin:0 !important;
  }
  html[data-dp-theme] #activityDashboard #activityQueues .activity-row > .activity-badge {flex:0 0 176px !important; max-width:45% !important;}
  /* Reflow only when the available panel width cannot hold all call details. */
  @container (max-width:820px) {
    html[data-dp-theme] #activityDashboard .live-call-card {grid-template-columns:minmax(0,1fr) auto !important;}
    html[data-dp-theme] #activityDashboard .live-call-info strong {grid-column:1 / -1 !important;}
    html[data-dp-theme] #activityDashboard .live-call-meta {grid-column:1 !important; grid-row:2 !important; flex-wrap:wrap !important;}
    html[data-dp-theme] #activityDashboard .live-call-card > .supervision-actions {grid-column:2 !important; grid-row:2 !important;}
  }
  @container (max-width:620px) {
    html[data-dp-theme] #activityDashboard #activityQueues .activity-row > div:first-child {grid-template-columns:minmax(0,1fr) !important; gap:4px !important;}
    html[data-dp-theme] #activityDashboard #activityQueues .activity-row > .activity-badge {flex:0 1 auto !important;}
  }
  @container (max-width:420px) {
    html[data-dp-theme] #activityDashboard .live-call-meta {grid-column:1 / -1 !important;}
    html[data-dp-theme] #activityDashboard .live-call-card > .supervision-actions {grid-column:1 / -1 !important; grid-row:3 !important; justify-content:flex-start !important;}
  }
  html[data-dp-theme] #activityDashboard .activity-empty {min-height:108px !important; padding:24px 12px !important; color:var(--cp-muted) !important; font-size:14px !important;}
  html[data-dp-theme] #activityDashboard .activity-empty .manager-metric-icon {width:38px !important; height:38px !important; color:var(--cp-muted) !important; fill:none !important; stroke:currentColor !important; stroke-width:1.6 !important;}
  html[data-dp-theme] #activityDashboard .activity-list + p {font-size:12px !important; line-height:1.45 !important; padding-top:10px !important; margin:8px 0 0 !important; border-top:1px solid var(--cp-line) !important;}
  html[data-dp-theme] #activityDashboard .daily-performance {padding:16px !important; margin:0 !important;}

  /* Shared report and monitoring table rhythm. Horizontal overflow stays local. */
  html[data-dp-theme] body :is(.performance-scroll,.dp-monitor-table,.ops-table-wrap,.log-scroll) {
    border:1px solid var(--cp-line) !important; border-radius:10px !important;
    background:var(--cp-surface) !important; overflow:auto !important; max-width:100% !important;
    padding:0 !important; scrollbar-width:thin !important;
  }
  html[data-dp-theme] body :is(.performance-table,.dp-monitor-table table,.ops-table-wrap table,.log-scroll table) {
    color:var(--cp-text) !important; font-size:13px !important; border-collapse:collapse !important;
    font-variant-numeric:tabular-nums !important;
  }
  html[data-dp-theme] body :is(.performance-table,.dp-monitor-table table,.ops-table-wrap table,.log-scroll table) th {
    color:var(--cp-muted) !important; background:var(--cp-soft) !important;
    font-size:13px !important; font-weight:620 !important; padding:13px 14px !important;
    line-height:1.4 !important; border-bottom:1px solid var(--cp-line) !important;
  }
  html[data-dp-theme] body :is(.performance-table,.dp-monitor-table table,.ops-table-wrap table,.log-scroll table) td {
    color:var(--cp-text) !important; padding:13px 14px !important; height:auto !important;
    font-size:13px !important; line-height:1.5 !important; border-bottom:1px solid var(--cp-line) !important;
  }
  html[data-dp-theme] body :is(.performance-table,.dp-monitor-table table,.ops-table-wrap table,.log-scroll table) tbody tr {
    background:var(--cp-surface) !important;
  }
  html[data-dp-theme] body :is(.performance-table,.dp-monitor-table table,.ops-table-wrap table,.log-scroll table) tbody tr:hover {background:var(--cp-hover) !important;}
  html[data-dp-theme] body :is(.performance-table,.dp-monitor-table table,.ops-table-wrap table,.log-scroll table) tr:last-child td {border-bottom:0 !important;}
  html[data-dp-theme] #activityDashboard .performance-table td:first-child {font-weight:600 !important;}
  html[data-dp-theme] .dp-monitor-table table {min-width:880px !important;}
  html[data-dp-theme] .dp-monitor-table td:not(:first-child), html[data-dp-theme] .dp-monitor-table th:not(:first-child) {text-align:center !important;}
  html[data-dp-theme] .dp-monitor-table td:first-child {padding-top:16px !important; padding-bottom:16px !important;}
  html[data-dp-theme] .dp-monitor-table td:first-child strong {font-size:14px !important; font-weight:650 !important;}
  html[data-dp-theme] .dp-monitor-table td:first-child .muted {font-size:13px !important; margin-top:4px !important; color:var(--cp-muted) !important;}
  html[data-dp-theme] .dp-monitor-table td:nth-child(2) {color:var(--cp-primary) !important; font-size:18px !important; font-weight:650 !important;}
  html[data-dp-theme] .dp-monitor-table td:nth-child(3), html[data-dp-theme] .dp-monitor-table td:nth-child(8) {color:var(--cp-success) !important; font-weight:650 !important;}
  html[data-dp-theme] :is(.dp-monitor-note,.dp-monitor-health,.ops-note,.ops-status) {font-size:13px !important; line-height:1.6 !important; color:var(--cp-muted) !important;}
  html[data-dp-theme] .dp-monitor-health {margin:10px 0 18px !important;}
  html[data-dp-theme] #platformLive {padding:18px !important;}
  html[data-dp-theme] .dp-monitor-heading h2 {font-size:22px !important; font-weight:650 !important;}
  html[data-dp-theme] .ops-metric, html[data-dp-theme] #tenantMetrics .tenant {
    padding:18px !important; background:var(--cp-surface) !important; border:1px solid var(--cp-line) !important;
    border-radius:12px !important; color:var(--cp-text) !important; box-shadow:var(--cp-shadow) !important;
  }
  html[data-dp-theme] .ops-metric span, html[data-dp-theme] #tenantMetrics .tenant strong {font-size:13px !important; color:var(--cp-muted) !important; font-weight:550 !important;}
  html[data-dp-theme] .ops-metric strong, html[data-dp-theme] #tenantMetrics .tenant .muted {font-size:24px !important; line-height:1.2 !important; font-weight:650 !important; color:var(--cp-text) !important;}

  /* Agent workspace uses the same hierarchy, with four compact result cards. */
  html[data-dp-theme] body.aw-active #phone > .card {padding:18px !important; background:var(--cp-surface) !important; border:1px solid var(--cp-line) !important; box-shadow:var(--cp-shadow) !important; border-radius:16px !important;}
  html[data-dp-theme] body.aw-active #phone .log-title {gap:12px !important; padding-bottom:4px !important;}
  html[data-dp-theme] body.aw-active #phone .log-title h2 {font-size:22px !important; font-weight:650 !important; color:var(--cp-text) !important;}
  html[data-dp-theme] body.aw-active #phone .log-description {font-size:13px !important; color:var(--cp-muted) !important; max-width:440px !important;}
  html[data-dp-theme] body.aw-active #phone .log-metrics {grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px !important; margin:20px 0 !important;}
  html[data-dp-theme] body.aw-active #phone .log-metric {
    position:relative !important; border:1px solid var(--cp-line) !important; border-radius:12px !important;
    box-shadow:none !important; background:var(--cp-soft) !important; color:var(--cp-text) !important;
    padding:18px !important; display:flex !important; flex-direction:column-reverse !important;
    gap:10px !important; min-width:0 !important;
  }
  html[data-dp-theme] body.aw-active #phone .log-metric strong {color:var(--cp-text) !important; font-size:24px !important; line-height:1.1 !important; font-weight:650 !important; margin:0 !important;}
  html[data-dp-theme] body.aw-active #phone .log-metric span {color:var(--cp-muted) !important; font-size:13px !important; font-weight:550 !important; line-height:1.4 !important;}
  html[data-dp-theme] body.aw-active #phone .log-metric.total {background:var(--cp-primary) !important; border-color:var(--cp-primary) !important;}
  html[data-dp-theme] body.aw-active #phone .log-metric.total :is(strong,span) {color:var(--cp-on-primary) !important;}
  html[data-dp-theme] body.aw-active #phone .log-metric.answered strong {color:var(--cp-success) !important;}
  html[data-dp-theme] body.aw-active #phone .log-metric.failed strong {color:var(--cp-danger) !important;}
  html[data-dp-theme] body.aw-active #phone .log-filters {
    background:var(--cp-soft) !important; border:1px solid var(--cp-line) !important;
    border-radius:10px !important; padding:14px !important; gap:12px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important; overflow:visible !important;
  }
  html[data-dp-theme] body.aw-active #phone .log-filters label {font-size:13px !important; color:var(--cp-muted) !important; gap:7px !important; line-height:1.4 !important;}
  html[data-dp-theme] body.aw-active #phone .log-filters :is(input,select,button) {height:40px !important; min-height:40px !important; font-size:14px !important;}
  html[data-dp-theme] body.aw-active #phone .log-filters button {align-self:end !important;}
  html[data-dp-theme] body.aw-active #phone .log-info {font-size:13px !important; color:var(--cp-muted) !important; margin:14px 0 !important;}
  html[data-dp-theme] body.aw-active #phone .log-pagination {margin-top:16px !important; color:var(--cp-muted) !important; font-size:13px !important;}
  html[data-dp-theme] .log-scroll .log-status.good {color:var(--cp-success) !important;}
  html[data-dp-theme] .log-scroll .log-status.other {color:var(--cp-danger) !important;}
  html[data-dp-theme] .log-scroll .log-number {color:var(--cp-primary) !important;}

  /* Agent workbench: compact follow-up rows with actions in one consistent lane. */
  html[data-dp-theme] body.aw-active #phone .floor-current-call {
    padding:16px 18px !important; border:1px solid var(--cp-line) !important;
    border-left:3px solid var(--cp-primary) !important; border-radius:12px !important;
    background:var(--cp-surface) !important; color:var(--cp-text) !important;
  }
  html[data-dp-theme] #agentWorkbenchPage > .aw-eyebrow {
    font-size:12px !important; color:var(--cp-primary) !important; font-weight:650 !important;
    letter-spacing:.08em !important; line-height:1.5 !important;
  }
  html[data-dp-theme] #agentWorkbenchPage > h2 {font-size:22px !important; font-weight:650 !important; margin:6px 0 8px !important;}
  html[data-dp-theme] #agentWorkbenchPage > p {color:var(--cp-muted) !important; font-size:14px !important; line-height:1.6 !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-actions {gap:10px !important; margin:16px 0 !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-actions button {
    min-height:44px !important; border:1px solid var(--cp-line) !important; padding:10px 14px !important;
    border-radius:9px !important; background:var(--cp-surface) !important; color:var(--cp-text) !important;
  }
  html[data-dp-theme] #agentWorkbenchPage .floor-actions button:first-child {
    background:var(--cp-primary) !important; color:var(--cp-on-primary) !important; border-color:var(--cp-primary) !important;
  }
  html[data-dp-theme] #agentWorkbenchPage > p[role=status]:empty {display:none !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-section {border:0 !important; padding:0 !important; margin:26px 0 16px !important; background:transparent !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-section h3 {font-size:15px !important; font-weight:650 !important; margin:0 0 14px !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-list {border:1px solid var(--cp-line) !important; border-radius:10px !important; padding:0 16px !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-row {
    display:grid !important; grid-template-columns:minmax(0,1fr) auto auto !important;
    grid-template-rows:auto auto !important; gap:5px 8px !important; align-items:center !important;
    padding:14px 0 !important; border-bottom:1px solid var(--cp-line) !important;
  }
  html[data-dp-theme] #agentWorkbenchPage .floor-row:last-child {border-bottom:0 !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-row > strong {grid-area:1 / 1 !important; font-size:14px !important; font-weight:650 !important; color:var(--cp-text) !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-row > p {grid-area:2 / 1 !important; margin:0 !important; color:var(--cp-muted) !important; font-size:13px !important; line-height:1.6 !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-row > button {grid-row:1 / 3 !important; min-height:40px !important; font-size:13px !important; padding:8px 12px !important; border-radius:8px !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-row > button:first-of-type {grid-column:2 !important;}
  html[data-dp-theme] #agentWorkbenchPage .floor-row > button:last-of-type {grid-column:3 !important;}
  @media (max-width:900px) {
    html[data-dp-theme] #agentWorkbenchPage .floor-row {grid-template-columns:auto minmax(0,1fr) !important; gap:10px 8px !important;}
    html[data-dp-theme] #agentWorkbenchPage .floor-row > strong {grid-area:1 / 1 / auto / -1 !important;}
    html[data-dp-theme] #agentWorkbenchPage .floor-row > p {grid-area:2 / 1 / auto / -1 !important;}
    html[data-dp-theme] #agentWorkbenchPage .floor-row > button:first-of-type {grid-area:3 / 1 !important; justify-self:start !important;}
    html[data-dp-theme] #agentWorkbenchPage .floor-row > button:last-of-type {grid-area:3 / 2 !important; justify-self:start !important;}
  }

  /* Phone polish is chromatic only: frame and call-control geometry stay intact. */
  html[data-dp-theme] body #dialWidget.dp-modern {
    background:var(--cp-surface) !important; color:var(--cp-text) !important;
    box-shadow:0 14px 48px rgb(9 28 61 / 22%) !important; border-radius:16px !important;
  }
  html[data-dp-theme] #dialWidget.dp-modern :is(.dial-head,.dp-number-entry) {background:transparent !important;}
  html[data-dp-theme] #dialWidget.dp-modern :is(.dial-head strong,#number,#dpPartyNumber,#dpStage,#caller,.ringing) {color:var(--cp-text) !important;}
  html[data-dp-theme] #dialWidget.dp-modern :is(#callState,#ccMessage,#keys .key small) {color:var(--cp-muted) !important;}
  html[data-dp-theme] #dialWidget.dp-modern #number::placeholder {color:var(--cp-muted) !important;}
  html[data-dp-theme] #dialWidget.dp-modern :is(#callerTrigger,#dpSounds,#dpPopout,#dialClose,.dp-control-grid button) {background:var(--cp-soft) !important; color:var(--cp-text) !important;}
  html[data-dp-theme] #dialWidget.dp-modern #keys .key {background:transparent !important; color:var(--cp-text) !important;}
  html[data-dp-theme] #dialWidget.dp-modern #keys .key:hover {background:var(--cp-hover) !important;}
  html[data-dp-theme] #dialWidget.dp-modern .dp-control-grid button[aria-pressed=true] {background:var(--cp-primary) !important; color:var(--cp-on-primary) !important;}
  html[data-dp-theme] #dialWidget.dp-modern #dpElapsed {color:var(--cp-success) !important;}
  html[data-dp-theme] #dialWidget.dp-modern .caller-options {background:var(--cp-raised) !important; color:var(--cp-text) !important; box-shadow:0 8px 24px rgb(9 28 61 / 18%) !important;}
  html[data-dp-theme] #dialWidget.dp-modern .caller-options button {background:transparent !important; color:var(--cp-text) !important;}
  html[data-dp-theme] #dialWidget.dp-modern .caller-options button:hover {background:var(--cp-hover) !important;}

  /* Mobile reflow does not compress long labels into unusable cards. */
  @media (max-width:1199px) {
    html[data-dp-theme] #activityDashboard #activityMetrics {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    html[data-dp-theme] #activityMetrics > .activity-metric:nth-child(n) {grid-column:auto !important;}
    html[data-dp-theme] #activityDashboard .activity-list {max-height:300px !important;}
  }
  @media (max-width:900px) {
    html[data-dp-theme] #activityDashboard .activity-columns {grid-template-columns:minmax(0,1fr) !important;}
  }
  @media (max-width:540px) {
    html[data-dp-theme] #activityDashboard #activityAgents .activity-row {display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:5px !important; padding:9px 0 !important;}
    html[data-dp-theme] #activityDashboard .agent-identity {grid-template-columns:minmax(0,1fr) auto !important; width:100% !important;}
    html[data-dp-theme] #activityDashboard .agent-state-detail {grid-template-columns:minmax(0,1fr) auto !important; width:100% !important; gap:8px !important;}
    html[data-dp-theme] #activityDashboard .agent-state-detail > .activity-badge {text-align:left !important;}
  }
  @media (max-width:700px) {
    html[data-dp-theme] #activityDashboard #activityMetrics {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    html[data-dp-theme] #activityMetrics > .activity-metric:nth-child(n) {padding:15px !important; min-height:116px !important;}
    html[data-dp-theme] #activityDashboard .activity-heading h2 {font-size:22px !important;}
    html[data-dp-theme] #activityDashboard .activity-panel, html[data-dp-theme] #activityDashboard .daily-performance {padding:16px !important;}
    html[data-dp-theme] #platformLive {padding:16px !important;}
    html[data-dp-theme] body.aw-active #phone > .card {padding:16px !important;}
    html[data-dp-theme] body.aw-active #phone .log-title {flex-wrap:wrap !important;}
    html[data-dp-theme] body.aw-active #phone .log-title .log-description {width:100% !important; text-align:left !important; margin:0 !important;}
    html[data-dp-theme] body.aw-active #phone .log-metrics {grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important;}
    html[data-dp-theme] body.aw-active #phone .log-metric {padding:15px !important;}
    html[data-dp-theme] body.aw-active #phone .log-filters {grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:12px !important; gap:10px !important;}
    html[data-dp-theme] body.aw-active #phone .log-filters label:first-child {grid-column:1 / -1 !important;}
    html[data-dp-theme] body.aw-active #phone .log-filters :is(input,select) {font-size:15px !important; min-height:44px !important; height:44px !important;}
    html[data-dp-theme] body.aw-active #phone .log-filters button {min-height:44px !important; height:44px !important;}
  }
  @media (max-width:380px) {
    html[data-dp-theme] #activityDashboard #activityMetrics {grid-template-columns:1fr !important;}
    html[data-dp-theme] #activityMetrics > .activity-metric:nth-child(n) {min-height:110px !important;}
  }
}

/* monitoring-panels.css */
/* Separate waiting callers from other live calls without adding data requests. */
@layer workspace {
  html[data-dp-theme] #activityDashboard #activityWaitingPanel {
    container-type:inline-size;
  }
  html[data-dp-theme] #activityDashboard #activityWaiting .live-call-card {
    grid-template-columns:minmax(0,1fr) auto !important;
    min-height:40px !important;
  }
  html[data-dp-theme] #activityDashboard #activityWaiting .activity-badge {
    background:var(--cp-warning-soft) !important;
    color:var(--cp-warning) !important;
  }
  @container (max-width:820px) {
    html[data-dp-theme] #activityDashboard #activityWaiting .live-call-card {
      grid-template-columns:minmax(0,1fr) !important;
    }
    html[data-dp-theme] #activityDashboard #activityWaiting .live-call-info strong {
      grid-column:1 !important;
      grid-row:1 !important;
    }
    html[data-dp-theme] #activityDashboard #activityWaiting .live-call-meta {
      grid-column:1 !important;
      grid-row:2 !important;
      flex-wrap:wrap !important;
    }
  }
}

/* dashboard-customize.css */
/* Personal dashboard styles. Self-contained, responsive, and theme aware. */
@layer workspace {
  #customDashboardPage.dc-workspace { --dc-text:var(--cp-text,#14243b);--dc-muted:var(--cp-muted,#53657d);--dc-surface:var(--cp-surface,#fff);--dc-line:var(--cp-line,#d7e1ec);--dc-soft:var(--cp-soft,#f2f6fc);--dc-primary:var(--cp-primary,#145bc7);--dc-on-primary:var(--cp-on-primary,#fff); color:var(--dc-text)!important; background:transparent!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;font:13px/1.5 system-ui,sans-serif!important; }
  #customDashboardPage * { box-sizing:border-box; }
  #customDashboardPage [hidden] { display:none!important; }
  #customDashboardPage :is(h2,h3,p) { margin:0!important;overflow-wrap:anywhere; }
  #customDashboardPage h2 { font-size:22px!important;line-height:1.3!important;font-weight:650!important;color:var(--dc-text)!important; }
  #customDashboardPage h3 { font-size:14px!important;line-height:1.4!important;font-weight:600!important;color:var(--dc-text)!important; }
  #customDashboardPage .dc-heading p { color:var(--dc-muted)!important;margin-top:5px!important;font-size:13px!important; }
  #customDashboardPage :is(.dc-scope,.dc-health,.dc-hint,.dc-edit-help,.dc-notice) { color:var(--dc-muted)!important;font-size:12px!important;line-height:1.5!important; }
  #customDashboardPage .dc-scope { margin-top:5px!important; }
  #customDashboardPage .dc-toolbar { display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:18px 0 10px!important; }
  #customDashboardPage .dc-picker { display:flex!important;flex-direction:column!important;gap:5px!important;font-size:12px!important;font-weight:550!important;min-width:210px;max-width:100%; }
  #customDashboardPage .dc-toolbar-actions { display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important; }
  #customDashboardPage :is(button,input,select) { font-family:inherit!important;font-size:13px!important;line-height:1.3!important;box-shadow:none!important; }
  #customDashboardPage .dc-button { display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;width:auto!important;max-width:100%!important;min-width:0!important;padding:8px 12px!important;border:1px solid var(--dc-line)!important;border-radius:8px!important;background:var(--dc-surface)!important;color:var(--dc-text)!important;font-weight:550!important;cursor:pointer!important;white-space:normal!important; }
  #customDashboardPage .dc-button:hover:not(:disabled) { background:var(--dc-soft)!important;border-color:var(--dc-primary)!important; }
  #customDashboardPage .dc-button.dc-primary { background:var(--dc-primary)!important;color:var(--dc-on-primary)!important;border-color:var(--dc-primary)!important; }
  #customDashboardPage .dc-button.dc-primary:hover:not(:disabled) { background:var(--dc-primary)!important;color:var(--dc-on-primary)!important;border-color:var(--dc-primary)!important;box-shadow:inset 0 0 0 1px var(--dc-on-primary)!important; }
  #customDashboardPage .dc-button:disabled { opacity:.48!important;cursor:default!important; }
  #customDashboardPage .dc-button svg { width:18px!important;height:18px!important;display:block!important;flex:none!important; }
  #customDashboardPage .dc-button.dc-icon { padding:7px!important;width:34px!important;min-width:34px!important;min-height:34px!important;height:34px!important; }
  #customDashboardPage .dc-drag { touch-action:none!important;cursor:grab!important; }
  #customDashboardPage select,#customDashboardPage input { color:var(--dc-text)!important;background:var(--dc-surface)!important;border:1px solid var(--dc-line)!important;border-radius:8px!important;padding:8px 10px!important;min-height:38px!important;max-width:100%!important;min-width:0!important;width:auto!important; }
  #customDashboardPage option { background:var(--dc-surface)!important;color:var(--dc-text)!important; }
  #customDashboardPage :is(button,input,select):focus-visible { outline:3px solid var(--cp-focus,#145bc7)!important;outline-offset:3px!important; }
  #customDashboardPage .dc-grid { display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;margin:14px 0!important; }
  #customDashboardPage .dc-card { min-width:0!important;grid-column:span 6!important;background:var(--dc-surface)!important;border:1px solid var(--dc-line)!important;border-radius:12px!important;padding:14px!important;margin:0!important;box-shadow:var(--cp-shadow,0 2px 7px #14243b08)!important;overflow:hidden!important; }
  #customDashboardPage .dc-card[data-size=small] { grid-column:span 3!important; }
  #customDashboardPage .dc-card[data-size=full] { grid-column:1 / -1!important; }
  #customDashboardPage .dc-card-head { position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;flex-wrap:wrap!important;padding:0!important;margin:0 0 12px!important;width:auto!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important; }
  #customDashboardPage .dc-card-head h3 { flex:1 1 90px!important;min-width:0!important; }
  #customDashboardPage .dc-card-controls { display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:wrap!important;max-width:100%!important; }
  #customDashboardPage.dc-workspace .dc-card-controls select.dc-size,
  #app #customDashboardPage.dc-workspace .dc-card-controls select.dc-size { min-height:34px!important;height:34px!important;padding:5px 8px!important;font-size:12px!important;line-height:1.3!important;width:90px!important;min-width:90px!important;text-indent:0!important;letter-spacing:normal!important; }
  #customDashboardPage .dc-grid[data-editing=true] .dc-card-head { border-bottom:1px dashed var(--dc-line)!important;padding-bottom:9px!important; }
  #customDashboardPage .dc-dragging { opacity:.65!important;outline:2px dashed var(--dc-primary)!important;outline-offset:-3px!important;cursor:grabbing!important; }
  #customDashboardPage .dc-metric-value { display:block!important;font-size:26px!important;line-height:1.2!important;font-weight:650!important;font-variant-numeric:tabular-nums!important;margin-bottom:6px!important;color:var(--dc-text)!important; }
  #customDashboardPage .dc-data-row { display:flex!important;gap:8px 16px!important;align-items:center!important;flex-wrap:wrap!important;padding:10px 0!important;border-bottom:1px solid var(--dc-line)!important;font-size:13px!important;min-width:0!important; }
  #customDashboardPage .dc-data-row > :first-child { flex:1 1 135px!important;min-width:0!important;overflow-wrap:anywhere!important; }
  #customDashboardPage .dc-data-row > * { max-width:100%!important;overflow-wrap:anywhere!important; }
  #customDashboardPage .dc-data-row:last-of-type { border-bottom:0!important; }
  #customDashboardPage .dc-muted { color:var(--dc-muted)!important; }
  #customDashboardPage .dc-badge { border-radius:5px!important;padding:3px 7px!important;background:var(--dc-soft)!important;color:var(--dc-text)!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important; }
  #customDashboardPage .dc-badge[data-state=ready],#customDashboardPage .dc-badge[data-state=connected] { background:var(--cp-success-soft,#e9f7f0)!important;color:var(--cp-success,#14734e)!important; }
  #customDashboardPage .dc-badge[data-state=break],#customDashboardPage .dc-badge[data-state=in-queue] { background:var(--cp-warning-soft,#fff4df)!important;color:var(--cp-warning,#855900)!important; }
  #customDashboardPage .dc-empty { color:var(--dc-muted)!important;font-size:13px!important;padding:16px 0!important;grid-column:1 / -1!important; }
  #customDashboardPage .dc-notice { min-height:18px!important; }
  #customDashboardPage .dc-edit-help { padding:9px 12px!important;background:var(--dc-soft)!important;border-radius:8px!important;margin-top:10px!important; }
  #customDashboardPage .dc-hourly { display:grid!important;gap:10px!important; }
  #customDashboardPage .dc-hour { display:grid!important;grid-template-columns:53px minmax(0,1fr) 30px!important;align-items:center!important;gap:10px!important;color:var(--dc-text)!important;font-size:12px!important; }
  #customDashboardPage .dc-hour strong { text-align:right!important; }
  #customDashboardPage .dc-bar-track { display:block!important;background:var(--dc-soft)!important;border-radius:5px!important;height:10px!important;overflow:hidden!important; }
  #customDashboardPage .dc-bar { display:block!important;background:var(--dc-primary)!important;border-radius:5px!important;height:100%!important;min-width:0!important; }
  #customDashboardPage .dc-dialog { color:var(--dc-text)!important;background:var(--dc-surface)!important;border:1px solid var(--dc-line)!important;border-radius:14px!important;max-width:calc(100vw - 24px)!important;width:620px!important;max-height:calc(100dvh - 32px)!important;padding:0!important;margin:auto!important;box-shadow:0 18px 65px #0005!important;overflow:auto!important; }
  #customDashboardPage .dc-dialog::backdrop { background:#07112980!important;backdrop-filter:blur(3px); }
  #customDashboardPage .dc-dialog-inner { padding:20px!important; }
  #customDashboardPage .dc-dialog-header { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important; }
  #customDashboardPage .dc-dialog-header h3 { font-size:18px!important; }
  #customDashboardPage .dc-dialog form { display:block!important; }
  #customDashboardPage .dc-dialog label { display:flex!important;flex-direction:column!important;gap:7px!important;color:var(--dc-text)!important;font-size:13px!important; }
  #customDashboardPage .dc-dialog input { width:100%!important; }
  #customDashboardPage .dc-dialog .dc-hint { margin-top:8px!important; }
  #customDashboardPage .dc-dialog-actions { display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important; }
  #customDashboardPage .dc-form-error { min-height:18px!important;color:var(--cp-danger,#b42339)!important;margin-top:8px!important;font-size:13px!important; }
  #customDashboardPage .dc-widget-catalog { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:16px!important; }
  #customDashboardPage .dc-catalog-choice { display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-height:78px!important;max-width:100%!important;min-width:0!important;padding:12px!important;color:var(--dc-text)!important;background:var(--dc-surface)!important;border:1px solid var(--dc-line)!important;border-radius:9px!important;text-align:left!important;cursor:pointer!important;white-space:normal!important; }
  #customDashboardPage .dc-catalog-choice:hover { border-color:var(--dc-primary)!important;background:var(--dc-soft)!important; }
  #customDashboardPage .dc-catalog-choice strong { font-size:13px!important;font-weight:600!important; }
  #customDashboardPage .dc-catalog-choice span { font-size:12px!important;color:var(--dc-muted)!important; }
  @media(max-width:1100px) { #customDashboardPage .dc-card[data-size=small] { grid-column:span 6!important; } }
  @media(max-width:700px) {
    #customDashboardPage .dc-card[data-size] { grid-column:1 / -1!important; }
    #customDashboardPage .dc-toolbar { align-items:stretch!important; }
    #customDashboardPage .dc-picker { width:100%!important; }
    #customDashboardPage .dc-toolbar-actions { width:100%!important; }
    #customDashboardPage .dc-button { min-height:40px!important; }
    #customDashboardPage .dc-button.dc-icon { width:36px!important;min-width:36px!important;min-height:36px!important;height:36px!important; }
    #customDashboardPage input,#customDashboardPage .dc-picker select { font-size:16px!important; }
    #customDashboardPage .dc-widget-catalog { grid-template-columns:minmax(0,1fr)!important; }
    #customDashboardPage .dc-dialog-inner { padding:16px!important; }
    #customDashboardPage .dc-card { padding:12px!important; }
  }
}

/* dialpad-glass.css */
/* Real backdrop glass, not a painted/duplicated background. DPPhoneLayout still
   owns geometry and call states. The one visible phone surface samples the page
   beneath it; there are no capture loops, animated filters or extra requests. */
@layer workspace {
  html[data-dp-theme] {
    --dg-solid:#111f40;
    --dg-glass:rgb(8 20 42 / 68%);
    --dg-key:rgb(202 222 255 / 8%);
    --dg-key-hover:rgb(202 222 255 / 19%);
    --dg-key-active:rgb(202 222 255 / 29%);
    --dg-field:rgb(202 222 255 / 6%);
    --dg-text:#f5f9ff;
    --dg-muted:#e0edff;
    --dg-focus:#ffce78;
    --dg-inset:rgb(197 220 255 / 26%);
    --dg-shadow:0 18px 48px rgb(0 0 0 / 32%), inset 0 0 0 1px var(--dg-inset), inset 0 1px 0 rgb(224 238 255 / 28%);
  }
  html[data-dp-theme=dark] {
    --dg-solid:#111f40;
    --dg-glass:rgb(8 20 42 / 68%);
    --dg-key:rgb(202 222 255 / 8%);
    --dg-key-hover:rgb(202 222 255 / 19%);
    --dg-key-active:rgb(202 222 255 / 29%);
    --dg-field:rgb(202 222 255 / 6%);
    --dg-text:#f5f9ff;
    --dg-muted:#e0edff;
    --dg-inset:rgb(197 220 255 / 26%);
    --dg-shadow:0 18px 48px rgb(0 0 0 / 32%), inset 0 0 0 1px var(--dg-inset), inset 0 1px 0 rgb(224 238 255 / 28%);
  }

  /* Solid default also covers browsers without backdrop-filter. */
  html[data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,.dg-glass-surface,#supervisorDialpad) {
    background:var(--dg-solid) !important;
    color:var(--dg-text) !important;
    border-radius:20px !important;
    border:0 !important;
    box-shadow:var(--dg-shadow) !important;
    isolation:auto !important;
  }
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html[data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,.dg-glass-surface,#supervisorDialpad) {
      background:var(--dg-glass) !important;
      -webkit-backdrop-filter:blur(18px) saturate(130%);
      backdrop-filter:blur(18px) saturate(130%);
    }
  }
  /* In the movable preview the enclosing chrome is the single glass surface.
     A second filtered/tinted child would compound opacity and obscure content. */
  html[data-dp-theme] body .dg-glass-surface #dialWidget#dialWidget.dp-modern,
  html.supervisor-dialpad-only[data-dp-theme] body #dialWidget#dialWidget.dp-modern {
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }
  /* Embedded phone pixels are composited over the parent phone shell. A child
     iframe cannot backdrop-blur the portal document, so the parent owns blur. */
  html.supervisor-dialpad-only[data-dp-theme],
  html.supervisor-dialpad-only[data-dp-theme] body,
  html[data-dp-theme] body #supervisorDialpad>header,
  html[data-dp-theme] body #supervisorDialpad>iframe {
    background:transparent !important;
  }
  html[data-dp-theme] body #supervisorDialpad>header {
    color:var(--dg-text) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  html[data-dp-theme] body #supervisorDialpad>header button {
    background:var(--dg-key) !important;
    color:var(--dg-text) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(.dial-head,#incoming,.incoming-box,.actions,.dp-party,#callControls,.dp-control-grid) {
    background:transparent !important;
    border:0 !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-number-entry {
    background:var(--dg-field) !important;
    border:0 !important;
    border-radius:16px !important;
    box-shadow:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #number {
    background:transparent !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(.dial-head strong,#number,#dpPartyNumber,#dpStage,#caller,.incoming-title,.ringing) {
    color:var(--dg-text) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#callState,#ccMessage,#keys .key small),
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern>small {
    color:var(--dg-muted) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #number::placeholder {
    color:var(--dg-muted) !important;
    opacity:1;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :where(#keys .key,#callerTrigger,#dpSounds,#dpPopout,#dialClose,#dpBackspace,.dp-control-grid button) {
    background:var(--dg-key) !important;
    color:var(--dg-text) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  /* The digit stays centered inside a round touch surface. Its size follows
     the available grid row, so the fixed call frame never grows to fit keys. */
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key {
    background:var(--dg-key) !important;
    box-shadow:inset 0 0 0 1px rgb(224 238 255 / 9%) !important;
    width:auto !important;
    min-width:24px !important;
    max-width:100% !important;
    height:100% !important;
    min-height:24px !important;
    max-height:54px !important;
    aspect-ratio:1 !important;
    justify-self:center !important;
    align-self:center !important;
    padding:2px !important;
    border-radius:50% !important;
    font-weight:550 !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key>span {
    font-size:21px !important;
    font-weight:550 !important;
    line-height:1.2 !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key>small {
    font-size:8px !important;
    font-weight:500 !important;
    letter-spacing:.5px !important;
    line-height:1.4 !important;
    min-height:10px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#dpSounds,#dpPopout,#dialClose,#dpBackspace) {
    border-radius:50% !important;
    background:transparent !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #callerTrigger {
    background:transparent !important;
    border-radius:12px !important;
    text-align:center !important;
  }
  /* Existing controls and their handlers are retained. Only the icon disk is
     tinted, leaving a clear text label underneath instead of a gray tile. */
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid {
    justify-items:center !important;
    gap:10px 6px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button {
    position:relative !important;
    width:100% !important;
    max-width:90px !important;
    min-height:62px !important;
    height:62px !important;
    padding:10px 0 0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:12px !important;
    border-radius:12px !important;
    font-size:10px !important;
    line-height:1.3 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button::before {
    content:"";
    position:absolute;
    left:calc(50% - 21px);
    top:0;
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--dg-key);
    box-shadow:inset 0 0 0 1px rgb(224 238 255 / 9%);
    pointer-events:none;
    transition:background-color 140ms ease, transform 140ms ease;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button :is(svg,span) {
    position:relative !important;
    z-index:1;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button svg {
    width:21px !important;
    height:21px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern button {
    transition:background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
  }
  @media (hover:hover) and (pointer:fine) {
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key:not(:disabled):hover {
      background:var(--dg-key-hover) !important;
      transform:translateY(-1px);
    }
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :where(#keys .key,#callerTrigger,#dpSounds,#dpPopout,#dialClose,#dpBackspace,.dp-control-grid button):not(:disabled):hover {
      background:var(--dg-key-hover) !important;
      color:var(--dg-text) !important;
      box-shadow:none !important;
      transform:translateY(-1px);
    }
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#call,#answer,#hangup,#reject):not(:disabled):hover {
      box-shadow:0 4px 12px rgb(17 41 78 / 20%) !important;
      transform:translateY(-1px);
    }
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :where(#keys .key,#callerTrigger,#dpSounds,#dpPopout,#dialClose,#dpBackspace,.dp-control-grid button):not(:disabled):active {
    background:var(--dg-key-active) !important;
    transform:translateY(0);
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key:not(:disabled):active {
    background:var(--dg-key-active) !important;
    transform:scale(.96);
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #callControls .dp-control-grid button[aria-pressed=true] {
    background:transparent !important;
    color:var(--dg-text) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #callControls .dp-control-grid button[aria-pressed=true]::before {
    background:var(--cp-primary);
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #callControls .dp-control-grid button[aria-pressed=true] svg {
    color:var(--cp-on-primary) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button:is(:hover,:active) {
    background:transparent !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button:not(:disabled):hover::before {
    background:var(--dg-key-hover);
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button:not(:disabled):active::before {
    background:var(--dg-key-active);
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(button,input,summary):focus-visible {
    outline:3px solid var(--dg-focus) !important;
    outline-offset:2px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#call,#answer) {
    background:#087a4b !important;
    color:#fff !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#hangup,#reject) {
    background:#c83349 !important;
    color:#fff !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #reject {
    background:rgb(10 18 31 / 90%) !important;
    order:0 !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #answer {
    order:1 !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#call,#hangup,#answer,#reject) {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 54px !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    border-radius:50% !important;
    padding:14px !important;
    box-shadow:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#call,#hangup,#answer,#reject) svg {
    width:25px !important;
    height:25px !important;
    flex:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#call,#hangup,#answer,#reject)[hidden],
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button[hidden] {
    display:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #call>span:not([data-icon]) {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#hangup,#answer,#reject)>span:not([data-icon]) {
    position:absolute !important;
    left:50% !important;
    top:calc(100% + 6px) !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:90px !important;
    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
    color:var(--dg-text) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern>.actions,
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern>.call-actions {
    padding-bottom:18px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #incoming .actions {
    padding-bottom:22px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(.dp-avatar,.ringing) {
    background:var(--dg-key) !important;
    color:var(--dg-text) !important;
    box-shadow:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern.dp-connected:not(.dp-show-keys):not(.show-keypad) .dp-avatar {
    display:grid !important;
    width:48px !important;
    height:48px !important;
    min-height:48px !important;
    margin-bottom:3px !important;
    box-shadow:0 0 0 1px rgb(51 182 129 / 55%) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-party {
    gap:4px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #dpPartyNumber {
    font-size:19px !important;
    font-weight:650 !important;
    line-height:1.3 !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #dpElapsed {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:84px !important;
    padding:4px 12px !important;
    border-radius:20px !important;
    color:#9dffc8 !important;
    background:rgb(9 74 48 / 72%) !important;
    font-size:12px !important;
    line-height:16px !important;
    letter-spacing:.3px !important;
  }
  html[data-dp-theme=dark] body #dialWidget#dialWidget.dp-modern #dpElapsed {
    color:#9dffc8 !important;
    background:rgb(9 74 48 / 72%) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #incoming .ringing {
    order:0 !important;
    width:64px !important;
    height:64px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #incoming #caller {
    order:1 !important;
    font-size:22px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #incoming .incoming-title {
    order:2 !important;
    display:inline-flex !important;
    justify-content:center !important;
    padding:4px 13px !important;
    border-radius:18px !important;
    background:rgb(63 56 17 / 72%) !important;
    color:#ffe27c !important;
    text-transform:uppercase !important;
    letter-spacing:.45px !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
  }
  html[data-dp-theme=dark] body #dialWidget#dialWidget.dp-modern #incoming .incoming-title {
    color:#ffe27c !important;
    background:rgb(63 56 17 / 72%) !important;
  }
  /* The compact DTMF view keeps its original return control and target sizes. */
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern:is(.dp-show-keys,.show-keypad) .dp-control-grid>button:not(#dpKeypadToggle) {
    display:none !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern:is(.dp-show-keys,.show-keypad) .dp-control-grid button {
    flex-direction:row !important;
    min-height:32px !important;
    height:32px !important;
    max-width:none !important;
    padding:4px 8px !important;
    gap:7px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern:is(.dp-show-keys,.show-keypad) .dp-control-grid button::before {
    display:none;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern:is(.dp-show-keys,.show-keypad) #callControls .dp-control-grid button svg {
    color:var(--dg-text) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern:is(.dp-show-keys,.show-keypad) :is(#hangup,#call) {
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex-basis:44px !important;
    padding:10px !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .caller-options {
    background:var(--dg-solid) !important;
    color:var(--dg-text) !important;
    box-shadow:0 8px 24px rgb(9 28 61 / 20%) !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .caller-options button {
    color:var(--dg-text) !important;
    background:transparent !important;
  }
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern .caller-options button:is(:hover,[aria-pressed=true]) {
    background:var(--dg-key-hover) !important;
  }

  @media (max-width:700px) {
    html[data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,.dg-glass-surface,#supervisorDialpad) {
      border-radius:18px !important;
      -webkit-backdrop-filter:blur(14px) saturate(125%);
      backdrop-filter:blur(14px) saturate(125%);
    }
  }
  @media (prefers-reduced-motion:reduce) {
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern button,
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern button::before,
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key {
      transition:none !important;
      transform:none !important;
    }
  }
  @media (prefers-reduced-transparency:reduce) {
    html[data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,.dg-glass-surface,#supervisorDialpad) {
      background:var(--dg-solid) !important;
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
    }
  }
  @media (forced-colors:active) {
    html[data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,.dg-glass-surface,#supervisorDialpad) {
      background:Canvas !important;
      color:CanvasText !important;
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
      box-shadow:none !important;
      border:1px solid CanvasText !important;
    }
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(button,input) {
      border:1px solid ButtonText !important;
      box-shadow:none !important;
    }
    html[data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(button,input):focus-visible {
      outline-color:Highlight !important;
    }
  }
}

/* executive-glass.css */
/* Executive Corporate Glassmorphism · Digipillar v4.50.0
   Presentation only. This sheet never owns visibility, call state, permissions,
   polling, or the phone's dimensions. Keep workspaceVisibility before workspace
   in the layer order. Opaque menus/tables protect fine text from busy backdrops. */
@layer workspace {
  html[data-dp-theme][data-dp-theme] {
    color-scheme:light;
    --eg-canvas:#f1f5f9; --eg-glow-a:#e0f2fe; --eg-glow-b:#e0f2fe;
    --eg-glass:rgba(255,255,255,.8); --eg-outer:rgba(255,255,255,.3);
    --eg-glass-line:rgba(255,255,255,.9); --eg-nav:rgba(248,252,255,.86);
    --eg-menu:#ffffff; --eg-table:rgba(255,255,255,.9); --eg-table-head:#eaf1f7;
    --eg-text:#172b43; --eg-muted:#4c6076; --eg-line:#cbd7e3;
    --eg-field:#ffffff; --eg-field-line:#71869c;
    --eg-brand:#0284c7; --eg-action:#0369a1; --eg-on-action:#ffffff;
    --eg-success:#16a34a; --eg-success-text:#166534; --eg-success-soft:#e9f8ef;
    --eg-alert:#b45309; --eg-alert-text:#92400e; --eg-alert-soft:#fff4dd;
    --eg-danger:#b42340; --eg-danger-soft:#fff0f3;
    --eg-selected:#dfedf8; --eg-hover:#eaf2f9; --eg-focus:#0369a1;
    --eg-purple:#6d3eb5; --eg-purple-soft:#f1ebfa;
    --eg-shadow:0 4px 20px rgba(27,54,83,.055);
    --eg-menu-shadow:0 16px 48px rgba(27,54,83,.18);
    --eg-canvas-image:radial-gradient(ellipse at 8% 0%,var(--eg-glow-a),transparent 52%),radial-gradient(ellipse at 100% 60%,var(--eg-glow-b),transparent 60%);
    --dp-nav-width:232px!important;
    /* Bridge the existing component token families. All role modules consume
       the same palette, including asynchronously inserted workspaces. */
    --cp-page:var(--eg-canvas)!important; --cp-surface:var(--eg-glass)!important;
    --cp-raised:var(--eg-menu)!important; --cp-text:var(--eg-text)!important;
    --cp-muted:var(--eg-muted)!important; --cp-line:var(--eg-line)!important;
    --cp-primary:var(--eg-action)!important; --cp-accent:var(--eg-action)!important;
    --cp-on-primary:var(--eg-on-action)!important; --cp-soft:var(--eg-selected)!important;
    --cp-hover:var(--eg-hover)!important; --cp-field-border:var(--eg-field-line)!important;
    --cp-nav:var(--eg-nav)!important; --cp-nav-text:var(--eg-text)!important;
    --cp-nav-muted:var(--eg-muted)!important; --cp-nav-selected:var(--eg-selected)!important;
    --cp-nav-hover:var(--eg-hover)!important; --cp-success:var(--eg-success-text)!important;
    --cp-success-soft:var(--eg-success-soft)!important; --cp-warning:var(--eg-alert-text)!important;
    --cp-warning-soft:var(--eg-alert-soft)!important; --cp-danger:var(--eg-danger)!important;
    --cp-danger-soft:var(--eg-danger-soft)!important; --cp-purple:var(--eg-purple)!important;
    --cp-purple-soft:var(--eg-purple-soft)!important; --cp-focus:var(--eg-focus)!important;
    --cp-shadow:var(--eg-shadow)!important; --cp-menu-shadow:var(--eg-menu-shadow)!important;
    --ui-page:var(--eg-canvas)!important; --ui-surface:var(--eg-glass)!important;
    --ui-raised:var(--eg-menu)!important; --ui-input:var(--eg-field)!important;
    --ui-text:var(--eg-text)!important; --ui-muted:var(--eg-muted)!important;
    --ui-border:var(--eg-line)!important; --ui-nav:var(--eg-nav)!important;
    --ui-selected:var(--eg-selected)!important; --ui-hover:var(--eg-hover)!important;
    --ui-accent:var(--eg-action)!important; --ui-shadow:var(--eg-shadow)!important;
    --ui-disabled:#e4ebf1!important; --ui-disabled-text:#53677b!important;
    --switch-nav:var(--eg-nav)!important; --switch-nav-text:var(--eg-text)!important;
    --switch-active:var(--eg-selected)!important; --switch-active-text:var(--eg-action)!important;
    --switch-hover:var(--eg-hover)!important; --dp-nav-surface:var(--eg-nav)!important;
    --ws-primary:var(--eg-action)!important; --ws-on-primary:var(--eg-on-action)!important;
    --ws-success:var(--eg-success-text)!important; --ws-alert:var(--eg-alert-text)!important;
    --ws-danger:var(--eg-danger)!important; --ws-focus:var(--eg-focus)!important;
    --ws-field-border:var(--eg-field-line)!important;
  }
  html[data-dp-theme=dark][data-dp-theme] {
    color-scheme:dark;
    --eg-canvas:#0b1329; --eg-glow-a:#1e293b; --eg-glow-b:#0f2b48;
    --eg-glass:rgba(255,255,255,.04); --eg-outer:rgba(15,23,42,.25);
    --eg-glass-line:rgba(255,255,255,.12); --eg-nav:rgba(15,23,42,.82);
    --eg-menu:#142338; --eg-table:rgba(15,23,42,.9); --eg-table-head:#192b41;
    --eg-text:#f1f5f9; --eg-muted:#b7c7d8; --eg-line:#33465d;
    --eg-field:#111f33; --eg-field-line:#70869c;
    --eg-brand:#38bdf8; --eg-action:#38bdf8; --eg-on-action:#092435;
    --eg-success:#34d399; --eg-success-text:#34d399; --eg-success-soft:#123c32;
    --eg-alert:#fbbf24; --eg-alert-text:#fbbf24; --eg-alert-soft:#3a2b14;
    --eg-danger:#ff9aae; --eg-danger-soft:#3c2333;
    --eg-selected:#193b55; --eg-hover:#20364e; --eg-focus:#7dd3fc;
    --eg-purple:#cfb7ff; --eg-purple-soft:#312c4b;
    --eg-shadow:0 4px 20px rgba(0,0,0,.12);
    --eg-menu-shadow:0 16px 48px rgba(0,0,0,.36);
    --ui-disabled:#253347!important; --ui-disabled-text:#b5c5d6!important;
  }

  /* The ambient backdrop is static. No blur on main/#app: that would turn
     those ancestors into containing blocks for fixed navigation and phones. */
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body:not(.preview-app) {
    background-color:var(--eg-canvas)!important;
    background-image:var(--eg-canvas-image)!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
    color:var(--eg-text)!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
    font-size:13px!important; line-height:1.5!important;
    --navy:var(--eg-text); --ink:var(--eg-text); --muted:var(--eg-muted);
    --line:var(--eg-line); --panel:var(--eg-glass); --soft:var(--eg-selected);
    --dp-surface:var(--eg-glass); --blue:var(--eg-action); --bg:var(--eg-canvas);
  }
  html[data-ws-accessibility][data-dp-theme] :is(h1,h2,h3,h4) {
    color:var(--eg-text)!important; font-weight:650!important;
    letter-spacing:-.02em!important; text-wrap:balance;
  }
  html[data-ws-accessibility][data-dp-theme] body>main {color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] main h1 {font-size:24px!important;line-height:1.25!important;}
  html[data-ws-accessibility][data-dp-theme] main h2 {font-size:19px!important;line-height:1.35!important;}
  html[data-ws-accessibility][data-dp-theme] main h3 {font-size:15px!important;line-height:1.4!important;}
  html[data-ws-accessibility][data-dp-theme] :is(p,label,legend) {color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(main,dialog) :is(.muted,.section-note,.bcHelp,.bcIntro,small) {
    color:var(--eg-muted)!important;line-height:1.5!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
    outline:3px solid var(--eg-focus)!important;outline-offset:3px!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(input,button,select,textarea,table) {font-family:inherit!important;}

  /* Continuous brand bar and navigation rail. Width rules deliberately leave
     the existing mobile drawer / collapsed navigation state authoritative. */
  html[data-ws-accessibility][data-dp-theme] body>header {
    background:var(--eg-nav)!important;border-bottom:1px solid var(--eg-glass-line)!important;
    box-shadow:0 1px 0 var(--eg-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation {
    background:var(--eg-nav)!important;color:var(--eg-text)!important;
    border-right:1px solid var(--eg-glass-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop]:not([data-ws-nav-state=rail]) .dp-navigation {width:232px!important;}
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop]:not([data-ws-nav-state=rail]) main:has(:is(#app,#phone):not(.hidden)) {margin-left:256px!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation .ws-nav-items {padding:14px 10px!important;scrollbar-color:var(--eg-field-line) transparent!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation .ws-nav-items::-webkit-scrollbar-thumb {background:var(--eg-field-line)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(button,summary) {
    font-size:13px!important;line-height:20px!important;min-height:40px!important;
    border-radius:10px!important;color:var(--eg-text)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation button.secondary:not(.active):not([aria-current=page]):not([aria-selected=true]) {color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(button,summary):hover {background:var(--eg-hover)!important;color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(button.active,[aria-current=page],[aria-selected=true]) {
    color:var(--eg-action)!important;background:var(--eg-selected)!important;
    box-shadow:inset 3px 0 var(--eg-brand)!important;font-weight:650!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-navigation details.has-active>summary {color:var(--eg-action)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(.dp-label,.dp-icon) {color:inherit!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(button,summary):focus-visible {outline-color:var(--eg-focus)!important;outline-offset:-3px!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(p,.aw-eyebrow,.tenant-nav-unavailable,.tenant-nav-unavailable small,.ws-auto-hide) {
    color:var(--eg-muted)!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-navigation .ws-nav-footer {
    background:transparent!important;border-top:1px solid var(--eg-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] .ws-auto-value {color:var(--eg-muted)!important;}
  html[data-ws-accessibility][data-dp-theme] .ws-switch-track {background:var(--eg-muted)!important;border:1px solid var(--eg-muted)!important;}
  html[data-ws-accessibility][data-dp-theme] [aria-checked=true]>.ws-switch-track {background:var(--eg-action)!important;border-color:var(--eg-action)!important;}
  html[data-ws-accessibility][data-dp-theme] .ws-switch-thumb {background:var(--eg-on-action)!important;}
  html[data-ws-accessibility][data-dp-theme] .ws-drawer-heading {color:var(--eg-text)!important;border-color:var(--eg-line)!important;}
  html[data-ws-accessibility][data-dp-theme] body>header :is(.account-trigger,#controllerAccountToggle,#agentPresence>summary) {
    background:var(--eg-selected)!important;color:var(--eg-text)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body>header :is(button,summary):hover {background:var(--eg-hover)!important;color:var(--eg-text)!important;}

  /* Thin glass for generous cards; high-opacity fill comes later for dense
     data. Each visible dashboard has one blur layer rather than one per cell. */
  html[data-ws-accessibility][data-dp-theme] :is(.card,.activity-panel,.activity-metric,.floor-panel,.floor-section,.quality-panel,.quality-section,.tenant,.item,.log-workspace,.log-metric,.pc-card,.dc-card,.bcCampaign,.bcAudioCard,.integration-profile,.ops-metric,.ops-alert,.aw-callback,.aw-reminder,.dp-vmm-panel) {
    background:var(--eg-glass)!important;color:var(--eg-text)!important;
    border:1px solid var(--eg-glass-line)!important;border-radius:14px!important;
    box-shadow:var(--eg-shadow)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.report-metrics,.bcMetrics,.billing-summary,.integrations-summary,.quality-summary)>div {
    background:var(--eg-glass)!important;color:var(--eg-text)!important;
    border:1px solid var(--eg-glass-line)!important;border-radius:12px!important;
  }
  html[data-ws-accessibility][data-dp-theme] #activityDashboard {
    background:var(--eg-outer)!important;border:1px solid var(--eg-glass-line)!important;
    border-radius:16px!important;padding:20px!important;box-shadow:var(--eg-shadow)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.pc-workspace,.floor-workspace,.quality-workspace,.operations-center,.billing-workspace,.integrations-center,.dc-workspace) {
    background:var(--eg-outer)!important;border-color:var(--eg-glass-line)!important;
    color:var(--eg-text)!important;border-radius:16px!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.log-filters,.report-filters,.dp-vm-filters,.bcToolbar,.bcForm,.bcPanelHeader,.bcEditorFooter,.bcWeekdays,.customer-details-column,.customer-history-column,.dp-hg-result,.ops-toolbar,.dc-toolbar,.workflow-definition) {
    background:var(--eg-glass)!important;color:var(--eg-text)!important;border-color:var(--eg-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] .bcPanel .bcForm>label {background:transparent!important;border-color:var(--eg-line)!important;color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.dp-directory-row,.vm,.call-row,.floor-row,.manager-row) {
    background:var(--eg-table)!important;color:var(--eg-text)!important;border-color:var(--eg-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.activity-list,.dc-data-row,.floor-current-call,.bcEmpty,.activity-empty) {color:var(--eg-text)!important;border-color:var(--eg-line)!important;}
  html[data-ws-accessibility][data-dp-theme] .pc-card :is(.pc-description,.pc-note,.pc-legend,.pc-axis,.pc-bar-name,.pc-bar-number) {color:var(--eg-muted)!important;fill:var(--eg-muted)!important;}
  html[data-ws-accessibility][data-dp-theme] .pc-gridline {stroke:var(--eg-line)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.pc-ring-total,.pc-ring-total tspan) {fill:var(--eg-text)!important;}
  /* Reports keeps legacy per-element colors in its own sheet, including its
     subtitle and definitions. Resolve all secondary copy to the shared tone. */
  html[data-ws-accessibility][data-dp-theme] #tenantReports {color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] #tenantReports :is(.report-heading>span,.report-range,.report-message,.report-definitions) {color:var(--eg-muted)!important;}
  html[data-ws-accessibility][data-dp-theme] #tenantReports .report-metrics article {
    background:var(--eg-glass)!important;color:var(--eg-text)!important;
    border-left-color:var(--eg-brand)!important;
  }
  html[data-ws-accessibility][data-dp-theme] #tenantReports .report-metrics article:nth-child(2n) {border-left-color:var(--eg-success)!important;}
  html[data-ws-accessibility][data-dp-theme] #tenantReports .report-metrics article:nth-child(3n) {border-left-color:var(--eg-alert)!important;}
  html[data-ws-accessibility][data-dp-theme] #tenantReports .report-metrics article>span {color:var(--eg-muted)!important;}
  html[data-ws-accessibility][data-dp-theme] #tenantReports svg {color:var(--eg-action)!important;}
  html[data-ws-accessibility][data-dp-theme] #tenantReports meter {accent-color:var(--eg-brand)!important;}

  /* Tables and small operational data always have a stable readable backing. */
  html[data-ws-accessibility][data-dp-theme] :is(.table-wrap,.activity-table-wrap,.bcTableWrap,.log-scroll,.call-log-scroll,.dp-vm-scroll,.dp-vmm-scroll,.sip-table-wrap,.routing-table-wrap,.table-scroll,.report-table-wrap,.ops-table-wrap,.dp-monitor-table,.quality-table) {
    background:var(--eg-table)!important;color:var(--eg-text)!important;
    border-color:var(--eg-line)!important;border-radius:12px!important;
  }
  html[data-ws-accessibility][data-dp-theme] table {background:var(--eg-table)!important;color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] table th {
    background:var(--eg-table-head)!important;color:var(--eg-muted)!important;
    border-color:var(--eg-line)!important;font-size:12px!important;font-weight:650!important;
    line-height:1.5!important;text-transform:none!important;letter-spacing:.01em!important;
  }
  html[data-ws-accessibility][data-dp-theme] table :is(td,tbody tr,tbody tr:nth-child(even)) {
    background:transparent!important;color:var(--eg-text)!important;border-color:var(--eg-line)!important;
    font-size:13px!important;line-height:1.5!important;
  }
  html[data-ws-accessibility][data-dp-theme] table tbody tr:hover {background:var(--eg-hover)!important;}

  /* Native options and floating menus use solid fills; transparency here can
     show unrelated numbers and controls through the text. No display changes. */
  html[data-ws-accessibility][data-dp-theme] :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not(#dialWidget *):not(#supervisorDialpad *) {
    background:var(--eg-field)!important;color:var(--eg-text)!important;
    border:1px solid var(--eg-field-line)!important;border-radius:9px!important;
    min-height:40px!important;font-size:13px!important;line-height:1.5!important;
    box-shadow:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(input,textarea)::placeholder {color:var(--eg-muted)!important;opacity:1!important;}
  html[data-ws-accessibility][data-dp-theme] select :is(option,optgroup) {background:var(--eg-menu)!important;color:var(--eg-text)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(input,select,textarea)[aria-invalid=true] {border-color:var(--eg-danger)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.account-dropdown,#controllerDropdown,.ws-header-actions-panel,.presence-options,.dp-row-actions .row-action-buttons,.dp-vm-menu,.call-recording-menu,.pc-tooltip,.customer-record-popup,.dp-vmm-toast) {
    background:var(--eg-menu)!important;color:var(--eg-text)!important;
    border:1px solid var(--eg-line)!important;box-shadow:var(--eg-menu-shadow)!important;
    border-radius:12px!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.account-dropdown,#controllerDropdown,.ws-header-actions-panel,.presence-options,.dp-row-actions .row-action-buttons,.dp-vm-menu,.call-recording-menu) :is(button,a) {
    background:transparent!important;color:var(--eg-text)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.account-dropdown,#controllerDropdown,.ws-header-actions-panel,.presence-options,.dp-row-actions .row-action-buttons,.dp-vm-menu,.call-recording-menu) :is(button,a):hover {
    background:var(--eg-hover)!important;color:var(--eg-text)!important;
  }
  html[data-ws-accessibility][data-dp-theme] #agentPresence .presence-options {background:var(--eg-menu)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(dialog,[role=dialog]):not(#supervisorDialpad):not(#phoneDemo) {
    background:var(--eg-menu)!important;color:var(--eg-text)!important;
    border:1px solid var(--eg-line)!important;border-radius:16px!important;
    box-shadow:var(--eg-menu-shadow)!important;
  }
  html[data-ws-accessibility][data-dp-theme] dialog::backdrop {background:rgba(3,12,25,.54);}
  html[data-ws-accessibility][data-dp-theme] :is(.dp-management-heading,.dp-vm-heading,.recording-dialog header,.manager-dialog-heading,.quality-heading,.floor-heading,.integrations-heading,.dc-dialog-header) {
    background:transparent!important;color:var(--eg-text)!important;border-color:var(--eg-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(main,dialog) button.secondary:not(:disabled):not(.dp-navigation button):not(#dialWidget button):not(#supervisorDialpad button) {
    background:var(--eg-selected)!important;color:var(--eg-text)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(main,dialog) button.secondary:not(:disabled):not(.dp-navigation button):not(#dialWidget button):not(#supervisorDialpad button):hover {background:var(--eg-hover)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(main,dialog) button.danger:not(:disabled):not(#dialWidget button) {background:var(--eg-danger)!important;color:var(--eg-canvas)!important;}
  html[data-ws-accessibility][data-dp-theme=light] :is(main,dialog) button.danger:not(:disabled):not(#dialWidget button) {color:#fff!important;}
  html[data-ws-accessibility][data-dp-theme] :is(main,dialog) :is(button:disabled,input:disabled,select:disabled,textarea:disabled):not(#dialWidget *) {
    background:var(--ui-disabled)!important;color:var(--ui-disabled-text)!important;opacity:1!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.quality-tabs,.bcTabs) button[aria-selected=true] {
    color:var(--eg-action)!important;background:var(--eg-selected)!important;
    box-shadow:inset 0 -2px var(--eg-brand)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.error,.bcError,.quality-error,.ops-error,.aw-error,.workflow-message.error,.dp-vmm-error,.save-failed) {color:var(--eg-danger)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.success,.bcSuccess,.save-success,.log-status.good) {color:var(--eg-success-text)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.wrapup-banner,.ops-warning,.floor-warning,.dp-vmm-warning,.dp-vmm-critical) {background:var(--eg-alert-soft)!important;color:var(--eg-alert-text)!important;border-color:var(--eg-alert)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.customer-blocked,.dp-vmm-full) {background:var(--eg-danger-soft)!important;color:var(--eg-danger)!important;}
  html[data-ws-accessibility][data-dp-theme] :is(pre,code) {background:var(--eg-table)!important;color:var(--eg-text)!important;border-color:var(--eg-line)!important;}

  /* The floating phone intentionally retains its readable smoked surface in
     either page theme. Legacy key spans carry their own navy text color. */
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key {background:var(--dg-key)!important;color:var(--dg-text)!important;}
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key:hover {background:var(--dg-key-hover)!important;}
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key:active {background:var(--dg-key-active)!important;}
  html[data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key>span {color:var(--dg-text)!important;}
  /* The iframe cannot sample the portal's pixels. Its parent phone shell owns
     the single backdrop-filter; neither iframe canvas may cover that surface. */
  html.supervisor-dialpad-only[data-dp-theme][data-dp-theme],
  html.supervisor-dialpad-only[data-dp-theme][data-dp-theme] body {
    background:transparent!important;background-image:none!important;
  }

  /* Both sign-in entrypoints share the workspace palette without changing
     session-bootstrap visibility or authentication behavior. */
  html[data-dp-theme][data-dp-theme] body#dp-signin {
    background-color:var(--eg-canvas)!important;background-image:var(--eg-canvas-image)!important;
    color:var(--eg-text)!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  }
  html[data-dp-theme][data-dp-theme] body#dp-signin .shell {
    background:var(--eg-glass)!important;border:1px solid var(--eg-glass-line)!important;
    border-radius:16px!important;box-shadow:var(--eg-menu-shadow)!important;
  }
  html[data-dp-theme][data-dp-theme] body#dp-signin .form {background:var(--eg-glass)!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin .art {
    background:var(--eg-selected)!important;border-color:var(--eg-line)!important;
  }
  html[data-dp-theme][data-dp-theme] body#dp-signin :is(.eyebrow,.art h2 em,.back) {color:var(--eg-action)!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin :is(h1,.art h2) {color:var(--eg-text)!important;font-size:26px!important;line-height:1.3!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin :is(input,select) {background:var(--eg-field)!important;color:var(--eg-text)!important;border-color:var(--eg-field-line)!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin button.submit:not(:disabled) {background:var(--eg-action)!important;color:var(--eg-on-action)!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin :is(p,.satellite,.art-foot,#otpInfo,.eye) {color:var(--eg-muted)!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin .satellite {background:var(--eg-menu)!important;border-color:var(--eg-line)!important;}
  html[data-dp-theme][data-dp-theme] #dpSessionLoading {background:var(--eg-canvas)!important;color:var(--eg-text)!important;}
  html[data-dp-theme][data-dp-theme] #dpSessionLoading .dp-session-card {background:var(--eg-menu)!important;border-color:var(--eg-line)!important;}

  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html[data-ws-accessibility][data-dp-theme] body>header,
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation,
    html[data-ws-accessibility][data-dp-theme] #activityDashboard,
    html[data-dp-theme][data-dp-theme] body#dp-signin>.shell {
      -webkit-backdrop-filter:blur(20px) saturate(140%)!important;
      backdrop-filter:blur(20px) saturate(140%)!important;
    }
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html[data-dp-theme][data-dp-theme] {--eg-glass:var(--eg-menu);--eg-outer:var(--eg-menu);--eg-nav:var(--eg-menu);}
  }
  @media(max-width:600px) {
    html[data-ws-accessibility][data-dp-theme] #activityDashboard {padding:12px!important;}
    html[data-ws-accessibility][data-dp-theme] main h1 {font-size:22px!important;}
    html[data-ws-accessibility][data-dp-theme] :is(main,dialog) :is(input,select,textarea):not(#dialWidget *):not(#supervisorDialpad *) {font-size:16px!important;min-height:44px!important;}
  }
  @media(prefers-reduced-transparency:reduce) {
    html[data-dp-theme][data-dp-theme] {--eg-glass:var(--eg-menu);--eg-outer:var(--eg-menu);--eg-nav:var(--eg-menu);--eg-table:var(--eg-menu);}
    html[data-ws-accessibility][data-dp-theme] body>header,
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation,
    html[data-ws-accessibility][data-dp-theme] #activityDashboard,
    html[data-dp-theme][data-dp-theme] body#dp-signin>.shell {-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  }
  @media(forced-colors:active) {
    html[data-dp-theme][data-dp-theme] {
      --eg-canvas:Canvas;--eg-text:CanvasText;--eg-muted:CanvasText;
      --eg-glass:Canvas;--eg-outer:Canvas;--eg-nav:Canvas;--eg-menu:Canvas;
      --eg-table:Canvas;--eg-table-head:Canvas;--eg-field:Canvas;
      --eg-line:ButtonText;--eg-field-line:ButtonText;--eg-glass-line:ButtonText;
      --eg-selected:Canvas;--eg-hover:Canvas;--eg-action:LinkText;
      --eg-brand:Highlight;--eg-focus:Highlight;--eg-on-action:Canvas;
      --eg-canvas-image:none;--eg-shadow:none;--eg-menu-shadow:none;
    }
    html[data-ws-accessibility][data-dp-theme] body>header,
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation,
    html[data-ws-accessibility][data-dp-theme] #activityDashboard,
    html[data-dp-theme][data-dp-theme] body#dp-signin>.shell {-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  }
}

/* executive-shell.css */
/* Structural components shared by the three workspaces. */
@layer workspace {
 html[data-ws-accessibility] .dp-row-actions>summary::marker {content:"";}
 html[data-ws-accessibility] .dp-row-actions>summary::-webkit-details-marker {display:none;}
 html[data-ws-accessibility] .dp-row-actions>summary::after {content:"";display:inline-block;width:6px;height:6px;margin-left:10px;vertical-align:3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);}
 html[data-ws-accessibility] .dp-row-actions[open]>summary::after {transform:rotate(225deg);vertical-align:0;}
 html[data-ws-accessibility] .eg-profile {display:flex!important;align-items:center!important;gap:10px!important;padding:10px 4px 14px!important;min-width:0!important;color:var(--cp-text)!important;}
 html[data-ws-accessibility] .eg-profile-avatar {width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--cp-soft);color:var(--cp-accent);font-size:12px;font-weight:650;}
 html[data-ws-accessibility] .eg-profile>div {min-width:0;}
 html[data-ws-accessibility] .eg-profile strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;}
 html[data-ws-accessibility] .eg-profile small {display:block;font-size:11px;color:var(--cp-muted);}
 html[data-ws-accessibility] body[data-ws-nav-mode=desktop][data-ws-nav-state=rail] .eg-profile {justify-content:center!important;padding-inline:0!important;}
 html[data-ws-accessibility] body[data-ws-nav-mode=desktop][data-ws-nav-state=rail] .eg-profile>div {display:none!important;}
 html[data-ws-accessibility] #activityDashboard #activityMetrics,
 html[data-ws-accessibility] .eg-metrics {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 20px!important;}
 html[data-ws-accessibility] #activityMetrics>.activity-metric:nth-child(n),
 html[data-ws-accessibility] #activityDailyMetrics>.activity-metric,
 html[data-ws-accessibility] .eg-metric {grid-column:auto!important;min-width:0!important;padding:16px!important;min-height:114px!important;border:1px solid var(--cp-line)!important;border-radius:14px!important;background:var(--cp-surface)!important;color:var(--cp-text)!important;box-shadow:var(--cp-shadow)!important;}
 html[data-ws-accessibility] #activityDailyMetrics>.activity-metric {display:grid!important;grid-template-columns:minmax(0,1fr) 24px;gap:6px 8px;}
 html[data-ws-accessibility] #activityDailyMetrics .manager-metric-icon {grid-area:1 / 2;width:24px;height:24px;color:var(--cp-accent);background:var(--cp-soft);padding:4px;border-radius:7px;}
 html[data-ws-accessibility] #activityDailyMetrics .activity-metric>span {grid-area:1 / 1;}
 html[data-ws-accessibility] #activityDailyMetrics .activity-metric>strong {grid-column:1 / -1;}
 html[data-ws-accessibility] #activityDailyMetrics .activity-metric>small {grid-column:1 / -1;}
 html[data-ws-accessibility] :is(.eg-metric,#activityDailyMetrics .activity-metric)>span {display:block;color:var(--cp-muted)!important;font-size:12px!important;line-height:1.5!important;font-weight:500!important;}
 html[data-ws-accessibility] :is(.eg-metric,#activityDailyMetrics .activity-metric)>strong {display:block;margin:6px 0!important;font-size:26px!important;font-weight:650!important;letter-spacing:-.04em!important;line-height:1.2!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
 html[data-ws-accessibility] :is(.eg-metric,#activityDailyMetrics .activity-metric)>small {display:block;color:var(--cp-muted)!important;font-size:12px!important;line-height:1.5!important;}
 html[data-ws-accessibility] #agentWorkbenchPage .eg-agent-metrics .eg-metric>strong {font-size:18px!important;letter-spacing:-.02em!important;}
 html[data-ws-accessibility] .eg-daily-summary {margin-top:22px!important;}
 html[data-ws-accessibility] .eg-daily-summary h3 {font-size:15px!important;margin:0 0 12px!important;}
 html[data-ws-accessibility] #activityDailyMetrics {grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;}
 @media(max-width:1199px){html[data-ws-accessibility] #activityDailyMetrics {grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
 @media(max-width:700px){html[data-ws-accessibility] #activityDashboard #activityMetrics,html[data-ws-accessibility] .eg-metrics,html[data-ws-accessibility] #activityDailyMetrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}html[data-ws-accessibility] #agentWorkbenchPage .eg-agent-metrics .eg-metric>strong {font-size:16px!important;}}
 @media(max-width:359px){html[data-ws-accessibility] #activityDashboard #activityMetrics,html[data-ws-accessibility] .eg-metrics,html[data-ws-accessibility] #activityDailyMetrics {grid-template-columns:minmax(0,1fr)!important;}}
}

/* executive-approved.css */
/* Approved Executive Corporate Glass prototype → existing PBX workspaces.
   This is a presentation adapter, not a replacement page. Live tenant/agent
   data, navigation states, visibility, forms and call behavior remain owned by
   their existing modules. Enhanced menus and the phone have separate sheets. */
@layer workspace {
  /* Exact approved theme palette. Existing component token bridges resolve
     through these values, including modules loaded after authentication. */
  html[data-dp-theme][data-dp-theme] {
    --eg-canvas:#f1f5f9; --eg-glow-a:#e0f2fe; --eg-glow-b:#dbeafe;
    --eg-text:#162b45; --eg-muted:#4b627c;
    /* A small darkening from prototype #0369a1 protects small action text on
       the most saturated translucent selected surface (measured >4.5:1). */
    --eg-brand:#0284c7; --eg-action:#036497; --eg-on-action:#fff;
    --eg-glass:rgba(255,255,255,.8); --eg-glass-line:rgba(255,255,255,.9);
    --eg-nav:rgba(255,255,255,.72); --eg-outer:rgba(255,255,255,.48);
    --eg-table:rgba(255,255,255,.94); --eg-table-head:#eaf3f9;
    --eg-field:#f8fafc; --eg-menu:#f8fafc;
    --eg-selected:rgba(2,132,199,.10); --eg-hover:rgba(2,132,199,.07);
    --eg-success:#16a34a; --eg-success-text:#166534;
    --eg-alert:#b45309; --eg-alert-text:#92400e; --eg-danger:#be123c;
    --eg-soft-line:rgba(128,151,178,.22);
    --eg-shadow:0 3px 12px rgba(48,74,106,.025);
    --eg-menu-shadow:0 20px 60px rgba(48,74,106,.12);
    --eg-canvas-image:radial-gradient(ellipse at 82% 5%,var(--eg-glow-b),transparent 56%),radial-gradient(ellipse at 9% 70%,var(--eg-glow-a),transparent 58%);
  }
  html[data-dp-theme=dark][data-dp-theme] {
    --eg-canvas:#0b1329; --eg-glow-a:#1e293b; --eg-glow-b:#0f2b48;
    --eg-text:#ecf3ff; --eg-muted:#a8b9d1;
    --eg-brand:#38bdf8; --eg-action:#42c2fb; --eg-on-action:#072436;
    --eg-glass:rgba(255,255,255,.04); --eg-glass-line:rgba(255,255,255,.12);
    --eg-nav:rgba(15,25,46,.72); --eg-outer:rgba(15,25,46,.50);
    --eg-table:rgba(15,23,42,.92); --eg-table-head:#152b40;
    --eg-field:#14233b; --eg-menu:#14233b;
    --eg-selected:rgba(56,189,248,.15); --eg-hover:rgba(56,189,248,.10);
    --eg-success:#34d399; --eg-success-text:#34d399;
    --eg-alert:#fbbf24; --eg-alert-text:#fbbf24; --eg-danger:#fda4af;
    --eg-soft-line:rgba(128,151,178,.18);
    --eg-shadow:0 3px 12px rgba(0,0,0,.035);
    --eg-menu-shadow:0 20px 60px rgba(0,0,0,.24);
  }

  /* Edge-to-edge page shell: internal cards retain their own boundaries.
     Never filter/transform main: fixed navigation and phone layers depend on
     retaining the viewport as their containing block. */
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body:not(.preview-app) {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",ui-sans-serif,sans-serif!important;
    font-size:14px!important;letter-spacing:.005em!important;
    border:0!important;box-shadow:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] body>main {
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop] main:has(:is(#app,#phone):not(.hidden)) {
    margin-top:var(--dp-edge-panel-gap,28px)!important;margin-right:28px!important;margin-bottom:28px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop]:not([data-ws-nav-state=rail]) main:has(:is(#app,#phone):not(.hidden)) {margin-left:260px!important;}
  html[data-ws-accessibility][data-dp-theme] body>header {box-shadow:none!important;}
  html[data-ws-accessibility][data-dp-theme] :is(#activityDashboard,#platformLive,#agentWorkbenchPage) {
    background:transparent!important;border:0!important;border-radius:0!important;
    padding:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(h1,h2,h3) {font-weight:650!important;}
  html[data-ws-accessibility][data-dp-theme] main h1 {font-size:clamp(23px,2.2vw,30px)!important;line-height:1.2!important;letter-spacing:-.035em!important;}
  html[data-ws-accessibility][data-dp-theme] main h2 {font-size:17px!important;line-height:1.4!important;letter-spacing:-.01em!important;}
  html[data-ws-accessibility][data-dp-theme] main h3 {font-size:15px!important;line-height:1.4!important;}
  html[data-ws-accessibility][data-dp-theme] :is(#activityDashboard .activity-heading,#agentWorkbenchPage .floor-heading,.dp-monitor-heading) {margin-bottom:24px!important;}
  html[data-ws-accessibility][data-dp-theme] #activityDashboard .activity-heading h2 {
    font-size:clamp(23px,2.2vw,30px)!important;line-height:1.2!important;letter-spacing:-.035em!important;
    margin-bottom:8px!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(#platformLive .dp-monitor-heading,#agentWorkbenchPage .floor-heading) h2 {font-size:clamp(23px,2.2vw,30px)!important;line-height:1.2!important;letter-spacing:-.035em!important;}
  html[data-ws-accessibility][data-dp-theme] #activityDashboard .activity-heading p {font-size:12px!important;}

  /* Navigation matches the approved 232px sidebar while retaining the real
     role menus and stateful mobile drawer. No z-index or display overrides. */
  html[data-ws-accessibility][data-dp-theme] body:not([data-ws-nav-state=rail]) .dp-navigation .ws-nav-items {padding:18px 13px!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(button,summary) {
    min-height:44px!important;padding-top:11px!important;padding-bottom:11px!important;
    border-radius:9px!important;font-size:13px!important;font-weight:500!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation button.secondary:not(.active):not([aria-current=page]):not([aria-selected=true]) {color:var(--eg-muted)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation :is(button.active,[aria-current=page],[aria-selected=true]) {font-weight:600!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-navigation .aw-eyebrow {font-size:10px!important;letter-spacing:.16em!important;}
  html[data-ws-accessibility][data-dp-theme] body:not([data-ws-nav-state=rail]) .dp-navigation .eg-profile {
    padding:14px 10px!important;margin:2px 0 10px!important;
    background:var(--eg-glass)!important;border:1px solid var(--eg-glass-line)!important;border-radius:12px!important;
  }
  html[data-ws-accessibility][data-dp-theme] .eg-profile strong {font-size:12px!important;}
  html[data-ws-accessibility][data-dp-theme] .eg-profile small {font-size:11px!important;}

  /* Interior panels and compact operational typography. Dense lists and tables
     retain the high-opacity backing from the shared theme sheet. */
  html[data-ws-accessibility][data-dp-theme] :is(.card,.activity-panel,.floor-panel,.floor-section,.quality-panel,.quality-section,.pc-card,.dc-card,.bcCampaign,.bcAudioCard,.integration-profile,.ops-metric,.aw-callback,.aw-reminder,.dp-vmm-panel) {
    border-radius:16px!important;border-color:var(--eg-glass-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] :is(.activity-panel,.floor-section,.quality-section,.pc-card,.dc-card,.dp-vmm-panel) {padding:18px 20px!important;}
  html[data-ws-accessibility][data-dp-theme] #activityDashboard .activity-panel {padding:18px 20px!important;}
  html[data-ws-accessibility][data-dp-theme] #activityDashboard .activity-columns {gap:20px!important;}
  html[data-ws-accessibility][data-dp-theme] #activityDashboard .activity-panel>p {font-size:12px!important;line-height:1.5!important;}
  html[data-ws-accessibility][data-dp-theme] #activityDashboard #activityMetrics,
  html[data-ws-accessibility][data-dp-theme] .eg-metrics {gap:14px!important;}
  html[data-ws-accessibility][data-dp-theme] #activityMetrics>.activity-metric:nth-child(n),
  html[data-ws-accessibility][data-dp-theme] .eg-metric {
    padding:18px 20px!important;min-height:124px!important;border-radius:16px!important;
    border-color:var(--eg-glass-line)!important;box-shadow:var(--eg-shadow)!important;
  }
  html[data-ws-accessibility][data-dp-theme] #activityMetrics>.activity-metric>strong,
  html[data-ws-accessibility][data-dp-theme] .eg-platform-metrics .eg-metric>strong {
    font-size:31px!important;line-height:1.3!important;letter-spacing:-.04em!important;font-weight:650!important;
  }
  /* Agent status values are words, not numbers; preserve their readable compact
     type so registration messages cannot inflate the whole metric row. */
  html[data-ws-accessibility][data-dp-theme] #agentWorkbenchPage .eg-agent-metrics .eg-metric>strong {font-size:18px!important;line-height:1.35!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.eg-metric,#activityMetrics>.activity-metric)>small {font-size:11px!important;}
  html[data-ws-accessibility][data-dp-theme] #activityMetrics>.activity-metric>.manager-metric-icon {
    width:24px!important;height:24px!important;padding:3px!important;background:transparent!important;
  }
  html[data-ws-accessibility][data-dp-theme] body table th {
    font-size:11px!important;letter-spacing:.05em!important;font-weight:600!important;
    text-transform:uppercase!important;padding:13px 16px!important;
    border-color:var(--eg-soft-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body table :is(td,tbody tr,tbody tr:nth-child(even)) {
    font-size:12px!important;border-color:var(--eg-soft-line)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body table td {padding:13px 16px!important;}
  html[data-ws-accessibility][data-dp-theme] body table td :is(small,.muted) {font-size:11px!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-monitor-table td:first-child strong {font-size:13px!important;font-weight:600!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.table-wrap,.activity-table-wrap,.bcTableWrap,.log-scroll,.dp-vm-scroll,.dp-vmm-scroll,.report-table-wrap,.ops-table-wrap,.dp-monitor-table) {border-radius:12px!important;}
  html[data-ws-accessibility][data-dp-theme] :is(.activity-badge,.dp-vm-badge,.bcBadge) {font-size:11px!important;font-weight:600!important;border-radius:6px!important;}

  /* The original prototype uses a light field boundary. Production retains
     the tested stronger input boundary; dropdowns are owned by approved-controls. */
  html[data-ws-accessibility][data-dp-theme] :is(input,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not(#dialWidget *):not(#supervisorDialpad *) {border-radius:9px!important;}
  html[data-dp-theme][data-dp-theme] body#dp-signin {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",ui-sans-serif,sans-serif!important;}

  @media(max-width:1199px) {
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop] main:has(:is(#app,#phone):not(.hidden)) {margin-top:var(--dp-edge-panel-gap,22px)!important;margin-right:22px!important;}
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop]:not([data-ws-nav-state=rail]) main:has(:is(#app,#phone):not(.hidden)) {margin-left:254px!important;}
    html[data-ws-accessibility][data-dp-theme] #activityMetrics>.activity-metric:nth-child(n),
    html[data-ws-accessibility][data-dp-theme] .eg-metric {padding:16px!important;}
  }
  @media(max-width:700px) {
    html[data-ws-accessibility][data-dp-theme] #activityDashboard #activityMetrics,
    html[data-ws-accessibility][data-dp-theme] .eg-metrics {gap:10px!important;}
    html[data-ws-accessibility][data-dp-theme] #activityMetrics>.activity-metric:nth-child(n),
    html[data-ws-accessibility][data-dp-theme] .eg-metric {padding:15px!important;min-height:116px!important;}
    html[data-ws-accessibility][data-dp-theme] #activityMetrics>.activity-metric>strong {font-size:28px!important;}
    html[data-ws-accessibility][data-dp-theme] #agentWorkbenchPage .eg-agent-metrics .eg-metric>strong {font-size:16px!important;}
  }
  @media(max-width:600px) {
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=mobile] main:has(:is(#app,#phone):not(.hidden)) {margin:20px 14px!important;}
    html[data-ws-accessibility][data-dp-theme] :is(#activityDashboard,#platformLive,#agentWorkbenchPage) {padding:0!important;}
    html[data-ws-accessibility][data-dp-theme] :is(.activity-panel,.floor-section,.quality-section,.pc-card,.dc-card,.dp-vmm-panel),
    html[data-ws-accessibility][data-dp-theme] #activityDashboard .activity-panel {padding:16px!important;}
    html[data-ws-accessibility][data-dp-theme] body table :is(th,td) {padding:12px!important;}
  }
  @media(prefers-reduced-transparency:reduce) {
    html[data-dp-theme][data-dp-theme] {--eg-glass:var(--eg-menu);--eg-nav:var(--eg-menu);--eg-table:var(--eg-menu);--eg-selected:var(--eg-table-head);--eg-hover:var(--eg-table-head);}
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html[data-dp-theme][data-dp-theme] {--eg-glass:var(--eg-menu);--eg-nav:var(--eg-menu);--eg-table:var(--eg-menu);}
  }
  @media(forced-colors:active) {
    html[data-dp-theme][data-dp-theme] {
      --eg-canvas:Canvas;--eg-text:CanvasText;--eg-muted:CanvasText;
      --eg-glass:Canvas;--eg-nav:Canvas;--eg-outer:Canvas;--eg-menu:Canvas;
      --eg-table:Canvas;--eg-table-head:Canvas;--eg-field:Canvas;
      --eg-glass-line:ButtonText;--eg-soft-line:ButtonText;
      --eg-selected:Canvas;--eg-hover:Canvas;--eg-action:LinkText;
      --eg-brand:Highlight;--eg-on-action:Canvas;--eg-canvas-image:none;
      --eg-shadow:none;--eg-menu-shadow:none;
    }
  }
}

/* executive-controls.css */
/* Borderless dropdowns. The native select remains the form's value source.
   Focus is indicated by a filled background and underlined value, not a ring. */
@layer workspace {
  html[data-ws-accessibility][data-dp-theme] :is(.account-dropdown,#controllerDropdown,.ws-header-actions-panel,.presence-options,.dp-row-actions .row-action-buttons,.dp-vm-menu,.call-recording-menu) {
    border:0!important;outline:0!important;box-shadow:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] select.dp-eg-select-source {
    position:absolute!important; width:1px!important; height:1px!important;
    min-width:0!important;min-height:0!important;max-width:1px!important;max-height:1px!important;
    padding:0!important;margin:0!important;border:0!important;outline:none!important;
    box-shadow:none!important;clip-path:inset(50%)!important;overflow:hidden!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] select.dp-eg-select-source :is(option,optgroup) {visibility:hidden!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger.dp-eg-select-trigger {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;box-sizing:border-box!important;width:100%;max-width:100%;min-width:0;
    min-height:36px!important;height:auto!important;margin:0;padding:7px 11px!important;
    font-family:inherit!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;
    background:var(--eg-field,#fff)!important;color:var(--eg-text,#172b43)!important;
    border:0!important;outline:0!important;box-shadow:none!important;border-radius:9px!important;
    text-align:left!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer;
    transform:none!important;white-space:normal!important;scroll-margin-block:90px 30px;
    -webkit-tap-highlight-color:transparent;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger.dp-eg-select-trigger:is(:focus,:focus-visible,:active) {
    border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger.dp-eg-select-trigger:is(:hover,[aria-expanded=true]) {
    background:var(--eg-selected,#dfedf8)!important;color:var(--eg-text,#172b43)!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger.dp-eg-select-trigger[data-input-method=keyboard]:focus {
    background:var(--eg-selected,#dfedf8)!important;color:var(--eg-action,#0369a1)!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger[data-input-method=keyboard]:focus .dp-eg-select-value {
    text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-value {
    display:block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger::after {
    content:''!important;display:block!important;flex:0 0 6px;width:6px;height:6px;
    border:0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg);opacity:.75;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger[aria-expanded=true]::after {transform:translateY(2px) rotate(225deg);}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger.dp-eg-select-trigger[aria-disabled=true] {
    background:var(--ui-disabled,#e4ebf1)!important;color:var(--ui-disabled-text,#53677b)!important;
    -webkit-text-fill-color:currentColor!important;cursor:not-allowed!important;opacity:1!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger[aria-invalid=true] .dp-eg-select-value {
    text-decoration:underline wavy var(--eg-danger,#b42340)!important;text-underline-offset:4px!important;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-menu.dp-eg-select-menu {
    position:fixed!important;inset:auto;z-index:2147482000;margin:0!important;padding:6px!important;
    box-sizing:border-box!important;min-width:0!important;max-width:calc(100vw - 16px)!important;
    border:0!important;outline:0!important;box-shadow:none!important;border-radius:12px!important;
    background:var(--eg-menu,#fff)!important;color:var(--eg-text,#172b43)!important;
    font:400 13px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif!important;text-align:left;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;
    scrollbar-width:thin;scrollbar-color:var(--eg-field-line,#71869c) transparent;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-menu::backdrop {background:transparent!important;backdrop-filter:none!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option {
    display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;
    margin:0;padding:8px 11px;border:0!important;outline:0!important;box-shadow:none!important;border-radius:7px;
    color:var(--eg-text,#172b43)!important;background:transparent!important;cursor:pointer;overflow-wrap:anywhere;
    font-size:13px!important;line-height:1.5!important;font-weight:400;
  }
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option[aria-selected=true] {font-weight:650;color:var(--eg-action,#0369a1)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option[aria-selected=true]::after {content:'✓';flex:none;font-weight:700;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option[data-active=true] {background:var(--eg-selected,#dfedf8)!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-menu[data-input-method=keyboard] .dp-eg-select-option[data-active=true] {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option[aria-disabled=true] {opacity:.55;cursor:not-allowed;}
  html[data-ws-accessibility][data-dp-theme] :is(.dp-eg-select-group,.dp-eg-select-empty) {padding:8px 11px;color:var(--eg-muted,#4c6076)!important;font-size:12px!important;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-group {font-weight:650;}
  html[data-ws-accessibility][data-dp-theme] .dp-eg-select-error {display:block;color:var(--eg-danger,#b42340)!important;font-size:12px;line-height:1.5;grid-column:1 / -1;}
  html[data-ws-accessibility][data-dp-theme] select:not(.dp-eg-select-source) {border:0!important;box-shadow:none!important;}
  html[data-ws-accessibility][data-dp-theme] select:not(.dp-eg-select-source):is(:focus,:focus-visible) {outline:0!important;box-shadow:none!important;background:var(--eg-selected)!important;text-decoration:underline;text-underline-offset:4px;}
  @media(max-width:600px) {
    html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger.dp-eg-select-trigger {min-height:44px!important;font-size:14px!important;}
    html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option {min-height:44px;}
  }
  @media(forced-colors:active) {
    html[data-ws-accessibility][data-dp-theme] .dp-eg-select-trigger[data-input-method=keyboard]:focus,
    html[data-ws-accessibility][data-dp-theme] .dp-eg-select-option[data-active=true] {background:Highlight!important;color:HighlightText!important;forced-color-adjust:none;}
  }
}
@layer workspaceVisibility {
  html[data-ws-accessibility] :is(.dp-eg-select-trigger,.dp-eg-select-error,.dp-eg-select-menu)[hidden] {display:none!important;}
}

/* Document Picture-in-Picture clones existing phone form controls but not their
   listeners. Preserve its existing native input/change bridge and original ARIA. */
@layer workspaceVisibility {
  html.dp-floating :is(.dp-eg-select-trigger,.dp-eg-select-error) {display:none!important;}
}
@layer workspace {
  html.dp-floating select.dp-eg-select-source :is(option,optgroup) {visibility:visible!important;}
  html.dp-floating select.dp-eg-select-source {
    position:static!important;width:100%!important;height:auto!important;min-height:36px!important;
    max-width:100%!important;max-height:none!important;min-width:0!important;
    opacity:1!important;visibility:visible!important;clip-path:none!important;overflow:visible!important;
    padding:7px 10px!important;pointer-events:auto!important;border:0!important;outline:0!important;box-shadow:none!important;
  }
}

/* executive-phone-approved.css */
/* Approved executive phone presentation, v4.51.0.
   Only color, surface, typography and focus presentation are changed here.
   Existing DPPhoneLayout dimensions, DOM nodes, call events and visibility win.
   A parent shell owns blur for embedded phones; iframe content stays clear. */
@layer workspace {
  html[data-dp-theme][data-dp-theme] {
    --dg-solid:#f5f9fd;
    --dg-glass:linear-gradient(145deg,rgba(255,255,255,.80),rgba(224,242,254,.76));
    --dg-text:#162b45;
    --dg-muted:#30475f;
    --dg-key:rgba(255,255,255,.55);
    --dg-key-hover:rgba(255,255,255,.83);
    --dg-key-active:rgba(195,222,241,.94);
    --dg-field:rgba(255,255,255,.40);
    --dg-focus:#334b65;
    --dg-inset:rgba(255,255,255,.86);
    --dg-shadow:0 20px 64px rgba(33,57,83,.18),inset 0 0 0 1px var(--dg-inset);
    --dg-input-line:rgba(48,71,95,.30);
    --dg-alert-bg:#fff1cb; --dg-alert-text:#805000;
    --dg-time-bg:#ddf6e9; --dg-time-text:#155b37;
  }
  html[data-dp-theme=dark][data-dp-theme] {
    --dg-solid:#14233b;
    --dg-glass:linear-gradient(145deg,rgba(21,39,65,.77),rgba(11,19,41,.72));
    --dg-text:#edf5ff;
    --dg-muted:#d3e2f6;
    --dg-key:rgba(255,255,255,.085);
    --dg-key-hover:rgba(255,255,255,.18);
    --dg-key-active:rgba(131,174,211,.29);
    --dg-field:rgba(255,255,255,.04);
    --dg-focus:#d8e7fa;
    --dg-inset:rgba(255,255,255,.18);
    --dg-shadow:0 25px 80px rgba(0,0,0,.30),inset 0 0 0 1px var(--dg-inset);
    --dg-input-line:rgba(211,226,246,.30);
    --dg-alert-bg:#493b13; --dg-alert-text:#ffe27c;
    --dg-time-bg:#15472f; --dg-time-text:#b8fbd3;
  }

  /* A small opacity increase over the visual prototype keeps fine phone text
     legible even when a black or white panel lies behind the moving surface. */
  html[data-dp-theme][data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,#supervisorDialpad,.dg-glass-surface) {
    background:var(--dg-solid)!important;
    color:var(--dg-text)!important;
    box-shadow:var(--dg-shadow)!important;
  }
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html[data-dp-theme][data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,#supervisorDialpad,.dg-glass-surface) {
      background:var(--dg-glass)!important;
      backdrop-filter:blur(24px) saturate(150%);
      -webkit-backdrop-filter:blur(24px) saturate(150%);
    }
  }
  html.supervisor-dialpad-only[data-dp-theme][data-dp-theme],
  html.supervisor-dialpad-only[data-dp-theme][data-dp-theme] body,
  html.supervisor-dialpad-only[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern,
  html[data-dp-theme][data-dp-theme] body .dg-glass-surface #dialWidget#dialWidget.dp-modern {
    background:transparent!important;background-image:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(.dial-head,#incoming,.incoming-box,.actions,.dp-party,#callControls,.dp-control-grid) {
    background:transparent!important;border:0!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(.dial-head strong,#callerTrigger,#number,#dpPartyNumber,#dpStage,#caller,.ringing,.dp-control-grid button,#keys .key,#keys .key>span) {
    color:var(--dg-text)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#callState,#ccMessage,#keys .key small,#dpDigits),
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern>small {
    color:var(--dg-muted)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key {
    background:var(--dg-key)!important;border-radius:16px!important;box-shadow:none!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern .dp-control-grid button::before {
    border-radius:12px;background:var(--dg-key);box-shadow:none;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key:not(:disabled):hover {
    background:var(--dg-key-hover)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #keys .key:not(:disabled):active {
    background:var(--dg-key-active)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #reject {
    background:#b72b45!important;color:#fff!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#answer,#call) {
    background:#087a4b!important;color:#fff!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #incoming .incoming-title {
    background:var(--dg-alert-bg)!important;color:var(--dg-alert-text)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #dpElapsed {
    background:var(--dg-time-bg)!important;color:var(--dg-time-text)!important;
  }

  /* No rectangular focus outline around the telephone number, including
     while editing. Keyboard focus remains visible as a text underline. */
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern .dp-number-entry,
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern .dp-number-entry:focus-within {
    background:transparent!important;border:0!important;border-radius:0!important;
    outline:0!important;box-shadow:none!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern #number,
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern #number:is(:focus,:focus-visible,:active) {
    background:transparent!important;border:0!important;border-radius:0!important;
    outline:0!important;box-shadow:none!important;caret-color:var(--dg-text)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern #number::placeholder {
    color:var(--dg-muted)!important;opacity:1;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern #number:focus-visible,
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern #number:focus-visible::placeholder {
    text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;
    text-decoration-color:var(--dg-focus);
  }

  /* Consultation forms and longer wrap-up/contact forms remain highly opaque.
     This affects presentation only, never required-disposition or call locks. */
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #ccPicker {
    background:var(--dg-solid)!important;color:var(--dg-text)!important;border:0!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #ccPicker :is(label,select,input) {
    color:var(--dg-text)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #ccPicker :is(select,input) {
    background:var(--dg-solid)!important;border-color:var(--dg-input-line)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern :is(#ccConsultActions,#ccLiveActions) button {
    background:var(--dg-solid)!important;color:var(--dg-text)!important;
  }
  html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern #ccEnd {
    background:#b72b45!important;color:#fff!important;
  }
  html[data-dp-theme][data-dp-theme] body :is(#dispositionDialog#dispositionDialog#dispositionDialog,#customerContactSlide#customerContactSlide#customerContactSlide)[open] {
    background:var(--dg-solid)!important;color:var(--dg-text)!important;
    border:0!important;box-shadow:var(--dg-shadow)!important;
  }
  html[data-dp-theme][data-dp-theme] body :is(#dispositionDialog#dispositionDialog#dispositionDialog,#customerContactSlide#customerContactSlide#customerContactSlide) :is(h2,h3,label,p) {
    color:var(--dg-text)!important;
  }
  html[data-dp-theme][data-dp-theme] body :is(#dispositionDialog#dispositionDialog#dispositionDialog,#customerContactSlide#customerContactSlide#customerContactSlide) :is(input,textarea,select) {
    background:var(--dg-solid)!important;color:var(--dg-text)!important;border-color:var(--dg-input-line)!important;
  }
  html[data-dp-theme][data-dp-theme] body :is(#dispositionDialog,#customerContactSlide) :is(.error,.customer-message,#dispositionError) {
    color:var(--eg-danger)!important;
  }

  @media(prefers-reduced-transparency:reduce) {
    html[data-dp-theme][data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,#supervisorDialpad,.dg-glass-surface) {
      background:var(--dg-solid)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    }
    html.supervisor-dialpad-only[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget.dp-modern {
      background:transparent!important;
    }
  }
  @media(forced-colors:active) {
    html[data-dp-theme][data-dp-theme] body :is(#dialWidget#dialWidget.dp-modern,#supervisorDialpad,.dg-glass-surface) {
      background:Canvas!important;color:CanvasText!important;box-shadow:none!important;
      backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    }
    html[data-dp-theme][data-dp-theme] body #dialWidget#dialWidget#dialWidget.dp-modern #number:focus-visible {
      text-decoration-color:Highlight!important;
    }
  }
}

@layer workspace {
/* Scoped executive overview. Existing floor and phone controls retain their layout. */
html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] {max-width:1440px;margin-inline:auto!important;--eo-text:#172b43;--eo-muted:#4b6076;--eo-fill:rgba(255,255,255,.5);--eo-border:rgba(255,255,255,.8);--eo-line:rgba(60,89,122,.17);--eo-blue:#0276b4;--eo-green:#087b5a;--eo-table:rgba(255,255,255,.94);color:var(--eo-text);}
html[data-ws-accessibility][data-dp-theme=dark] #activityDashboard[data-executive-overview] {--eo-text:#edf4ff;--eo-muted:#adbed5;--eo-fill:rgba(255,255,255,.04);--eo-border:rgba(255,255,255,.12);--eo-line:rgba(186,210,244,.15);--eo-blue:#38bdf8;--eo-green:#34d399;--eo-table:rgba(15,23,42,.94);}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-heading {display:flex!important;align-items:center!important;justify-content:space-between;gap:20px;margin:0 0 22px!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-heading h2 {font-size:clamp(23px,2.1vw,30px)!important;font-weight:650!important;letter-spacing:-.7px;line-height:1.25!important;margin:5px 0 8px!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-heading p {font-size:13px!important;color:var(--eo-muted);margin:0 0 8px!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-heading .eo-eyebrow {font-size:10px!important;letter-spacing:1.8px;font-weight:700;color:var(--eo-blue);}
#activityDashboard .eo-tools {display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-tools button {min-height:38px!important;font-size:12px!important;padding:8px 12px!important;border-radius:9px!important;white-space:nowrap;}
#activityDashboard .eo-date {font-size:12px;color:var(--eo-muted);}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-kpis {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px;}
#activityDashboard .eo-kpi,#activityDashboard .eo-chart {background:var(--eo-fill);border:1px solid var(--eo-border);border-radius:16px;box-shadow:0 8px 30px rgba(5,25,50,.035);backdrop-filter:blur(20px) saturate(140%);}
#activityDashboard .eo-kpi {position:relative;min-width:0;padding:20px;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-kpi h3 {font-size:12px!important;font-weight:500!important;color:var(--eo-muted);padding-right:28px;margin:0 0 17px!important;}
#activityDashboard .eo-kpi .manager-metric-icon {position:absolute;right:18px;top:18px;width:22px;height:22px;fill:none;stroke:var(--eo-blue);stroke-width:1.6;}
#activityDashboard .eo-kpi[data-tone=green] .manager-metric-icon {stroke:var(--eo-green);}
#activityDashboard .eo-kpi[data-tone=amber] .manager-metric-icon {stroke:#b45309;}
html[data-dp-theme=dark] #activityDashboard .eo-kpi[data-tone=amber] .manager-metric-icon {stroke:#fbbf24;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-value {display:block;font-size:clamp(28px,2.9vw,38px)!important;font-weight:650;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-hint {font-size:11px!important;color:var(--eo-muted);margin:12px 0 0!important;line-height:1.5;}
#activityDashboard .eo-chart {padding:22px;}
#activityDashboard .eo-chart-heading {display:flex;align-items:start;justify-content:space-between;gap:16px;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-chart-heading h3 {font-size:15px!important;font-weight:650!important;margin:0 0 6px!important;}
#activityDashboard .eo-chart-heading p,#activityDashboard .eo-chart-note {font-size:11px;color:var(--eo-muted);line-height:1.5;}
#activityDashboard .eo-legend {display:flex;gap:16px;white-space:nowrap;font-size:11px;color:var(--eo-muted);}
#activityDashboard .eo-legend span::before {content:'';display:inline-block;width:15px;margin-right:6px;vertical-align:middle;border-top:3px solid var(--eo-blue);}
#activityDashboard .eo-legend .eo-answered::before {border-color:var(--eo-green);border-top-style:dashed;}
#eoPlot svg {display:block;width:100%;height:auto;max-height:340px;margin:10px 0;color:var(--eo-blue);overflow:visible;}
#eoPlot .eo-grid {stroke:var(--eo-line);stroke-dasharray:3 5;}
#eoPlot .eo-axis {fill:var(--eo-muted);font-size:11px;}
#eoPlot .eo-line-total,#eoPlot .eo-line-answered {fill:none;stroke:var(--eo-blue);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;}
#eoPlot .eo-line-answered {stroke:var(--eo-green);stroke-dasharray:6 5;}
#eoPlot .eo-dot-total {fill:var(--eo-blue);}#eoPlot .eo-dot-answered {fill:var(--eo-green);}
#activityDashboard .eo-empty {padding:70px 20px;text-align:center;color:var(--eo-muted);}
#activityDashboard .eo-data {border-top:1px solid var(--eo-line);padding-top:10px;margin-top:12px;}
#activityDashboard .eo-data summary,#activityDashboard .eo-monitor>summary {cursor:pointer;padding:10px 0;font-size:12px;color:var(--eo-text);min-height:24px;}
#activityDashboard .eo-data table {width:100%;border-collapse:collapse;background:var(--eo-table);font-size:12px;}
#activityDashboard .eo-data th,#activityDashboard .eo-data td {text-align:left;padding:10px;border-bottom:1px solid var(--eo-line);color:var(--eo-text);}
#activityDashboard .eo-monitor {margin-top:18px;border-top:1px solid var(--eo-line);}
#activityDashboard .eo-monitor>summary {font-size:14px;font-weight:600;}
#activityDashboard .eo-monitor[open]>summary {margin-bottom:16px;}
#activityDashboard .eo-stale-message {color:#b45309;}
html[data-ws-accessibility][data-dp-theme] #activityHealth.eo-warning {color:#965000!important;}
html[data-ws-accessibility][data-dp-theme=dark] #activityHealth.eo-warning {color:#fbbf24!important;}
#activityDashboard.eo-stale .eo-chart {border-color:#b45309;}
#activityDashboard .eo-sr {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:1100px){html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-heading {align-items:start!important;flex-direction:column;}#activityDashboard .eo-tools {justify-content:flex-start;}}
@media(max-width:700px){html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}#activityDashboard .eo-kpi {padding:16px;}#activityDashboard .eo-chart {padding:16px;}#activityDashboard .eo-chart-heading {flex-direction:column;}#activityDashboard .eo-kpi .manager-metric-icon {right:12px;top:14px;width:18px;}#eoPlot svg {min-height:160px;}#activityDashboard .eo-date {flex-basis:100%;}html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-value {font-size:28px!important;}}
@media(prefers-reduced-transparency:reduce){#activityDashboard .eo-kpi,#activityDashboard .eo-chart {background:var(--eo-table);backdrop-filter:none;}}

html[data-ws-accessibility][data-dp-theme] #activityDashboard .eo-kpi .manager-metric-icon {padding:0!important;background:transparent!important;border-radius:0!important;width:22px!important;height:22px!important;}

/* v4.51.3: explicit priority above older global card rules. */
html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] :is(.eo-kpi,.eo-chart) {background:var(--eo-fill)!important;border:1px solid var(--eo-border)!important;backdrop-filter:blur(20px) saturate(140%)!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] .eo-kpi {padding:24px!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] .eo-value {font-size:36px!important;font-weight:650!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard#activityDashboard[data-executive-overview] .eo-kpi h3 {font-size:13px!important;font-weight:500!important;}
html[data-ws-accessibility][data-dp-theme] #activityDashboard#activityDashboard[data-executive-overview] .eo-tools :is(button,.eo-date) {border-radius:10px!important;border:1px solid rgba(2,132,199,.18)!important;background:rgba(224,242,254,.65)!important;color:#17476b!important;padding:10px 14px!important;min-height:40px!important;font-size:12px!important;box-sizing:border-box;font-weight:550!important;}
html[data-ws-accessibility][data-dp-theme=dark] #activityDashboard#activityDashboard[data-executive-overview] .eo-tools :is(button,.eo-date) {background:rgba(56,189,248,.12)!important;border-color:rgba(56,189,248,.24)!important;color:#d8efff!important;}
#activityDashboard .eo-diagnostics {margin-top:16px;font-size:12px;color:var(--eo-muted);}
#activityDashboard .eo-diagnostics summary {cursor:pointer;padding:10px 0;}
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop][data-ws-nav-state=open] .dp-navigation {width:232px!important;min-width:232px!important;max-width:232px!important;}
@media(max-width:700px){html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] .eo-kpi {padding:20px 16px!important;}html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] .eo-value {font-size:32px!important;}}
@media(prefers-reduced-transparency:reduce){html[data-ws-accessibility][data-dp-theme] #activityDashboard[data-executive-overview] :is(.eo-kpi,.eo-chart) {background:var(--eo-table)!important;backdrop-filter:none!important;}}

}

/* Executive glass tokens; scope excludes the production phone and call dialogs. */
html[data-dp-theme] body{--eg-panel:rgba(255,255,255,.8);--eg-table:rgba(255,255,255,.94);--eg-edge:rgba(255,255,255,.9);--eg-text:#172b43;--eg-muted:#4b6076;--eg-blue:#0284c7;--eg-green:#16815b}
html[data-dp-theme=dark] body{--eg-panel:rgba(255,255,255,.04);--eg-table:rgba(15,23,42,.94);--eg-edge:rgba(255,255,255,.12);--eg-text:#edf4ff;--eg-muted:#adbed5;--eg-blue:#38bdf8;--eg-green:#34d399}
html[data-dp-theme] .eg-live{color:var(--eg-text);font:13px/1.5 system-ui,sans-serif;width:100%;min-width:0;margin:0 0 20px}
html[data-dp-theme] .eg-live *{box-sizing:border-box}
html[data-dp-theme] .eg-live .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
html[data-dp-theme] .eg-live .card{background:var(--eg-panel)!important;border:1px solid var(--eg-edge)!important;border-radius:14px!important;padding:0!important;min-width:0;box-shadow:0 3px 12px #00000004!important;backdrop-filter:blur(20px) saturate(140%)}
html[data-dp-theme] .eg-live .metric{padding:18px 20px!important}
html[data-dp-theme] .eg-live .metric-label{font-size:12px;color:var(--eg-muted)}
html[data-dp-theme] .eg-live .metric-value{font-size:34px;font-weight:650;line-height:1.3;letter-spacing:-.04em;margin:11px 0 7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-dp-theme] .eg-live[data-role=agent] .metric:first-child .metric-value{font-size:24px}
html[data-dp-theme] .eg-live .grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;margin:0}
html[data-dp-theme] .eg-live .stack{display:grid;align-content:start;gap:20px;min-width:0}
html[data-dp-theme] .eg-live .panel-header{padding:18px 20px;display:flex;align-items:center;gap:12px;background:transparent;border:0}
html[data-dp-theme] .eg-live h3{font-size:14px;font-weight:600;color:var(--eg-text);margin:0}
html[data-dp-theme] .eg-live .panel-body{padding:0 20px 20px}
html[data-dp-theme] .eg-live .table-panel{background:var(--eg-table)!important;overflow:hidden}
html[data-dp-theme] .eg-live .table-scroll{overflow:auto;max-width:100%}
html[data-dp-theme] .eg-live table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;background:transparent}
html[data-dp-theme] .eg-live :is(td,th){padding:13px 20px;border-bottom:1px solid #8097b222;text-align:left;background:transparent;color:var(--eg-text);max-width:280px;overflow-wrap:anywhere}
html[data-dp-theme] .eg-live th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--eg-muted)}
html[data-dp-theme] .eg-live .queue{margin-bottom:19px}
html[data-dp-theme] .eg-live .queue-line{display:flex;justify-content:space-between;gap:8px;font-size:12px}
html[data-dp-theme] .eg-live :is(small,.chart-note,.data-health){color:var(--eg-muted);font-size:11px;overflow-wrap:anywhere}
html[data-dp-theme] .eg-live .chart{width:100%;height:auto;display:block}
html[data-dp-theme] .eg-live .chart text{fill:var(--eg-muted);font:10px system-ui}
html[data-dp-theme] .eg-live .chart-grid{stroke:#8097b22e;stroke-dasharray:3 5}
html[data-dp-theme] .eg-live .series-total{stroke:var(--eg-blue);stroke-width:2.5;fill:none}
html[data-dp-theme] .eg-live .series-answer{stroke:var(--eg-green);stroke-width:2;fill:none;stroke-dasharray:5 4}
html[data-dp-theme] .eg-live .area{fill:color-mix(in srgb,var(--eg-blue) 12%,transparent)}
html[data-dp-theme] .eg-live .action-list{display:grid;gap:8px}
html[data-dp-theme] .eg-live .button{font:600 12px system-ui;text-align:left;color:var(--eg-text);background:var(--eg-panel);border:1px solid var(--eg-edge);border-radius:10px;padding:11px 12px;min-height:40px;width:100%;margin:0}
html[data-dp-theme] .eg-live .button:hover{background:color-mix(in srgb,var(--eg-blue) 16%,var(--eg-panel))}
html[data-dp-theme] .eg-live .button:focus-visible{outline:2px solid var(--eg-blue);outline-offset:3px}
/* Existing data panels retain their controls and IDs. */
html[data-dp-theme] :is(#activityDashboard,#platformLive,#agentWorkbenchPage){background:transparent!important;border:0!important;box-shadow:none!important;min-width:0}
html[data-dp-theme] :is(#app,#agentWorkbenchPage) :is(.activity-panel,.floor-panel,.eg-metric,.dp-monitor-table){background:var(--eg-panel)!important;border:1px solid var(--eg-edge)!important;border-radius:14px!important;color:var(--eg-text);backdrop-filter:blur(20px) saturate(140%)}
html[data-dp-theme] #platformLive>.eg-platform-metrics{display:none!important}
html[data-dp-theme] .eg-live [hidden]{display:none!important}
@media(max-width:1100px){html[data-dp-theme] .eg-live .grid{grid-template-columns:minmax(0,1fr)}html[data-dp-theme] .eg-live .grid>.stack:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html[data-dp-theme] .eg-live .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-dp-theme] .eg-live .metric{padding:15px!important}html[data-dp-theme] .eg-live .metric-value{font-size:28px}html[data-dp-theme] .eg-live .grid>.stack:last-child{grid-template-columns:minmax(0,1fr)}html[data-dp-theme] .eg-live :is(th,td){padding:12px}html[data-dp-theme] .eg-live .queue-line{flex-wrap:wrap}}
/* Neutralize legacy grid/card spacing only inside this new dashboard. */
html[data-dp-theme] .eg-live .grid{align-items:start!important}
html[data-dp-theme] .eg-live .stack{align-self:start!important;margin:0!important;padding:0!important}
html[data-dp-theme] .eg-live .card{margin:0!important}
html[data-dp-theme] .eg-live .panel-header{padding:18px 20px!important}
html[data-dp-theme] .eg-live .panel-body{padding:0 20px 20px!important}
html[data-dp-theme] .eg-live .button{background:var(--eg-panel)!important;color:var(--eg-text)!important;border:1px solid var(--eg-edge)!important}

/* 4.51.6: visible translucency; no layout or control changes. */
html[data-dp-theme] body{--eg-panel:rgba(255,255,255,.45);--eg-table:rgba(255,255,255,.88);--eg-edge:rgba(255,255,255,.82)}
html[data-dp-theme=dark] body{--eg-panel:rgba(255,255,255,.065);--eg-table:rgba(15,23,42,.92);--eg-edge:rgba(255,255,255,.16)}
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body .eg-live .card,
html[data-dp-theme] body :is(#app,#agentWorkbenchPage) :is(.activity-panel,.floor-panel,.eg-metric,.dp-monitor-table){
 background-color:var(--eg-panel)!important;
 background-image:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,0) 65%)!important;
 border-color:var(--eg-edge)!important;
 -webkit-backdrop-filter:blur(20px) saturate(140%)!important;
 backdrop-filter:blur(20px) saturate(140%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 24px rgba(15,43,72,.045)!important;
}
html[data-ws-accessibility][data-dp-theme=dark] body .eg-live .card,
html[data-dp-theme=dark] body :is(#app,#agentWorkbenchPage) :is(.activity-panel,.floor-panel,.eg-metric,.dp-monitor-table){
 background-image:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,0) 65%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.09)!important;
}
html[data-ws-accessibility][data-dp-theme] body .eg-live .table-panel,
html[data-dp-theme] body #platformLive .dp-monitor-table{background-color:var(--eg-table)!important;background-image:none!important}
@media(prefers-reduced-transparency:reduce){
 html[data-ws-accessibility][data-dp-theme] body .eg-live .card{background:#f4f9fd!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html[data-ws-accessibility][data-dp-theme=dark] body .eg-live .card{background:#16243b!important}
}
@media(forced-colors:active){html[data-ws-accessibility][data-dp-theme] body .eg-live .card{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
}
/* Preserve readable solid surfaces when blur is unsupported. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-dp-theme] body{--eg-panel:#f4f9fd;--eg-table:#fff}
 html[data-dp-theme=dark] body{--eg-panel:#16243b;--eg-table:#0f172a}
}
html[data-dp-theme=dark] body{--review-sheen:rgba(255,255,255,.015)}
/* Local review only. Surface corrections; no layout, handlers or calling changes.
   Existing workspace layer is intentional: its important rules outrank unlayered CSS.
   Phone surfaces are excluded; data tables retain their opaque readability surface. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body :is(#app,#phone) :is(.card,.activity-panel,.activity-metric,.floor-panel,.floor-section,.quality-panel,.quality-section,.tenant,.item,.log-workspace,.log-metric,.report-metrics>article,.pc-card,.dc-card,.bcCampaign,.bcAudioCard,.integration-profile,.ops-metric,.ops-alert,.aw-callback,.aw-reminder,.dp-vmm-panel,.log-filters,.report-filters):not(:where(#dialWidget *,#softphone *,#supervisorDialpad *)) {
 background-color:var(--eg-panel)!important;
 background-image:radial-gradient(ellipse 180px 130px at 100% 0%,rgba(56,189,248,.15),transparent 80%),linear-gradient(135deg,var(--review-sheen,rgba(255,255,255,.14)),transparent 65%)!important;
 color:var(--eg-text)!important;
 border-color:var(--eg-edge)!important;
 backdrop-filter:blur(20px) saturate(140%)!important;
 -webkit-backdrop-filter:blur(20px) saturate(140%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(15,43,72,.045)!important;
}
html[data-ws-accessibility][data-dp-theme] body #carrierList :is(.tenant,.item) :is(small,p,span,.muted){color:var(--eg-muted)!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app,#phone) :is(.table-panel,.dp-monitor-table,.log-scroll,.table-wrap,.table-scroll){background:var(--eg-table)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* The overview uses the same corner light as secondary cards. */
html[data-ws-accessibility][data-dp-theme] body .eg-live .card:not(.table-panel){background-image:radial-gradient(ellipse 180px 130px at 100% 0%,rgba(56,189,248,.15),transparent 80%),linear-gradient(135deg,rgba(255,255,255,.10),transparent 65%)!important}
@media(prefers-reduced-transparency:reduce){
 html[data-ws-accessibility][data-dp-theme] body{--eg-panel:#f4f9fd!important}
 html[data-ws-accessibility][data-dp-theme=dark] body{--eg-panel:#16243b!important}
 html[data-ws-accessibility][data-dp-theme] body :is(#app,#phone) :is(.card,.item,.log-workspace,.log-metric,.report-metrics>article,.log-filters,.activity-panel,.floor-panel){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-image:none!important}
}
}
/* Existing action-button and total-metric rules have two ID selectors.
   Match their scope explicitly without changing actual action buttons. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body #app #carrierList .tenant,
html[data-ws-accessibility][data-dp-theme] body #phone :is(#agentHistoryPage,#agentRecordingsPage) .log-metric,
html[data-ws-accessibility][data-dp-theme] body #app #tenantReports .report-metrics>article {
 background:radial-gradient(ellipse 180px 130px at 100% 0%,rgba(56,189,248,.15),transparent 80%) var(--eg-panel)!important;
 color:var(--eg-text)!important;
}
html[data-ws-accessibility][data-dp-theme] body #app #carrierList .tenant .muted,
html[data-ws-accessibility][data-dp-theme] body #phone :is(#agentHistoryPage,#agentRecordingsPage) .log-metric :is(span,strong){color:var(--eg-text)!important}
}
@layer workspace {
/* Nested frosted filters need primary text, not the subdued caption token. */
html[data-ws-accessibility][data-dp-theme=dark] body :is(#app,#phone) :is(.log-filters,.report-filters) label{color:var(--eg-text)!important}
}

/* 4.51.8: remove Conversation trend from the pilot tenant dashboard only. */
@layer workspace { html[data-dp-theme] body #activityDashboard .eg-live .trend-panel { display:none!important; } }
/* Pilot surface polish: retain control focus indicators and table separators. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard {
 padding:24px!important;border-radius:24px!important;border:0!important;
 outline:0!important;box-shadow:none!important;box-sizing:border-box!important;
}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(.card,.activity-panel,.activity-metric,.floor-panel,.floor-section,.quality-panel,.quality-section,.tenant,.item,.log-workspace,.log-metric,.pc-card,.dc-card,.bcCampaign,.bcAudioCard,.integration-profile,.ops-metric,.ops-alert,.aw-callback,.aw-reminder,.dp-vmm-panel,.log-filters,.report-filters,.report-metrics>article):not(:where(#dialWidget,#dialWidget *,#softphone,#softphone *,#supervisorDialpad,#supervisorDialpad *)) {
 border-color:transparent!important;
 box-shadow:0 8px 24px rgba(15,43,72,.045)!important;
}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(.card,.activity-panel,.activity-metric,.floor-panel,.log-metric,.pc-card,.dc-card):not(:focus-visible):not(:where(#dialWidget *,#softphone *,#supervisorDialpad *)){outline:0!important}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .activity-heading{margin:0 0 24px!important}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-existing-details>summary{padding:8px 0 12px!important}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard :is(.kpis,#activityMetrics){gap:16px!important}
@media(max-width:700px){html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard{padding:14px!important;border-radius:18px!important}}
@media(forced-colors:active){html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(.card,.activity-panel,.activity-metric,.floor-panel,.tenant,.item,.log-metric,.pc-card,.dc-card){border-color:CanvasText!important}}
}
/* Give tinted chart and log workspaces their own inset; retain scrollable tables. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(.pc-workspace,.log-workspace){padding:20px!important;box-sizing:border-box!important;min-width:0!important;border-radius:20px!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(.pc-heading,.log-title){margin:0 0 16px!important;gap:12px!important;align-items:center!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) .log-metrics{gap:16px!important;margin:20px 0!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) .log-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;gap:16px!important;padding:16px!important;align-items:end!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) .log-filters label{min-width:0!important;margin:0!important;gap:8px!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) .log-filters :is(input,select,button){width:100%!important;box-sizing:border-box!important;min-width:0!important;min-height:40px!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) .log-info{margin:16px 0!important}
html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) .pc-chart-grid{gap:16px!important}
@media(max-width:700px){html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(.pc-workspace,.log-workspace){padding:14px!important;border-radius:16px!important}}
}

/* Keep one padded surface: logs own their inset; custom dashboard owns its root. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body #app#app .card:has(> .log-workspace){padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-ws-accessibility][data-dp-theme] body #app#app .card:has(> .log-workspace)::before,html[data-ws-accessibility][data-dp-theme] body #app#app .card:has(> .log-workspace)::after{content:none!important}
html[data-ws-accessibility][data-dp-theme] body #app#app #customDashboardPage.dc-workspace{padding:20px!important;border:0!important;border-radius:20px!important;box-sizing:border-box!important;background:radial-gradient(ellipse 180px 130px at 100% 0%,rgba(56,189,248,.15),transparent 80%) var(--eg-panel)!important;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important;box-shadow:none!important}
html[data-ws-accessibility][data-dp-theme] body #app#app #customDashboardPage .dc-toolbar{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:700px){html[data-ws-accessibility][data-dp-theme] body #app#app #customDashboardPage.dc-workspace{padding:14px!important;border-radius:16px!important}}
}

/* Sidebar hierarchy and invisible scrollbar; scrolling remains enabled. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body .dp-navigation .ws-nav-items{overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
html[data-ws-accessibility][data-dp-theme] body .dp-navigation .ws-nav-items::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group{margin:4px 0!important;border:0!important;background:transparent!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group[hidden]{display:none!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group>summary{display:flex!important;align-items:center!important;cursor:pointer!important;list-style:none!important;font-weight:600!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group>summary::-webkit-details-marker{display:none!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group>summary::after{display:inline-block!important;content:''!important;width:6px!important;height:6px!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(45deg)!important;margin-left:auto!important;flex-shrink:0!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group[open]>summary::after{transform:rotate(225deg)!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-group:not([open])>.tenant-nav-children{display:none!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-children{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:0 0 4px 18px!important;margin:0!important;border:0!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-children>button{padding:8px 10px!important;min-height:36px!important;width:100%!important}
html[data-ws-accessibility][data-dp-theme] body #dashboardNav .tenant-nav-children>button>.dp-icon{display:none!important}
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-state=rail] #dashboardNav .tenant-nav-children{display:none!important}
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-state=rail] #dashboardNav .tenant-nav-group>summary::after{display:none!important}
}

/* Soft selection for pointer use; thin visible focus for keyboard navigation. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme][data-dp-focus-input] body :is(.dp-navigation,main,header,dialog) :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible:not(:where(#dialWidget *,#softphone *,#supervisorDialpad *)){outline-width:1px!important;outline-offset:2px!important}
html[data-ws-accessibility][data-dp-theme][data-dp-focus-input] body .dp-navigation :is(button,summary):focus-visible{outline:1px solid var(--eg-focus)!important;outline-offset:-2px!important}
html[data-ws-accessibility][data-dp-theme][data-dp-focus-input=pointer] body :is(.dp-navigation,main,header,dialog) :is(button,a,input,select,textarea,summary,[tabindex]):focus:not(:where(#dialWidget *,#softphone *,#supervisorDialpad *)),html[data-ws-accessibility][data-dp-theme][data-dp-focus-input=pointer] body main:focus{outline:none!important}
html[data-ws-accessibility][data-dp-theme][data-dp-focus-input] body .dp-navigation :is(button,summary):focus{background:var(--eg-selected)!important}
html[data-ws-accessibility][data-dp-theme][data-dp-focus-input] body .dp-navigation :is(button,summary):focus:not(.active):not([aria-current=page]){box-shadow:none!important}
@media(forced-colors:active){html[data-ws-accessibility][data-dp-theme][data-dp-focus-input=keyboard] body .dp-navigation :is(button,summary):focus-visible{outline:2px solid Highlight!important}}
}

/* Header controls share one centre line and matching rounded pills. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body>header :is(.account-trigger,#controllerAccountToggle,#agentPresence>summary){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:40px!important;min-height:40px!important;padding:8px 14px!important;border-radius:999px!important;box-sizing:border-box!important;line-height:20px!important;white-space:nowrap!important;border:0!important;vertical-align:middle!important}
html[data-ws-accessibility][data-dp-theme] body>header #agentPresence{margin:0!important;align-self:center!important}
html[data-ws-accessibility][data-dp-theme] body>header :is(.account-trigger,#controllerAccountToggle)::before{width:18px!important;height:18px!important;flex:0 0 18px!important}
html[data-ws-accessibility][data-dp-theme] body>header :is(#awRefresh,#awBell,#managerHeaderRefresh,#managerVmBell,#controllerRefresh,#dpThemeToggle):not(.ws-header-actions-panel *){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-height:40px!important;padding:10px!important;line-height:20px!important;box-sizing:border-box!important;border-radius:999px!important;margin-block:0!important;vertical-align:middle!important}
html[data-ws-accessibility][data-dp-theme] body>header :is(#awRefresh,#awBell,#managerHeaderRefresh,#managerVmBell,#controllerRefresh,#dpThemeToggle) svg{width:20px!important;height:20px!important;flex-shrink:0!important;display:block!important}
html[data-ws-accessibility][data-dp-theme] body>header>.top{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important}
@media(max-width:600px){html[data-ws-accessibility][data-dp-theme] body>header :is(.account-trigger,#controllerAccountToggle,#agentPresence>summary){height:36px!important;min-height:36px!important;padding:7px 10px!important;gap:6px!important}}
}

/* Dark shell: remove structural divider lines, retain control focus and selection. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme=dark] body[data-ws-nav-mode]>header,
html[data-ws-accessibility][data-dp-theme=dark] body[data-ws-nav-mode] .dp-navigation,
html[data-ws-accessibility][data-dp-theme=dark] body[data-ws-nav-mode] .dp-navigation .ws-nav-footer{border:0!important;box-shadow:none!important}
}

/* Agent records: one padded glass surface and a compact, responsive filter row. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone > :is(#agentHistoryPage,#agentRecordingsPage).card {
 padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone > :is(#agentHistoryPage,#agentRecordingsPage).card::before,
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone > :is(#agentHistoryPage,#agentRecordingsPage).card::after {content:none!important}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters {
 grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters label {
 min-width:0!important;grid-column:auto!important;gap:6px!important;font-size:12px!important;line-height:18px!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters :is(input,select:not(.dp-eg-select-source),button,.dp-eg-select-trigger) {
 width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;margin:0!important;padding:8px!important;font-size:13px!important;line-height:20px!important;white-space:nowrap!important;box-sizing:border-box!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters .dp-eg-select-trigger {gap:5px!important}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentVoicePage .dp-vm-filters {
 background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:16px!important;gap:12px!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentVoicePage .dp-vm-filters label {min-width:0!important;gap:6px!important}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentVoicePage .dp-vm-filters :is(input,select:not(.dp-eg-select-source),button,.dp-eg-select-trigger) {box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;margin:0!important}
@media(min-width:1360px) {
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters {grid-template-columns:minmax(150px,1.6fr) repeat(3,minmax(90px,1fr)) 122px 122px 62px 96px 56px!important;gap:8px!important}
}
@media(max-width:760px) {
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters label:first-child {grid-column:1/-1!important}
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters :is(input,select:not(.dp-eg-select-source),button,.dp-eg-select-trigger),
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentVoicePage .dp-vm-filters :is(input,select:not(.dp-eg-select-source),button,.dp-eg-select-trigger) {min-height:44px!important;height:44px!important;font-size:16px!important}
}
}

/* Round the navigation shell; its inner items retain their own scrolling. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation {border-radius:20px!important;overflow:hidden!important}
}

/* Align the rounded desktop edge panel with the main content surface.
   One shared top inset keeps expanded and rail navigation aligned at both
   existing desktop spacing breakpoints. Mobile drawer geometry is separate. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop] {--dp-edge-panel-gap:28px}
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop] .dp-navigation {top:calc(var(--workspace-header-height) + var(--dp-edge-panel-gap))!important;bottom:12px!important;height:auto!important}
@media(max-width:1199px) {
 html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode=desktop] {--dp-edge-panel-gap:22px}
}
}

/* Hide the redundant agent phone summary; keep the actual floating phone intact. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone > .floor-current-call {display:none!important}
}

/* Tenant manager and supervisor overview: two paired rows of existing live panels. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .activity-columns {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"agents calls" "waiting queues"!important;gap:20px!important;align-items:stretch!important;
}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityAgentsPanel {grid-area:agents!important;container-type:inline-size;container-name:agent-status-panel}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityCallsPanel {grid-area:calls!important}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityWaitingPanel {grid-area:waiting!important}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityQueuesPanel {grid-area:queues!important}
html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .activity-columns > .activity-panel {min-width:0!important;box-sizing:border-box!important}
@container agent-status-panel (max-width:480px) {
 html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityAgents .activity-row {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
 html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityAgents .agent-identity {grid-template-columns:minmax(0,1fr) 70px!important;gap:8px!important}
 html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityAgents .agent-state-detail {grid-template-columns:minmax(0,1fr) 76px!important;gap:8px!important;min-width:0!important}
}
@media(max-width:1100px) {
 html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .activity-columns {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"agents" "calls" "waiting" "queues"!important;gap:16px!important}
}
}

/* Reference slate navigation glass, local to the existing pilot sidebar.
   Theme-adjusted translucent tints approximate the sampled #27344d surface.
   Keep one existing 20px backdrop blur; no animated layers or new DOM. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation {
 --eg-nav:#27344d;
 --dp-nav-tint-top:rgba(6,22,50,.86);--dp-nav-tint-bottom:rgba(3,15,43,.86);
 --eg-text:#f1f5f9;--eg-muted:#e1eaf6;--eg-action:#d8efff;--eg-on-action:#16233b;
 --eg-brand:#7dd3fc;--eg-focus:#a5ddff;
 --eg-selected:rgba(125,211,252,.12);--eg-hover:rgba(191,231,255,.09);
 --eg-glass:rgba(255,255,255,.055);--eg-glass-line:rgba(255,255,255,.10);--eg-line:rgba(191,214,245,.12);
 --cp-text:var(--eg-text);--cp-muted:var(--eg-muted);--cp-accent:var(--eg-action);--cp-soft:var(--eg-selected);
 --cp-nav:var(--eg-nav);--cp-nav-text:var(--eg-text);--cp-nav-muted:var(--eg-muted);--cp-nav-hover:var(--eg-hover);--cp-nav-selected:var(--eg-selected);
 --switch-nav:var(--eg-nav);--switch-nav-text:var(--eg-text);--switch-hover:var(--eg-hover);--switch-active:var(--eg-selected);--switch-active-text:var(--eg-action);
 background:var(--eg-nav)!important;color:var(--eg-text)!important;
 border:0!important;box-shadow:none!important;color-scheme:dark;
}
html[data-ws-accessibility][data-dp-theme=dark] body[data-ws-nav-mode] .dp-navigation {
 --dp-nav-tint-top:rgba(44,59,84,.86);--dp-nav-tint-bottom:rgba(40,52,77,.86);
}
html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation .ws-nav-footer {
 background:transparent!important;border:0!important;box-shadow:none!important;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation {
  --eg-nav:radial-gradient(ellipse 240px 380px at 100% 0%,rgba(125,211,252,.05),transparent 85%),linear-gradient(180deg,var(--dp-nav-tint-top),var(--dp-nav-tint-bottom));
 }
}
@media(prefers-reduced-transparency:reduce) {
 html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation {
  --eg-nav:#27344d;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}
@media(forced-colors:active) {
 html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-mode] .dp-navigation {
  --eg-nav:Canvas;--eg-text:CanvasText;--eg-muted:CanvasText;--eg-action:LinkText;--eg-on-action:Canvas;
  --eg-brand:Highlight;--eg-focus:Highlight;--eg-selected:Canvas;--eg-hover:Canvas;
  --eg-glass:Canvas;--eg-glass-line:ButtonText;--eg-line:ButtonText;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color-scheme:normal;
 }
}
}

/* Log controls: full-width custom selects and one consistent desktop row. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-workspace {container-type:inline-size;container-name:agent-log}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters {
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important;gap:14px 8px!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters label {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;grid-column:auto!important;gap:6px!important;font-size:12px!important;line-height:18px!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {
 width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;min-height:40px!important;align-self:end!important;box-sizing:border-box!important;margin:0!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;font-size:13px!important;line-height:20px!important;
}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger) {background:var(--eg-field)!important;color:var(--eg-text)!important}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters > button {align-self:end!important;font-weight:600!important;white-space:nowrap!important}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters > button:last-child {background:var(--eg-selected)!important;color:var(--eg-action)!important}
html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters .dp-eg-select-value {flex:1 1 auto!important;min-width:0!important}
@container agent-log (min-width:1060px) {
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters {grid-template-columns:minmax(150px,1.6fr) minmax(108px,1fr) minmax(100px,1fr) minmax(124px,1.1fr) 122px 122px 62px 96px 60px!important}
}
@container agent-log (max-width:600px) {
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters label:first-child {grid-column:1/-1!important}
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {height:44px!important;min-height:44px!important;font-size:16px!important}
}
/* Floor sections share one grid and use readable, softly tinted inset rows. */
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations {--dp-floor-row:rgba(255,255,255,.50);--dp-floor-warning:rgba(180,83,9,.07)}
html[data-ws-accessibility][data-dp-theme=dark] body #app #floorOperations {--dp-floor-row:rgba(11,19,41,.30);--dp-floor-warning:rgba(251,191,36,.07)}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-grid > .floor-section {grid-column:auto!important;min-width:0!important;padding:18px 20px!important;border-radius:16px!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-grid > .floor-section:first-child {grid-column:1/-1!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-list {display:grid!important;gap:10px!important;min-width:0!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-row {
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 16px!important;min-width:0!important;padding:14px 16px!important;margin:0!important;border:0!important;border-radius:12px!important;background:var(--dp-floor-row)!important;color:var(--eg-text)!important;box-shadow:none!important;
}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-row > strong {flex:1 1 170px!important;min-width:0!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important;overflow-wrap:anywhere!important;color:var(--eg-text)!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-row > p {flex:1 1 200px!important;min-width:0!important;margin:0!important;font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere!important;color:var(--eg-muted)!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-row.floor-alert {border-left:3px solid var(--eg-alert)!important;background:var(--dp-floor-warning)!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-row.floor-alert[data-severity=critical] {border-left-color:var(--eg-danger)!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-section > h3 {font-size:15px!important;line-height:1.4!important;margin:0 0 14px!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-section:last-child > button {margin:0 0 12px!important}
html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-list > p {margin:0!important;padding:14px 16px!important;border-radius:12px!important;background:var(--dp-floor-row)!important;color:var(--eg-muted)!important;font-size:13px!important;line-height:1.5!important}
@media(max-width:1100px) {html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-grid {grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:600px) {html[data-ws-accessibility][data-dp-theme] body #app #floorOperations .floor-grid > .floor-section {padding:16px!important}}
@media(forced-colors:active) {
 html[data-ws-accessibility][data-dp-theme] body #app #floorOperations {--dp-floor-row:Canvas;--dp-floor-warning:Canvas}
 html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {border-color:ButtonText!important}
}
}

/* Decorative KPI icons: reuse the existing card DOM and data bindings. */
@layer workspace {
html[data-ws-accessibility][data-dp-theme] body :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .kpis > .metric {position:relative!important}
html[data-ws-accessibility][data-dp-theme] body :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .kpis > .metric .metric-label {padding-right:34px!important;min-height:20px!important}
html[data-ws-accessibility][data-dp-theme] body :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .kpis > .metric::after {
 content:""!important;display:block!important;position:absolute!important;top:20px!important;right:20px!important;width:22px!important;height:22px!important;pointer-events:none!important;background:var(--eg-action)!important;mask:var(--dp-kpi-icon) center/contain no-repeat!important;-webkit-mask:var(--dp-kpi-icon) center/contain no-repeat!important;
}
html[data-ws-accessibility][data-dp-theme] body #activityDashboard .eg-live .kpis > .metric:nth-child(1) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1%201%20.4%202%20.7%202.9a2%202%200%200%201-.4%202.1L8.1%2010a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.9.6%202.9.7a2%202%200%200%201%201.6%201.9Z%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #activityDashboard .eg-live .kpis > .metric:nth-child(2) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2m20%200v-2a4%204%200%200%200-3-3.9M16%203.1a4%204%200%200%201%200%207.8%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #activityDashboard .eg-live .kpis > .metric:nth-child(3) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204m-1%208v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #activityDashboard .eg-live .kpis > .metric:nth-child(4) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m19%205-14%2014%22%2F%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #platformLive .eg-live .kpis > .metric:nth-child(1) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2021v-4h6v4M8%207h1m6%200h1M8%2012h1m6%200h1%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #platformLive .eg-live .kpis > .metric:nth-child(2) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204m-1%208v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #platformLive .eg-live .kpis > .metric:nth-child(3) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1%201%20.4%202%20.7%202.9a2%202%200%200%201-.4%202.1L8.1%2010a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.9.6%202.9.7a2%202%200%200%201%201.6%201.9Z%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #platformLive .eg-live .kpis > .metric:nth-child(4) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5%209-5Zm-9%209%209%205%209-5m-18%205%209%205%209-5%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #agentWorkbenchPage .eg-live .kpis > .metric:nth-child(1) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014v-3a9%209%200%200%201%2018%200v3M18%2021h-4%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #agentWorkbenchPage .eg-live .kpis > .metric:nth-child(2) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2011h18m-13%204h2m4%200h2%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #agentWorkbenchPage .eg-live .kpis > .metric:nth-child(3) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")}
html[data-ws-accessibility][data-dp-theme] body #agentWorkbenchPage .eg-live .kpis > .metric:nth-child(4) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204m-1%208v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:600px) {html[data-ws-accessibility][data-dp-theme] body :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .kpis > .metric::after {top:16px!important;right:15px!important;width:20px!important;height:20px!important}}
@media(forced-colors:active) {html[data-ws-accessibility][data-dp-theme] body :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .kpis > .metric::after {background:CanvasText!important}}
}

/* v4.51.27: one outer bottom inset for the three signed-in pilot workspaces.
   Preserve inner card padding, normal page scrolling and the floating phone.
   Never apply these workspace measurements to the dialpad-only iframe. */
@layer workspace {
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode] {
    --dp-workspace-bottom-gap:max(12px,env(safe-area-inset-bottom,0px));
    --dp-workspace-top-gap:var(--dp-edge-panel-gap,28px);
  }
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode=mobile] {
    --dp-workspace-top-gap:16px;
  }
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode] > main:has(> :is(#app,#phone):not(.hidden)) {
    padding-bottom:0!important;
    margin-top:var(--dp-workspace-top-gap)!important;
    margin-bottom:var(--dp-workspace-bottom-gap)!important;
  }
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode] > main > :is(#app,#phone):not(.hidden) {
    padding-bottom:0!important;margin-bottom:0!important;
  }
  /* Only the last displayed page-level card loses its outside bottom margin.
     Cards within a page, dialogs, notification banners and controls retain theirs. */
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode] > main > :is(#app,#phone):not(.hidden) > .card:not(.hidden,.panel-hidden,.admin-hidden,[hidden]):not(:has(~ .card:not(.hidden,.panel-hidden,.admin-hidden,[hidden]))) {
    margin-bottom:0!important;
  }
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode=desktop] .dp-navigation {
    bottom:var(--dp-workspace-bottom-gap)!important;
  }
  /* Agent pages already use an independently scrolling main area. Its height
     must subtract the actual top and bottom insets, rather than an old 40px sum. */
  html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body.aw-active[data-ws-nav-mode] > main.shell:has(> #phone:not(.hidden)) {
    height:calc(100dvh - var(--workspace-header-height,64px) - var(--dp-workspace-top-gap) - var(--dp-workspace-bottom-gap))!important;
  }
  @media(max-width:600px) {
    html[data-ws-accessibility][data-dp-theme]:not(.supervisor-dialpad-only) body[data-ws-nav-mode=mobile] {
      --dp-workspace-top-gap:20px;
    }
  }
}

/* v4.51.28: light sidebar uses the approved white/sky card glass.
   The prior slate sidebar set local dark tokens in both themes. Override
   those tokens only in light mode; keep dimensions, behavior and dark mode.
   Reuse the existing single backdrop blur, with static corner light. */
@layer workspace {
  html[data-ws-accessibility][data-dp-theme=light] body[data-ws-nav-mode] .dp-navigation {
    --eg-nav:#f7fbfe;
    --eg-text:#162b45;--eg-muted:#334e68;
    --eg-action:#075078;--eg-on-action:#ffffff;
    --eg-brand:#036497;--eg-focus:#036497;
    --eg-selected:rgba(2,132,199,.10);--eg-hover:rgba(2,132,199,.07);
    --eg-glass:rgba(255,255,255,.60);
    --eg-glass-line:rgba(255,255,255,.82);--eg-line:rgba(128,151,178,.22);
    color-scheme:light;
  }
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html[data-ws-accessibility][data-dp-theme=light] body[data-ws-nav-mode] .dp-navigation {
      --eg-nav:radial-gradient(ellipse 180px 130px at 100% 0%,rgba(56,189,248,.15),transparent 80%),linear-gradient(135deg,rgba(255,255,255,.14),transparent 65%),rgba(255,255,255,.80);
    }
  }
  @media(prefers-reduced-transparency:reduce) {
    html[data-ws-accessibility][data-dp-theme=light] body[data-ws-nav-mode] .dp-navigation {
      --eg-nav:#f7fbfe;--eg-glass:#ffffff;
      backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    }
  }
  @media(forced-colors:active) {
    html[data-ws-accessibility][data-dp-theme=light] body[data-ws-nav-mode] .dp-navigation {
      --eg-nav:Canvas;--eg-text:CanvasText;--eg-muted:CanvasText;
      --eg-action:LinkText;--eg-on-action:Canvas;
      --eg-brand:Highlight;--eg-focus:Highlight;--eg-selected:Canvas;--eg-hover:Canvas;
      --eg-glass:Canvas;--eg-glass-line:ButtonText;--eg-line:ButtonText;
      backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color-scheme:normal;
    }
  }
}

/* v4.51.29: permanent tenant operational cards, one panel inset, and visible
   agent history actions. Presentation only; existing table controls keep
   their listeners. No layout measurements, polling or resize handlers. */
@layer workspace {
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard > .eg-operational-panels {
    min-width:0!important;margin:0 0 20px!important;padding:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-live[data-role=tenant] > .grid,
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-live[data-role=tenant] > .grid > .stack {
    grid-template-columns:minmax(0,1fr)!important;min-width:0!important;
  }
  /* The panel header/body already own their inset; legacy .card padding was
     applying another inset outside it. Keep direct-content metric padding. */
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .card:not(.metric) {
    padding:0!important;margin:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .card.metric {
    padding:18px 20px!important;margin:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .panel-header {
    padding:18px 20px!important;min-width:0!important;flex-wrap:wrap!important;
  }
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .panel-body {
    padding:0 20px 20px!important;min-width:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll {
    --dp-log-action-width:160px;
    position:relative!important;isolation:isolate;max-width:100%!important;
    overflow:auto!important;scroll-padding-inline-end:calc(var(--dp-log-action-width) + 16px);
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll table {
    border-collapse:separate!important;border-spacing:0!important;font-size:13px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll :is(th,td) {
    padding:10px 12px!important;line-height:1.45!important;vertical-align:middle!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll tr > :is(th,td):last-child:not([colspan]) {
    position:sticky!important;right:0!important;z-index:2;
    box-sizing:border-box;width:var(--dp-log-action-width)!important;min-width:var(--dp-log-action-width)!important;
    background:var(--eg-menu)!important;color:var(--eg-text)!important;text-align:center!important;
    box-shadow:-6px 0 12px rgba(15,43,72,.06)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll thead tr > th:last-child {
    background:var(--eg-table-head)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll td:last-child > button {
    width:auto!important;max-width:100%!important;min-height:36px!important;
    padding:7px 10px!important;margin:0!important;font-size:13px!important;line-height:20px!important;
    white-space:nowrap!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll button.log-number {
    width:auto!important;min-width:0!important;min-height:32px!important;height:auto!important;
    padding:4px 2px!important;margin:0!important;background:transparent!important;
    border:0!important;box-shadow:none!important;color:var(--eg-action)!important;
    font-family:inherit!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll button.log-number:hover {
    text-decoration:underline!important;text-underline-offset:3px;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-title {
    flex-wrap:wrap!important;min-width:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-title .log-description {
    flex:1 1 260px!important;min-width:0!important;overflow-wrap:anywhere;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-pagination {
    max-width:100%!important;box-sizing:border-box;flex-wrap:wrap!important;gap:8px 12px!important;
  }
  @container agent-log (max-width:480px) {
    html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll {
      --dp-log-action-width:132px;
    }
    html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll td:last-child > button {
      white-space:normal!important;
    }
  }
  @media(max-width:700px) {
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .card.metric {
      padding:15px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .panel-header {
      padding:16px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app,#phone#phone) :is(#activityDashboard,#platformLive,#agentWorkbenchPage) .eg-live .panel-body {
      padding:0 16px 16px!important;
    }
  }
  @media(max-width:600px),(pointer:coarse) {
    html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll :is(button.log-number,td:last-child > button) {
      min-height:44px!important;
    }
  }
  @media(forced-colors:active) {
    html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone :is(#agentHistoryPage,#agentRecordingsPage) .log-scroll tr > :is(th,td):last-child:not([colspan]) {
      background:Canvas!important;color:CanvasText!important;box-shadow:none!important;border-inline-start:1px solid CanvasText!important;
    }
  }
}

/* v4.51.30: direction totals in the top summary; remaining agent totals fill their row. */
@layer workspace {
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityMetrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html[data-ws-accessibility][data-dp-theme] body #activityDashboard .eg-live .kpis > .metric:nth-child(1) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2015l-4-2-2%203a15%2015%200%200%201-6-6l3-2-2-5H4C1%2011%2013%2023%2021%2020ZM15%209l6-6M15%203h6v6%22%2F%3E%3C%2Fsvg%3E")}
  html[data-ws-accessibility][data-dp-theme] body #activityDashboard .eg-live .kpis > .metric:nth-child(2) {--dp-kpi-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2015l-4-2-2%203a15%2015%200%200%201-6-6l3-2-2-5H4C1%2011%2013%2023%2021%2020ZM21%203l-6%206M15%203v6h6%22%2F%3E%3C%2Fsvg%3E")}
  @media(max-width:359px) {
    html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard #activityMetrics {grid-template-columns:minmax(0,1fr)!important;}
  }
}

/* v4.51.31: one summary above live details, five cards then six on wide content. */
@layer workspace {
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-dashboard-summary {
    container:dp-summary / inline-size;min-width:0!important;width:100%!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {
    --eg-summary-primary-span:6;--eg-summary-secondary-span:5;
    display:grid!important;grid-template-columns:repeat(30,minmax(0,1fr))!important;
    grid-auto-flow:row!important;gap:14px!important;align-items:stretch!important;
    min-width:0!important;width:100%!important;margin:0!important;padding:0!important;
  }
  /* Preserve refresh targets without creating separate metric rows or insets. */
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid :is(.kpis,#activityMetrics,#activityDailyMetrics) {
    display:contents!important;margin:0!important;padding:0!important;border:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid :is(.metric,.activity-metric) {
    grid-column:span var(--eg-summary-secondary-span)!important;grid-row:auto!important;
    min-width:0!important;width:auto!important;max-width:none!important;
    min-height:148px!important;height:auto!important;margin:0!important;padding:18px 20px!important;
    position:relative!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid #activityMetrics > .activity-metric,
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid .kpis > .metric:nth-child(-n+3) {
    grid-column:span var(--eg-summary-primary-span)!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid :is(.metric-label,.activity-metric > span) {
    box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:35px!important;
    margin:0!important;padding:0 32px 0 0!important;font-size:12px!important;line-height:1.45!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid :is(.metric-value,.activity-metric > strong) {
    min-width:0!important;margin:8px 0 6px!important;padding:0!important;
    font-size:32px!important;line-height:1.25!important;font-weight:650!important;
    font-variant-numeric:tabular-nums;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid .activity-metric > small {
    min-width:0!important;margin:0!important;font-size:11px!important;line-height:1.5!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid .activity-metric > .manager-metric-icon {
    position:absolute!important;inset:auto!important;top:20px!important;right:20px!important;
    width:22px!important;height:22px!important;margin:0!important;padding:0!important;
  }
  /* Match the existing decorative KPI icons to the same header baseline. */
  html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid .metric::after {
    top:20px!important;right:20px!important;width:22px!important;height:22px!important;
  }
  @container dp-summary (max-width:940px) {
    html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {--eg-summary-primary-span:10;--eg-summary-secondary-span:10;}
  }
  @container dp-summary (max-width:640px) {
    html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {--eg-summary-primary-span:15;--eg-summary-secondary-span:15;gap:10px!important;}
  }
  @container dp-summary (max-width:400px) {
    html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {--eg-summary-primary-span:30;--eg-summary-secondary-span:30;}
  }
  @supports not (container-type:inline-size) {
    @media(max-width:1200px) {html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {--eg-summary-primary-span:10;--eg-summary-secondary-span:10;}}
    @media(max-width:760px) {html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {--eg-summary-primary-span:15;--eg-summary-secondary-span:15;}}
    @media(max-width:420px) {html[data-ws-accessibility][data-dp-theme] body #app #activityDashboard .eg-summary-grid {--eg-summary-primary-span:30;--eg-summary-secondary-span:30;}}
  }
}

/* v4.51.32: aligned records filters, header controls and compact summary cards. */
@layer workspace {
  /* Apply/Clear share the field baseline, including custom select triggers. */
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters {
    align-items:end!important;align-content:start!important;row-gap:12px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters > label {
    display:flex!important;flex-direction:column!important;align-self:end!important;align-items:stretch!important;justify-content:flex-end!important;
    min-width:0!important;min-height:64px!important;margin:0!important;padding:0!important;gap:6px!important;
    font-size:12px!important;line-height:18px!important;box-sizing:border-box!important;
  }
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {
    align-self:end!important;box-sizing:border-box!important;height:40px!important;min-height:40px!important;max-height:none!important;
    min-width:0!important;width:100%!important;margin:0!important;padding:9px 10px!important;
    border:1px solid transparent!important;border-radius:10px!important;line-height:20px!important;box-shadow:none!important;
  }
  html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters > button {
    align-self:end!important;justify-self:stretch!important;position:static!important;transform:none!important;
    font-size:13px!important;font-weight:600!important;white-space:nowrap!important;
  }
  /* Follow-up content is inset within its own glass card, never flush to the edge. */
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentWorkbenchPage .floor-section {
    box-sizing:border-box!important;min-width:0!important;padding:16px 18px!important;margin:16px 0!important;border:0!important;border-radius:16px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentWorkbenchPage .floor-section > h3 {margin:0 0 10px!important;line-height:1.4!important;}
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentWorkbenchPage .floor-section > .floor-list {min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html[data-ws-accessibility][data-dp-theme] body.aw-active #phone#phone #agentWorkbenchPage .floor-list > p {
    box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:10px 12px!important;
    border:1px solid var(--eg-line)!important;border-radius:10px!important;overflow-wrap:anywhere!important;
  }
  /* Logo at the left; the existing action/account containers stay on the right. */
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding-inline:18px!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > :is(.brand,.brand-logo) {order:0!important;flex:0 1 auto!important;margin:0 auto 0 0!important;min-width:0!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > :is(.aw-header-actions,.manager-header-actions) {order:1!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;margin:0!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > :is(.aw-header-actions,.manager-header-actions):empty {display:none!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > #dpThemeToggle {order:2!important;margin:0!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > :is(.header-account-tools,.controller-account,.account-menu,.top) {order:4!important;margin:0!important;min-width:0!important;flex:0 1 auto!important;justify-content:flex-end!important;align-items:center!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > #wsHeaderMore {order:3!important;margin:0!important;}
  /* Target 96px rather than 148px; long hints may grow to avoid clipping. */
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-dashboard-summary .eg-summary-grid :is(.metric,.activity-metric) {
    min-height:96px!important;height:auto!important;padding:10px 16px!important;justify-content:flex-start!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-dashboard-summary .eg-summary-grid :is(.metric-label,.activity-metric > span) {
    min-height:18px!important;padding-right:28px!important;line-height:18px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-dashboard-summary .eg-summary-grid :is(.metric-value,.activity-metric > strong) {
    font-size:28px!important;line-height:1.2!important;margin:4px 0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-dashboard-summary .eg-summary-grid .activity-metric > small {line-height:1.4!important;text-align:left!important;}
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-dashboard-summary .eg-summary-grid .activity-metric > .manager-metric-icon,
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-dashboard-summary .eg-summary-grid .metric::after {top:12px!important;right:14px!important;width:20px!important;height:20px!important;}
  @media(max-width:600px) {
    html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] {gap:8px!important;padding-inline:12px!important;}
    html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] > .header-account-tools {max-width:100%!important;gap:6px!important;}
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters > label {min-height:68px!important;}
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {height:44px!important;min-height:44px!important;font-size:16px!important;}
  }
  @media(forced-colors:active) {
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) .log-workspace .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {border-color:ButtonText!important;}
  }
}

/* v4.51.33: navigation remains reachable without a navigation-toggle button. */
@layer workspaceVisibility {
  /* Hide legacy toggle creation before the deferred shell removes its node. */
  html[data-dp-theme] body :is(#awMenu,#managerMenuToggle,#uiMenuToggle,.ws-nav-edge-toggle) {display:none!important;}
}
@layer workspace {
  /* The existing desktop sidebar and optional hover auto-hide are unchanged.
     Mobile navigation stays in its authenticated parent, above the page content. */
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation {
    position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    display:flex!important;visibility:visible!important;transform:none!important;z-index:auto!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;
    grid-column:1/-1!important;margin:0 0 16px!important;padding:0!important;flex:0 0 auto!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .ws-nav-items {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:4px!important;
    box-sizing:border-box!important;flex:0 1 auto!important;max-height:min(240px,38dvh)!important;overflow:auto!important;padding:12px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .ws-nav-items > details {grid-column:1/-1!important;}
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .ws-nav-items > :is(button,details) {min-width:0!important;margin:0!important;}
  html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation :is(.ws-nav-footer,.aw-eyebrow,.ws-nav-items > p) {display:none!important;}
}

/* v4.51.33: shared directory gutter and compact account-menu spacing. */
@layer workspace {
  /* v4.51.34: inset the directory table inside its existing glass panel.
     The heading and table text share the 12px inner text gutter. */
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-live[data-role=tenant] .table-panel {
    padding:16px 20px!important;margin:0!important;min-width:0!important;box-sizing:border-box!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-live[data-role=tenant] .table-panel > .panel-header {
    padding:0 12px 12px!important;margin:0!important;min-width:0!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-live[data-role=tenant] .table-panel .table-scroll {
    padding:0!important;margin:0!important;min-width:0!important;border-radius:10px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-live[data-role=tenant] .table-panel :is(th,td) {
    padding:12px!important;box-sizing:border-box!important;vertical-align:middle!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard .eg-live[data-role=tenant] > .data-health {
    margin:10px 0 0!important;padding:0 32px!important;line-height:1.5!important;
  }
  html[data-ws-accessibility][data-dp-theme] body #app#app #activityDashboard > .eg-operational-panels + details {
    margin:0 0 12px!important;padding:0 32px!important;min-width:0!important;
  }
  /* The notification permission explanation remains available, without
     default paragraph margins creating blank gaps between account actions. */
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] :is(#accountDropdown,#controllerDropdown,.account-dropdown) {
    padding:8px!important;gap:2px!important;align-items:stretch!important;
  }
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] :is(#accountDropdown,#controllerDropdown,.account-dropdown) > :is(button,a) {
    height:auto!important;min-height:40px!important;max-height:none!important;margin:0!important;padding:8px 10px!important;
    box-sizing:border-box!important;flex:0 0 auto!important;line-height:20px!important;font-size:14px!important;
  }
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] :is(#accountDropdown,#controllerDropdown,.account-dropdown) > p[role=status] {
    margin:0 10px 6px!important;padding:0!important;min-height:0!important;max-width:none!important;
    font-size:12px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] :is(#accountDropdown,#controllerDropdown,.account-dropdown) > p[role=status]:empty {display:none!important;}
  html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] :is(#accountDropdown,#controllerDropdown,.account-dropdown) > #logout {margin-top:4px!important;}
  @media(max-width:600px) {
    html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] :is(#accountDropdown,#controllerDropdown,.account-dropdown) > :is(button,a) {min-height:44px!important;padding-block:10px!important;}
  }
}

/* v4.51.36: shared Call History / Call Recordings filter rows.
 * Size against the available panel width, including an expanded sidebar.
 * Only layout changes here; the existing form controls and handlers stay put.
 */
@layer workspace {
  @media screen {
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace {
      container-type:inline-size!important;
      container-name:agent-log dp-call-filters!important;
      min-width:0!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters {
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      align-items:end!important;
      align-content:start!important;
      gap:12px 8px!important;
      box-sizing:border-box!important;
      width:100%!important;
      min-width:0!important;
      padding:12px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters > label {
      display:flex!important;
      flex-direction:column!important;
      align-items:stretch!important;
      justify-content:flex-end!important;
      align-self:end!important;
      grid-column:auto!important;
      width:100%!important;
      max-width:none!important;
      min-width:0!important;
      min-height:64px!important;
      margin:0!important;
      padding:0!important;
      gap:6px!important;
      font-size:12px!important;
      line-height:18px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters > label:first-child {
      grid-column:1/-1!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {
      align-self:end!important;
      box-sizing:border-box!important;
      width:100%!important;
      max-width:none!important;
      min-width:0!important;
      height:44px!important;
      min-height:44px!important;
      margin:0!important;
      padding:9px 10px!important;
      font-size:16px!important;
      line-height:20px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters > button {
      justify-self:stretch!important;
      position:static!important;
      transform:none!important;
      white-space:nowrap!important;
      font-weight:600!important;
    }
    @container dp-call-filters (min-width:640px) {
      html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        padding:16px!important;
      }
      html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters > label:first-child {
        grid-column:auto!important;
      }
      html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters :is(input,select:not(.dp-eg-select-source),.dp-eg-select-trigger,button) {
        height:40px!important;
        min-height:40px!important;
        font-size:13px!important;
      }
    }
    @container dp-call-filters (min-width:850px) {
      html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters {
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
      }
    }
    @container dp-call-filters (min-width:1020px) {
      html[data-ws-accessibility][data-dp-theme] body #phone#phone#phone#phone .log-workspace .log-filters {
        grid-template-columns:minmax(148px,1.7fr) minmax(96px,1fr) minmax(92px,1fr) minmax(114px,1.1fr) 124px 124px 62px 100px 60px!important;
      }
    }
    @container dp-call-filters (min-width:1120px) {
      html[data-ws-accessibility][data-dp-theme] body #app#app#app#app .log-workspace .log-filters {
        grid-template-columns:minmax(148px,1.7fr) minmax(96px,1fr) minmax(92px,1fr) minmax(114px,1.1fr) minmax(94px,1fr) 124px 124px 62px 100px 60px!important;
      }
    }
    @container dp-call-filters (max-width:359px) {
      html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app#app,#phone#phone#phone#phone) .log-workspace .log-filters {
        grid-template-columns:minmax(0,1fr)!important;
      }
    }
  }
}

/* v4.51.37: mobile presentation only. Preserve DOM, handlers and visibility owners. */
@layer workspace {
  @media screen {
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] > main:has(> :is(#app#app,#phone#phone):not(.hidden)) {
      box-sizing:border-box!important;width:100%!important;min-width:0!important;
      margin:var(--dp-workspace-top-gap,12px) 0 var(--dp-workspace-bottom-gap,12px)!important;padding:12px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .ws-nav-items {
      display:block!important;grid-template-columns:minmax(0,1fr)!important;
      max-height:min(208px,32svh)!important;padding:8px!important;
      overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;
      scroll-padding-block:8px;touch-action:pan-y;
    }
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .ws-nav-items > :is(details,button) {
      width:100%!important;min-width:0!important;max-width:100%!important;
      box-sizing:border-box!important;margin:0 0 2px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation :is(button,summary) {
      min-height:44px!important;height:auto!important;padding:10px 12px!important;
      gap:10px!important;font-size:14px!important;line-height:20px!important;
      align-items:center!important;text-align:left!important;white-space:normal!important;
    }
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .dp-label {
      min-width:0!important;font-size:14px!important;line-height:20px!important;overflow-wrap:anywhere!important;
    }
    html[data-ws-accessibility][data-dp-theme] body[data-ws-nav-toggle=removed][data-ws-nav-mode=mobile] .dp-navigation .dp-icon {
      width:20px!important;height:20px!important;flex:0 0 20px!important;
    }
    /* The old bell selector colors every span, including the new action caption. */
    html[data-ws-accessibility][data-dp-theme] body > header #wsHeaderMore#wsHeaderMore .ws-header-actions-panel .ws-action-label {
      position:static!important;inset:auto!important;display:block!important;flex:1 1 auto!important;
      width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;
      margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
      background:transparent!important;box-shadow:none!important;color:var(--eg-text)!important;
      font-size:14px!important;font-weight:500!important;line-height:20px!important;
      text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;
    }
    html[data-ws-accessibility][data-dp-theme] body > header #wsHeaderMore#wsHeaderMore .ws-header-actions-panel :is(#awBellCount,#managerVmBell>span:not(.ws-action-label)) {
      position:static!important;inset:auto!important;flex:0 0 auto!important;
      width:auto!important;min-width:22px!important;height:auto!important;min-height:22px!important;
      padding:2px 5px!important;margin:0!important;border:0!important;border-radius:999px!important;
      background:#b51e32!important;color:#fff!important;font-size:12px!important;line-height:18px!important;text-align:center!important;
    }
  }
  @media screen and (max-width:600px) {
    html[data-ws-accessibility][data-dp-theme] body > header[data-dp-header-layout] {
      padding-inline:12px!important;gap:8px!important;box-sizing:border-box!important;
    }
    html[data-ws-accessibility][data-dp-theme] body > header #wsHeaderMore > summary {
      width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body > header :is(.account-trigger,#controllerAccountToggle) {
      max-width:150px!important;min-height:44px!important;height:auto!important;padding:10px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body > header :is(.ws-header-actions-panel,.account-dropdown,#controllerDropdown,.presence-options) {
      position:fixed!important;left:auto!important;right:12px!important;
      top:calc(var(--workspace-header-height) + 8px)!important;bottom:auto!important;
      box-sizing:border-box!important;width:min(300px,calc(100vw - 24px))!important;
      max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - var(--workspace-header-height) - 24px)!important;
      overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
      padding:8px!important;border-radius:14px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body > header #wsHeaderMore .ws-header-actions-panel > button {
      display:flex!important;align-items:center!important;gap:10px!important;
      min-width:0!important;width:100%!important;min-height:44px!important;height:auto!important;
      margin:0!important;padding:10px!important;text-align:left!important;
    }
    /* Agent presence and account stay in the header on a second, unclipped row. */
    html[data-ws-accessibility][data-dp-theme]:has(body.aw-active.presence-active) {
      --workspace-header-height:108px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body.aw-active.presence-active > header[data-dp-header-layout] {
      display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
      grid-template-rows:44px 44px!important;gap:4px 8px!important;
      height:108px!important;min-height:108px!important;padding:8px 12px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body.aw-active.presence-active > header > :is(.brand,.brand-logo) {
      grid-column:1!important;grid-row:1!important;margin:0!important;padding-top:0!important;align-self:center!important;
    }
    html[data-ws-accessibility][data-dp-theme] body.aw-active.presence-active > header > #wsHeaderMore {
      grid-column:2!important;grid-row:1!important;margin:0!important;
    }
    html[data-ws-accessibility][data-dp-theme] body.aw-active.presence-active > header > .header-account-tools {
      grid-column:1/-1!important;grid-row:2!important;display:flex!important;
      width:100%!important;min-width:0!important;margin:0!important;
      justify-content:space-between!important;align-items:center!important;gap:8px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body > header #agentPresence > summary {
      min-height:44px!important;height:auto!important;padding:10px!important;font-size:14px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body.aw-active.presence-active > header #agentPresence#agentPresence {
      position:relative!important;inset:auto!important;width:auto!important;max-width:190px!important;
      min-width:0!important;flex:0 1 auto!important;margin:0!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) {
      min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) :is(.grid,.floor-grid,.quality-grid,.ops-grid,.integration-grid) {
      grid-template-columns:minmax(0,1fr)!important;min-width:0!important;gap:12px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) :is(#activityDashboard,#floorOperations,#agentWorkbenchPage,.log-workspace,.pc-workspace,.dp-vmm-panel) {
      padding:12px!important;min-width:0!important;box-sizing:border-box!important;
    }
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid {
      grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid :is(.metric,.activity-metric) {
      grid-column:auto!important;min-height:120px!important;height:auto!important;padding:12px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid :is(.metric-label,.activity-metric > span) {
      font-size:12px!important;line-height:18px!important;min-height:36px!important;padding-right:24px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid :is(.metric-value,.activity-metric > strong) {
      font-size:26px!important;line-height:32px!important;margin:4px 0!important;
    }
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid :is(small,.metric-foot) {
      font-size:12px!important;line-height:18px!important;white-space:normal!important;overflow-wrap:anywhere!important;
    }
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid .manager-metric-icon,
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid .metric::after {
      top:12px!important;right:12px!important;width:18px!important;height:18px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) :is(.table-scroll,.log-scroll,.report-scroll,.dp-vmm-scroll) {
      min-width:0!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) :is(.log-title,.report-heading,.dp-monitor-heading,.group-toolbar,.manager-customer-search,.dp-vmm-toolbar) {
      min-width:0!important;flex-wrap:wrap!important;gap:8px!important;
    }
    html[data-ws-accessibility][data-dp-theme] body :is(#app#app#app,#phone#phone#phone) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select:not(.dp-eg-select-source),textarea):not(:where(#softphone *,#dialWidget *,#supervisorDialpad *)) {
      box-sizing:border-box!important;min-width:0!important;max-width:100%!important;font-size:16px!important;
    }
    html[data-dp-theme] body > dialog:not(#dispositionDialog):not(#customerContactSlide) {
      box-sizing:border-box!important;min-width:0!important;max-width:calc(100vw - 24px)!important;
      max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:16px!important;
    }
    html[data-dp-theme] body#dp-signin .shell {
      min-width:0!important;width:calc(100% - 24px)!important;max-width:100%!important;margin:12px auto!important;
    }
    html[data-dp-theme] body#dp-signin .form {padding:24px 20px!important;min-width:0!important;}
    html[data-dp-theme] body#dp-signin :is(input,select) {box-sizing:border-box!important;min-width:0!important;max-width:100%!important;min-height:44px!important;font-size:16px!important;}
  }
  @media screen and (max-width:359px) {
    html[data-ws-accessibility][data-dp-theme] body #app#app#app #activityDashboard .eg-summary-grid {
      grid-template-columns:minmax(0,1fr)!important;
    }
  }
}