/* Client-only reference measurements; administrator reporting keeps its existing styles. */
body[data-portal="client"] .client-report-toolbar {display:flex;align-items:center;justify-content:flex-start;gap:32px;min-width:1135px;height:46px;margin:0 0 24px;padding:0;}
body[data-portal="client"] .client-report-toolbar h1 {flex:0 0 116px;width:116px;margin:0;font:400 24px/33px 'Fira Sans',sans-serif;color:var(--client-text-ffffff, #fff);letter-spacing:normal;}
body[data-portal="client"] .client-report-toolbar .filter-actions {display:flex;align-items:center;gap:20px;flex-wrap:nowrap;flex:1;min-width:0;}
.client-report-control,.client-report-split {height:46px;box-sizing:border-box;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-1b1c21, #1b1c21);color:var(--client-text-ffffff, #fff);}
.client-report-control {display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;font:500 11px/16px 'Fira Sans',sans-serif;cursor:pointer;}
.client-report-control span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.client-report-control svg {width:12px;height:7px;flex:none;}
.client-report-split {display:flex;flex:none;border-color:var(--client-border-383839, #383839);}
.client-report-split button {height:44px;background:transparent;border:0;border-radius:0;color:inherit;font:500 11px/16px 'Fira Sans',sans-serif;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}
.client-report-split button:first-child {border-radius:4px 0 0 4px;}
.client-report-split button:last-child {width:35px;border-left:1px solid var(--client-border-383839, #383839);border-radius:0 4px 4px 0;}
.client-report-split button:last-child svg {width:10px;height:7px;}
.client-report-view {width:85px;margin-right:12px;}
.client-report-view button:first-child {width:48px;color:var(--client-text-9e9e9e, #9e9e9e);}
.client-report-view button:first-child svg {width:24px;height:24px;}
.client-report-timezone {width:320px;flex:none;margin-left:auto;}
.client-report-date {width:212px;flex:none;}
.client-report-square {width:46px;justify-content:center;padding:0;flex:none;color:var(--client-text-8f8f90, #8f8f90);}
.client-report-square svg {width:24px;height:24px;}
.client-report-auto {width:166px;}
.client-report-auto button:first-child {width:129px;}
.client-report-control:hover {background:var(--client-surface-1b1c21, #1b1c21);}
.client-report-split button:hover {background:transparent;}
.client-report-square:hover {background:#6f4fcc;border-color:#6f4fcc;color:#fff;}
.client-report-control.is-active,.client-report-split.is-active {background:#6f4fcc;color:var(--client-text-ffffff, #fff);}
.client-report-control:focus-visible,.client-report-split button:focus-visible,.client-report-popup button:focus-visible {outline:2px solid #8b68eb;outline-offset:2px;}
.client-report-filter-strip {display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;min-width:1135px;min-height:54px;height:auto;margin:0 0 -8px;padding:12px 0;gap:16px;}
.client-report-filter-chips {display:flex;align-items:center;gap:12px;}
.client-report-filter-strip button {font:400 11px/16px 'Fira Sans',sans-serif;color:var(--client-text-ffffff, #fff);background:transparent;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:4px;padding:6px 9px;cursor:pointer;}
.client-report-filter-strip [data-client-menu="filters"] {border:0;padding:6px 0;}
.client-report-popup {position:fixed;z-index:250;box-sizing:border-box;padding:10px 0;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-1e1f25, #1c1e23);color:var(--client-text-dadada, #dadada);font:400 11px/16px 'Fira Sans',sans-serif;overflow:auto;box-shadow:0 5px 18px #0003;animation:client-report-open 150ms cubic-bezier(.4,0,.2,1);transform-origin:top;}
.client-report-popup.is-leaving {pointer-events:none;animation:client-report-close 150ms cubic-bezier(.4,0,.2,1) forwards;}
.client-report-popup button {min-height:0;font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;}
.client-report-popup button:disabled {opacity:.4;cursor:not-allowed;}
.client-report-popup[data-client-popup="filters"] {padding:14px 0;}
.client-report-popup[data-client-popup="filters"]>button {display:block;width:100%;text-align:left;height:28px;padding:0 20px;}
.client-report-popup[data-client-popup="filters"]>button:hover:not(:disabled),.client-timezone-options button:hover {background:var(--client-surface-2d2e34, #2d2e34);}
.client-report-popup summary {display:flex;justify-content:space-between;align-items:center;padding:10px 16px;cursor:pointer;list-style:none;}
.client-report-popup summary::-webkit-details-marker {display:none;}
.client-report-popup summary svg {width:14px;height:14px;}
.client-report-popup details[open] summary svg {transform:rotate(180deg);}
.client-report-popup details p {padding:0 16px;font-size:10px;color:#727478;}
.client-report-popup .client-view-reset {display:block;width:100%;padding:10px;color:#835be8;border-top:1px solid var(--client-border-383839, #383839);}
.client-timezone-search {display:block;width:calc(100% - 20px);height:36px;margin:0 10px 8px;padding:8px;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:4px;background:var(--client-surface-2d2e34, #2d2e34);color:var(--client-text-ffffff, #fff);font:400 11px/16px 'Fira Sans',sans-serif;}
.client-timezone-options {max-height:298px;box-sizing:border-box;padding:5px;overflow-y:auto;overscroll-behavior:contain;}
.client-timezone-options button {display:block;width:100%;height:36px;margin-bottom:4px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:10px;border-radius:5px;font-weight:500;color:var(--client-text-ffffff, #fff);}
.client-timezone-options button[aria-selected="true"] {background:#6f4fcc;color:var(--client-text-ffffff, #fff);}
.client-report-popup[data-client-popup="date"] {padding:20px;border-color:var(--client-border-383839, #383839);background:var(--client-surface-1e1f25, #24252b);overflow:visible;}
.client-date-preset {position:relative;}
.client-date-preset>button {width:100%;height:32px;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-2d2e34, #2f3036);text-align:left;padding:0 10px;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:var(--client-text-ffffff, #fff);}
.client-date-preset svg {width:12px;height:7px;}
.client-date-preset>div {position:absolute;top:40px;left:0;right:0;z-index:2;padding:5px 5px 3px;background:var(--client-surface-1e1f25, #1c1e23);border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;}
.client-date-preset>div button {display:block;text-align:left;width:100%;height:28px;margin-bottom:2px;border-radius:5px;padding:6px 10px;color:var(--client-text-ffffff, #fff);font-weight:500;}
.client-date-preset>div button:hover {background:var(--client-surface-38383f, #38383f);}
.client-calendar-heading {display:flex;justify-content:space-between;align-items:center;height:35px;margin-top:20px;border-bottom:1px solid var(--client-border-3c3f49, #3c3f49);}
.client-calendar-heading button[data-month-step] {width:24px;height:24px;border:1px solid var(--client-border-727478, #727478);border-radius:4px;color:var(--client-text-9e9e9e, #9e9e9e);font-size:22px;line-height:20px;padding:0;}
.client-calendar-heading .client-calendar-month-label {font:400 16px/22px 'Fira Sans',sans-serif;color:var(--client-text-dadada, #dadada);padding:0;}
.client-calendar-week,.client-calendar-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;}
.client-calendar-week {display:flex;justify-content:space-between;height:30px;align-items:center;padding:0 6px;color:#727478;font-size:11px;}
.client-calendar-grid {grid-template-columns:repeat(7,30px);justify-content:space-between;row-gap:12px;padding:0 6px;margin-top:8px;}
.client-calendar-grid button {width:30px;height:30px;min-width:0;margin:0;font-size:11px;border-radius:5px;}
.client-calendar-grid .outside-month {color:#727478;}
.client-calendar-grid button:disabled {opacity:.16;}
.client-calendar-grid button:hover:not(:disabled) {background:var(--client-surface-37383f, #37383f);}
.client-calendar-grid button.selected {background:#12ab69;color:var(--client-text-ffffff, #fff);font-weight:500;}
.client-calendar-grid .in-range {background:#12b17425;}
.client-calendar-months {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;}
.client-calendar-months button {height:38px;border-radius:4px;}
.client-calendar-months button:hover {background:#6f4fcc;}
.client-report-popup[data-client-popup="date"] footer {display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:15px;height:30px;}
.client-report-popup [data-date-cancel] {height:24px;padding:4px 20px;line-height:16px;}
.client-report-popup [data-date-apply],.client-refresh-interval>button,.client-filter-editor button[type="submit"] {border:1px solid #815bec;border-radius:4px;background:#6f4fcc;color:var(--client-text-ffffff, #fff);height:32px;padding:0 15px;}
.client-calendar-error:empty {display:none;}
.client-calendar-error,.client-refresh-interval [role="alert"] {color:#f06269;font-size:10px;}
.client-report-popup[data-client-popup="interval"] {padding:16px 16px 24px;}
.client-report-popup[data-client-popup="interval"]>p {margin:0 0 16px;color:var(--client-text-ffffff, #fff);font-weight:500;}
.client-refresh-interval {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.client-refresh-interval label {position:relative;display:flex;align-items:center;width:96px;flex:none;}
.client-refresh-interval label>span:last-child {position:absolute;right:20px;top:14px;color:#727478;pointer-events:none;font:400 11px/16px 'Fira Sans',sans-serif;}
.client-refresh-interval input {width:96px;height:44px;box-sizing:border-box;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;padding:10px 46px 10px 20px;background:var(--client-surface-2d2e34, #2d2e34);color:var(--client-text-ffffff, #fff);font:500 11px/16px 'Fira Sans',sans-serif;}
.client-refresh-interval>button {width:42.875px;height:46px;padding:0;border-radius:5px;}
.client-refresh-interval [role="alert"] {flex-basis:100%;margin:0;}
.client-filter-editor {padding:6px 16px;}
.client-filter-editor strong {font-weight:500;}
.client-filter-editor label {display:block;margin:12px 0;}
.client-filter-editor input,.client-filter-editor select {display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:8px;background:var(--client-surface-2d2e34, #2d2e34);color:var(--client-text-ffffff, #fff);border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:4px;font:inherit;}
.client-filter-editor [data-filter-remove] {margin-left:10px;}
.client-report-square.is-reloading svg {animation:client-report-spin 800ms linear infinite;}
body[data-portal="client"] #notificationBell {border:0;width:32px;height:32px;padding:0;border-radius:5px;color:var(--client-text-9e9e9e, #9e9e9e);}
body[data-portal="client"] #notificationBell:hover,body[data-portal="client"] #notificationBell[aria-expanded="true"] {background:var(--client-surface-2b263e, #2b263e);}
.client-notification-panel {width:min(410px,calc(100vw - 32px));right:20px;top:48px;padding:0;background:var(--client-surface-1e1f25, #1e1f25);border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;animation:client-report-open 150ms cubic-bezier(.4,0,.2,1);}
.client-notification-panel header {height:45px;box-sizing:border-box;margin:20px 20px 0;padding:0 0 22px;border-bottom:1px solid var(--client-border-383839, #383839);align-items:flex-start;}
.client-notification-panel header strong {font:500 16px/22px 'Fira Sans',sans-serif;color:var(--client-text-ffffff, #fff);}
.client-notification-panel .notification-empty {display:flex;align-items:center;justify-content:center;min-height:82px;padding:0;margin:0;color:#727478;font:400 11px/16px 'Fira Sans',sans-serif;}
.client-notification-panel .notification-list {max-height:360px;overflow:auto;}
.client-notification-panel .notification-item {font:400 11px/18px 'Fira Sans',sans-serif;}
@keyframes client-report-open {from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes client-report-close {to{opacity:0;transform:translateY(-4px)}}
@keyframes client-report-spin {to{transform:rotate(360deg)}}
@media(max-width:800px){body[data-portal="client"] .client-report-toolbar {height:auto;min-width:0;flex-wrap:wrap;gap:16px;margin-bottom:24px;}body[data-portal="client"] .client-report-toolbar h1 {font-size:22px;flex-basis:auto;width:auto;}body[data-portal="client"] .client-report-toolbar .filter-actions {flex-wrap:wrap;flex-direction:row;gap:12px;width:100%;}.client-report-view {margin-right:0;}.client-report-timezone {width:min(320px,100%);flex:1 1 220px;margin-left:0;}.client-report-date {flex:1 1 200px;}.client-report-filter-strip {min-width:0;height:auto;min-height:38px;margin-bottom:8px;}.client-report-filter-chips {flex-wrap:wrap;}.client-report-popup[data-client-popup="date"] {overflow:auto;}}
@media(prefers-reduced-motion:reduce){.client-report-popup,.client-report-popup.is-leaving,.client-report-square.is-reloading svg,.client-notification-panel {animation:none !important;}}

body[data-portal="client"] .client-notification-panel.is-leaving {pointer-events:none;animation:client-report-close 150ms cubic-bezier(.4,0,.2,1) forwards;}

body[data-portal="client"] .client-report-timezone>.client-timezone-search {flex:1;min-width:0;min-height:0;width:auto;margin:0;padding:0;height:16px;border:0;background:transparent;color:inherit;font:inherit;outline:none;box-shadow:none;}
/* Expanded selectors reverse the same chevron, as observed in the live console. */
.client-report-control[data-client-menu][aria-expanded="true"]>svg,.client-report-split:has(button[aria-expanded="true"]) button:last-child>svg {transform:rotate(180deg);}
/* Legacy .report-filter span muted labels leaked into the client toolbar. */
body[data-portal="client"] .client-report-toolbar .client-report-control>span {color:inherit;}

.client-report-popup[data-client-popup="date"] [data-date-apply] {height:30px;border:0;border-radius:5px;padding:0 20px;}
.client-report-square[data-client-reload] svg {height:25px;}

.client-refresh-interval [role="alert"]:empty {display:none;}
/* Viewing menu: measured 240×112 closed sections, 30px rows and 42px Reset. */
.client-report-popup[data-client-popup="view"] {padding:4px 0 0;}
.client-report-popup[data-client-popup="view"] summary {height:30px;margin:0 5px;padding:7px 10px;border-radius:5px;color:var(--client-text-ffffff, #fff);}
.client-report-popup[data-client-popup="view"] details:last-of-type {margin-bottom:4px;}
.client-report-popup[data-client-popup="view"] summary svg {width:10px;height:7px;}
.client-report-popup[data-client-popup="view"] .client-view-reset {height:42px;padding:0;font:400 12px/17px 'Fira Sans',sans-serif;color:#6f4fcc;}
/* Reference timezone menu uses a 298px scroll body and inset 36px option rows. */
.client-report-popup[data-client-popup="timezone"] {padding:0;}
.client-report-popup[data-client-popup="timezone"] .client-timezone-options button:last-child {margin-bottom:0;}
.client-report-popup[data-client-popup="view"] summary:hover {background:var(--client-surface-2d2e34, #2d2e34);}
.client-report-popup[data-client-popup="view"] details[open] summary svg {color:#8a62e6;}
.client-report-popup[data-client-popup="view"] .campaign-menu-choice {display:block;width:100%;height:30px;padding:0 20px;border:0;border-radius:5px;font:500 11px/16px 'Fira Sans',sans-serif;color:var(--client-text-ffffff, #fff);}

/* Measured nested preset menu, including the current-preset highlight. */
.client-date-preset>button[aria-expanded="true"] {border-color:#6f4fcc;}
.client-date-preset>button[aria-expanded="true"] svg {transform:rotate(180deg);}
.client-date-preset>div button:last-child {margin-bottom:0;}
.client-date-preset>div button[aria-current="true"],.client-date-preset>div button:hover {background:var(--client-surface-2d2e34, #2d2e34);}

body[data-portal="client"] #app:has(>.client-report-filter-strip) .client-report-toolbar {margin-bottom:8px;}
.client-report-popup[data-client-popup="filters"] {padding:10px 0;}
.client-filter-types {max-height:260px;overflow:auto;padding:0 10px;}
.client-filter-types button {display:block;width:100%;height:28px;margin-bottom:0;padding:6px 10px;border-radius:5px;text-align:left;color:var(--client-text-ffffff, #fff);}
.client-filter-types button:last-child {margin-bottom:0;}
.client-filter-types button:hover:not(:disabled) {background:var(--client-surface-2d2e34, #2d2e34);}
/* Campaign-style reporting filter chips and the observed inline editor. */
.client-report-filter-chip {display:inline-flex;align-items:center;height:32px;color:var(--client-text-ffffff, #fff);font:400 11px/16px 'Fira Sans',sans-serif;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-1b1c21, #1b1c21);padding:0 8px;}
.client-report-filter-chip:has([aria-expanded="true"]) {border-color:#6f4fcc;}
.client-report-filter-strip .client-report-filter-chip button {display:flex;align-items:center;gap:6px;height:30px;padding:0;border:0;color:inherit;}
.client-report-filter-chip button:first-child {width:24px;}
.client-report-filter-chip button:first-child span {display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--client-surface-2d2e34, #2d2e34);font-size:10px;line-height:16px;}
.client-report-filter-chip button:first-child svg {width:10px;height:10px;}
.client-report-filter-chip button:last-child svg {width:10px;height:7px;}
.client-report-popup:has(.client-filter-editor) {padding:20px;overflow:visible;}
.client-filter-editor {position:relative;padding:0;}
.client-filter-editor-heading {height:32px;display:flex;align-items:center;gap:12px;color:var(--client-text-ffffff, #fff);font:400 11px/16px 'Fira Sans',sans-serif;}
.client-filter-operator {position:relative;width:152px;flex:none;}
.client-filter-operator>button {display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 10px;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-1b1c21, #1b1c21);color:var(--client-text-ffffff, #fff);font:500 11px/16px 'Fira Sans',sans-serif;}
.client-filter-operator>button[aria-expanded="true"] {background:var(--client-surface-2d2e34, #2f3036);border-color:#6f4fcc;}
.client-filter-operator svg {width:12px;height:7px;}
.client-filter-operator>button[aria-expanded="true"] svg {transform:rotate(180deg);}
.client-filter-operator>div {position:absolute;top:40px;left:0;right:0;z-index:2;padding:5px 5px 3px;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-1e1f25, #1c1e23);}
.client-filter-operator>div button {display:block;width:100%;height:28px;margin-bottom:2px;border-radius:5px;padding:6px 10px;text-align:left;color:var(--client-text-ffffff, #fff);font-weight:500;}
.client-filter-operator>div button:last-child {margin-bottom:0;}
.client-filter-operator>div button[aria-selected="true"],.client-filter-operator>div button:hover {background:var(--client-surface-2d2e34, #2d2e34);}
.client-filter-editor-heading [data-filter-remove] {width:24px;height:24px;margin-left:auto;padding:0;color:var(--client-text-9e9e9e, #9e9e9e);}
.client-filter-editor-heading [data-filter-remove] svg {width:20px;height:20px;}
.client-filter-value {display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;height:44px;margin-top:20px;padding:0 12px;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-2d2e34, #2f3036);color:var(--client-text-ffffff, #fff);font:500 11px/16px 'Fira Sans',sans-serif;cursor:pointer;}
.client-filter-value>span {flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.client-filter-value>svg {width:12px;height:7px;flex:none;}
.client-filter-value[aria-expanded="true"] {border-color:#6f4fcc;}
.client-filter-value[aria-expanded="true"]>svg {transform:rotate(180deg);}
.client-filter-value input {flex:1;min-width:0;min-height:0;width:auto;height:16px;margin:0;padding:0;border:0;outline:0;background:transparent;color:inherit;box-shadow:none;font:inherit;}
.client-filter-value [data-filter-value-clear] {width:12px;height:16px;padding:0;color:var(--client-text-9e9e9e, #9e9e9e);}
.client-filter-value-options {position:absolute;top:104px;left:0;right:0;z-index:2;max-height:300px;overflow:auto;padding:5px;border:1px solid var(--client-border-3c3f49, #3c3f49);border-radius:5px;background:var(--client-surface-1e1f25, #1c1e23);}
.client-filter-value-options button {display:block;width:100%;height:36px;margin-bottom:4px;padding:10px;border-radius:5px;text-align:left;color:var(--client-text-ffffff, #fff);font-weight:500;}
.client-filter-value-options button:last-child {margin-bottom:0;}
.client-filter-value-options button[aria-selected="true"],.client-filter-value-options button:hover {background:var(--client-surface-2d2e34, #2d2e34);}
.client-filter-value-options p {margin:0;padding:10px;font-size:11px;line-height:16px;}
.client-filter-value-options[hidden],.client-filter-operator>div[hidden],.client-filter-value [hidden] {display:none!important;}
.client-filter-editor .client-filter-caller {height:44px;margin-top:20px;padding:12px;font:500 11px/16px 'Fira Sans',sans-serif;}
.client-filter-error:empty {display:none;}
.client-filter-error {color:#f06269;font-size:10px;margin:8px 0 0;}
@media(max-width:600px){body[data-portal="client"] #app:has(>.client-report-filter-strip) .client-report-toolbar {margin-bottom:8px;}.client-report-filter-strip {min-width:0;height:auto;min-height:54px;}.client-filter-editor-heading {gap:8px;}.client-filter-operator {width:min(152px,45%);}}
.client-report-filter-strip [data-client-menu="filters"]>span {display:block;height:16px;line-height:16px;}

.client-report-auto [data-client-auto-toggle] {gap:6px;}
.client-report-auto [data-client-auto-toggle]>svg {width:14px;height:14px;flex:none;}
.client-report-auto [data-client-auto-toggle]>span {font:500 13px/16px 'Fira Sans',sans-serif;font-variant-numeric:tabular-nums;color:inherit;}

/* Verified reference hover purple applies to the hovered Auto Refresh segment. */
.client-report-auto button:hover {background:#6f4fcc;color:#fff;border-color:#6f4fcc;}
/* Reporting recheck, scoped role typography; existing matching title/header sizes retained. */
body[data-view="reporting"][data-portal="client"] [data-report-table="calls"]>.section-caption{font-size:22px;line-height:26px;font-weight:400}
body[data-view="reporting"][data-portal="client"] [data-report-table] tbody tr{height:40px}
body[data-view="reporting"][data-portal="client"] [data-report-table] tbody td{height:40px;box-sizing:border-box;padding-top:0;padding-bottom:0;font:400 13px/16px 'Fira Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
body[data-view="reporting"][data-portal="client"] [data-report-table] tbody td :is(strong,span,small,time,.report-call-date){font-size:13px;line-height:16px}
body[data-view="reporting"][data-portal="client"] [data-report-table] .report-call-date{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view="reporting"][data-portal="client"] .report-tabs :is(button,summary){font-size:13px;line-height:16px}
body[data-view="reporting"][data-portal="client"] :is(.report-chart-head h2,.total-card h2){font-size:14px;line-height:17px}
body[data-view="reporting"][data-portal="client"] .client-report-auto [data-client-auto-toggle]{font-size:13px;line-height:16px}
body[data-view="reporting"][data-portal="client"] .client-calendar-heading .client-calendar-month-label{font-size:18px;line-height:22px}
body[data-view="reporting"][data-portal="client"] .client-report-popup :is([data-date-cancel],[data-date-apply]){font-size:13px;line-height:16px;transition:color 150ms cubic-bezier(.4,0,.2,1),background-color 150ms cubic-bezier(.4,0,.2,1),border-color 150ms cubic-bezier(.4,0,.2,1)}
body[data-view="reporting"][data-portal="client"] .client-calendar-grid{transition:height 150ms cubic-bezier(.4,0,.2,1)}
body[data-view="reporting"][data-portal="client"] .client-report-popup[data-client-popup="view"] .campaign-menu-choice{font-size:13px}
body[data-view="reporting"][data-portal="client"] .client-report-filter-chip{max-width:300px}
body[data-view="reporting"][data-portal="client"] .client-report-filter-chip button:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-view="reporting"][data-portal="client"] .client-compound-filter{font:400 13px/16px 'Fira Sans',sans-serif;padding:20px}
.client-report-popup:has(.client-compound-filter){padding:0;overflow:auto}
.client-compound-filter header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.client-compound-filter header strong{font-weight:400}
.client-compound-filter header button{padding:0;width:24px;height:24px;color:#9e9e9e}
.client-compound-filter header svg{width:20px;height:20px}
.client-compound-filter label{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;margin-top:20px}
.client-compound-filter input{box-sizing:border-box;width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #3c3f49;border-radius:5px;background:#2f3036;color:var(--ink,#fff);font:400 13px/16px 'Fira Sans',sans-serif}
.client-compound-filter input:focus-visible{outline:2px solid #9877ec;outline-offset:1px}
.client-compound-filter ul{padding:0;list-style:none}
.client-compound-filter li{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;overflow-wrap:anywhere}
.client-compound-filter li>span{min-width:0;white-space:normal}
.client-compound-filter li button{flex:none;width:24px;height:24px}
.client-compound-filter footer{display:flex;justify-content:flex-end;margin-top:20px}
.client-compound-filter footer button{height:38px;padding:0 20px;border-radius:4px;background:#6f4fcc;color:#fff}
.client-compound-filter [role=alert]{color:#f06269;white-space:normal}
.client-compound-filter [role=alert]:empty{display:none}
.client-compound-availability{color:var(--muted,#9e9e9e);font:400 12px/16px 'Fira Sans',sans-serif;white-space:normal;margin:16px 0}
@media(prefers-reduced-motion:reduce){body[data-view="reporting"][data-portal="client"] .client-report-popup *,body[data-view="reporting"][data-portal="client"] .client-calendar-grid{transition:none!important}}
body[data-view="reporting"][data-portal="client"] .client-calendar-grid{overflow:hidden}
