/* Only the shared user-facing Reporting rows. */
body[data-view="reporting"] .report-row-actions{display:flex;align-items:center;gap:8px;min-width:80px}
body[data-view="reporting"] .report-row-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:28px;flex:none;padding:2px;border:0;border-radius:4px;background:transparent;color:var(--hint,#9e9e9e);cursor:pointer;transition:color 150ms ease,background-color 150ms ease}
body[data-view="reporting"] .report-row-icon svg,.report-hangup svg{width:18px;height:20px}
body[data-view="reporting"] .report-row-icon:hover:not(:disabled){color:#8d65eb;background:var(--client-surface-2d2e34,#2d2e34)}
body[data-view="reporting"] .report-row-icon:disabled{opacity:.4;cursor:not-allowed}
body[data-view="reporting"] .report-row-icon:focus-visible,.report-call-date:focus-visible{outline:2px solid #8d65eb;outline-offset:2px}
body[data-view="reporting"] .report-call-date{padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
body[data-view="reporting"] .report-row-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:180px}
body[data-view="reporting"] .report-row-tags>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view="reporting"] .report-row-status{display:block;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}
.report-tags-popover{position:fixed;z-index:400;width:280px;height:310px;box-sizing:border-box;padding:20px;border:1px solid var(--border,#3c3f49);border-radius:5px;background:var(--panel,#1c1e23);color:var(--ink,#fff);box-shadow:0 5px 18px #0003;display:flex;flex-direction:column;gap:12px;animation:client-report-open 150ms ease}
.report-tags-popover>input{width:100%;height:46px;flex:none;padding:10px;border:1px solid var(--border,#3c3f49);border-radius:5px;background:transparent;color:inherit;font:13px/16px 'Fira Sans',sans-serif}
.report-tags-popover [data-tag-options]{overflow:auto;flex:1;min-height:0;font:13px/20px 'Fira Sans',sans-serif}
.report-tags-popover [data-tag-options] label{display:flex;gap:8px;align-items:center;min-height:30px}
.report-tags-popover [data-tag-options] input{width:14px;height:14px;accent-color:#6f4fcc}
.report-tags-popover button{border:0;background:transparent;color:inherit;cursor:pointer;padding:6px 10px;border-radius:4px;font:inherit}
.report-tags-popover footer{display:flex;justify-content:flex-end;gap:8px}.report-tags-popover [data-tag-save]{background:#6f4fcc;color:#fff}
.report-tags-popover [role=alert]{margin:0;font-size:12px;color:#f06269}.report-tags-popover [role=alert]:empty{display:none}
.report-payment-form label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.report-payment-form input{width:96px}.report-payment-form label:last-child{display:block}.report-payment-form textarea{display:block;width:100%;height:100px;margin-top:12px}
@media(prefers-reduced-motion:reduce){.report-tags-popover{animation:none}body[data-view="reporting"] .report-row-icon{transition:none}}
/* Shared user-facing header notifications, measured at the right-hand bell. */
#notificationBell .notification-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;min-width:0;padding:0;border-radius:50%;background:#f06269;box-shadow:0 0 0 3px #f0626926}
.client-notification-panel{right:20px;top:48px;width:min(410px,calc(100vw - 32px));padding:20px;box-sizing:border-box}
.client-notification-panel header{height:39px;margin:0 0 20px;padding:0 0 16px;align-items:flex-start;justify-content:space-between}
.client-notification-panel header strong{font:500 16px/22px 'Fira Sans',sans-serif}
.client-notification-panel #notificationsRead{font:13px/18px 'Fira Sans',sans-serif;border:0;background:transparent;color:#8d65eb;padding:2px 0;cursor:pointer}
.client-notification-panel .notification-item{position:relative;align-items:center;justify-content:space-between;min-height:66px;box-sizing:border-box;padding:14px 12px;border:0;border-radius:3px}
.client-notification-panel .notification-item.unread{background:var(--client-surface-24252b,#24252b)}
.client-notification-panel .notification-item p{font:13px/18px 'Fira Sans',sans-serif;margin:0 0 4px}
.client-notification-panel .notification-item time{font:13px/18px 'Fira Sans',sans-serif;color:#727478}
.client-notification-panel .notification-unread-dot{width:6px;height:6px;border-radius:50%;background:#6f4fcc;flex:none}
.client-notification-panel .notification-number-link{border:0;background:transparent;color:#9877ec;padding:4px 0;font:12px/16px 'Fira Sans',sans-serif;cursor:pointer}
.client-notification-panel footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border,#3c3f49);color:#727478;font:13px/18px 'Fira Sans',sans-serif}
/* Measured glyphs keep24px SVG boxes; settings/download have20px separation. */
.report-table-tools[data-report-tools="summary"]{gap:20px;min-height:38px;padding:0}
.report-table-tools[data-report-tools="summary"] [data-report-columns]{width:24px;height:38px;padding:0}
.report-table-tools[data-report-tools="calls"]{gap:10px;min-height:38px;padding:0}
.report-table-tools[data-report-tools="calls"] [data-report-columns]{width:24px;height:38px;padding:0}
.report-table-tools[data-report-tools="calls"] .report-log-search-group:not(.is-open){width:24px;height:38px}
.report-table-tools[data-report-tools="calls"] .report-log-search-group:not(.is-open)>button{width:24px;height:38px;padding:0}
.report-table-tools>button{color:#9e9e9e}
@media(min-width:1200px){
 body[data-portal="admin"][data-view="reporting"] .client-report-toolbar:has(.admin-report-client-filter){flex-direction:row;align-items:center;gap:16px;min-height:46px;margin-bottom:24px}
 body[data-portal="admin"][data-view="reporting"] .client-report-toolbar h1{flex:0 0 116px;align-self:center}
 body[data-portal="admin"][data-view="reporting"] .client-report-toolbar .filter-actions{flex:1;flex-wrap:nowrap;gap:10px;min-width:0}
 body[data-portal="admin"][data-view="reporting"] .admin-report-client-filter{font-size:0;flex:0 0 110px}
 body[data-portal="admin"][data-view="reporting"] .admin-report-client-filter select{width:110px;min-width:0;max-width:110px;height:46px;font:13px/16px 'Fira Sans',sans-serif}
 body[data-portal="admin"][data-view="reporting"] .client-report-view{width:70px;margin-right:0}
 body[data-portal="admin"][data-view="reporting"] .client-report-view button:first-child{width:35px}
 body[data-portal="admin"][data-view="reporting"] .client-report-timezone{flex:1 1 220px;min-width:160px;width:220px}
 body[data-portal="admin"][data-view="reporting"] .client-report-date{width:185px;padding:0 10px}
 body[data-portal="admin"][data-view="reporting"] .client-report-auto{width:142px}
 body[data-portal="admin"][data-view="reporting"] .client-report-auto button:first-child{width:105px}
}
.report-recording-player{position:fixed;z-index:500;right:8px;bottom:8px;box-sizing:border-box;width:min(400px,calc(100vw - 16px));padding:28px 30px;background:var(--panel,#1c1e23);border:1px solid var(--border,#3c3f49);border-radius:5px;color:var(--ink,#fff);box-shadow:0 4px 16px #0003;animation:client-report-open 150ms ease}
.report-recording-player header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border,#3c3f49)}
.report-recording-player header strong{font:500 18px/24px 'Fira Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-recording-player button,.report-recording-player a{padding:0;display:inline-flex;justify-content:center;align-items:center;flex:none;border:0;background:transparent;color:#9e9e9e;width:24px;height:24px;cursor:pointer;text-decoration:none;font-size:22px}
.report-recording-player button:focus-visible,.report-recording-player a:focus-visible{outline:2px solid #8d65eb;outline-offset:2px}
.report-player-controls{display:flex;gap:10px;align-items:center;margin:20px 0}.report-player-controls [data-player-download]{margin-left:auto;border:1px solid var(--border,#3c3f49);border-radius:3px}.report-player-controls svg{width:24px;height:24px}
.report-recording-player audio{display:none}.report-recording-player input[type=range]{display:block;width:100%;height:8px;margin:0;accent-color:#6f4fcc}
.report-recording-player .report-player-time{font:500 13px/18px 'Fira Sans',sans-serif;color:#727478;margin:14px 0 0}.report-recording-player [data-player-status]{font:12px/18px 'Fira Sans',sans-serif;margin:10px 0 0}.report-recording-player [data-player-status]:empty{display:none}
.report-recording-player .is-muted{color:#f06269}
@media(max-width:480px){.report-recording-player{padding:18px}.report-recording-player header strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.report-recording-player{animation:none}}
.report-block-dialog{width:400px;max-width:calc(100vw - 32px)}.report-payment-dialog{width:470px;max-width:calc(100vw - 32px)}

/* Populated Viewing Mode keeps the reference Eye/label treatment for both roles. */
body[data-view="reporting"] .client-report-view.has-resource svg{flex:none}
body[data-portal="admin"][data-view="reporting"] .client-report-view.has-resource{width:auto;max-width:180px;background:#6f4fcc;border-color:#6f4fcc}
body[data-portal="admin"][data-view="reporting"] .client-report-view.has-resource button:first-child{width:auto;min-width:48px;padding:0 12px;gap:10px;color:#fff}
body[data-portal="admin"][data-view="reporting"] .client-report-view.has-resource button:first-child span{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-portal="admin"][data-view="reporting"] .client-report-view.has-resource button:last-child{color:#fff}
body[data-portal="admin"][data-view="reporting"] .filter-actions:has(.has-resource) .client-report-timezone{min-width:110px}

.client-notification-panel .notification-error{font:400 13px/18px 'Fira Sans',sans-serif;color:var(--client-text-ffffff,#fff);padding:8px 0;margin:0 0 12px}

/* Authenticated client notification measurements, 20 October 2026. */
body[data-portal="client"] #notificationBell svg{width:32px;height:32px;color:var(--client-text-ffffff,#fff)}
body[data-portal="client"] .client-notification-panel{
 padding:20px 0 0;background:#1c1e23;animation:none;
 font-family:'Fira Sans',sans-serif;
}
body[data-portal="client"] .client-notification-panel header{margin:0 20px 20px}
body[data-portal="client"] .client-notification-panel header strong{font:500 18px/22px 'Fira Sans',sans-serif;color:var(--client-text-ffffff,#fff)}
body[data-portal="client"] .client-notification-panel #notificationsRead{font:400 13px/16px 'Fira Sans',sans-serif;color:#6f4fcc;padding:0}
body[data-portal="client"] .client-notification-panel .notification-list{padding:0 20px}
body[data-portal="client"] .client-notification-panel .notification-item{
 padding:16px 12px;min-height:68px;cursor:pointer;
 transition:background-color 150ms cubic-bezier(.4,0,.2,1);
}
body[data-portal="client"] .client-notification-panel .notification-item.unread{background:var(--client-surface-23242a,#23242a)}
body[data-portal="client"] .client-notification-panel .notification-item:is(:hover,:focus-visible){background:var(--client-surface-2d2e34,#2d2e34)}
body[data-portal="client"] .client-notification-panel .notification-item p{font:400 13px/16px 'Fira Sans',sans-serif;color:var(--client-text-ffffff,#fff);margin:0 0 4px}
body[data-portal="client"] .client-notification-panel .notification-item time{font:400 13px/16px 'Fira Sans',sans-serif;color:#727478}
body[data-portal="client"] .client-notification-panel footer{margin:20px 20px 0}
@media(prefers-reduced-motion:reduce){body[data-portal="client"] .client-notification-panel .notification-item{transition:none}}
body[data-portal="client"] .client-notification-panel .notification-item>div{line-height:16px;min-width:0}
body[data-portal="client"] .client-notification-panel .notification-item time{display:block}
body[data-portal="client"] .client-unread-banner{position:fixed;z-index:1199;right:20px;top:64px;display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:calc(100vw - 40px);box-sizing:border-box;border:1px solid #3c3f49;border-radius:5px;background:#23242a;color:#fff;font:400 13px/16px 'Fira Sans',sans-serif}
body[data-portal="client"] .client-unread-banner button{border:0;background:transparent;color:#a290e7;font:inherit;cursor:pointer;white-space:nowrap}
body[data-portal="client"] #notificationBell .notification-badge{width:6px;height:6px}