@font-face {
    font-family: BebasNeue;
    src: url('/Content/fonts/bebas-neue/BebasNeue.woff2') format('woff2'),
         url('/Content/fonts/bebas-neue/BebasNeue.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --reporting-portal-black: var(--tg-black);
    --reporting-portal-bluegray-strong: var(--tg-bluegray);
    --reporting-portal-border-default: #d5dbe3;
    --reporting-portal-border-light: #e5e5e5;
    --reporting-portal-border-muted: var(--tg-reporting-border-strong);
    --reporting-portal-border-slate: var(--tg-grey-border);
    --reporting-portal-border-soft: #d7dbe0;
    --reporting-portal-border-strong: var(--tg-reporting-border-strong);
    --reporting-portal-colour-000075: #000075;
    --reporting-portal-colour-181b20: #181b20;
    --reporting-portal-colour-1f2328: #1f2328;
    --reporting-portal-colour-206bc4: #206bc4;
    --reporting-portal-colour-212529: #212529;
    --reporting-portal-colour-21efda: #21efda;
    --reporting-portal-colour-2f2f2f: #2f2f2f;
    --reporting-portal-colour-2fb344: #2fb344;
    --reporting-portal-colour-333333: #333333;
    --reporting-portal-colour-343a43: #343a43;
    --reporting-portal-colour-373637: #373637;
    --reporting-portal-colour-38c1b3: #38c1b3;
    --reporting-portal-colour-3a393a: #3a393a;
    --reporting-portal-colour-3d4a58: #3d4a58;
    --reporting-portal-colour-3f3f3f: #3f3f3f;
    --reporting-portal-colour-404040: #404040;
    --reporting-portal-colour-42d4f4: #42d4f4;
    --reporting-portal-colour-4363d8: #4363d8;
    --reporting-portal-colour-45484f: #45484f;
    --reporting-portal-colour-468599: #468599;
    --reporting-portal-colour-555: #555555;
    --reporting-portal-colour-575757: #575757;
    --reporting-portal-colour-62656d: #62656d;
    --reporting-portal-colour-666: #666666;
    --reporting-portal-colour-686868: #686868;
    --reporting-portal-colour-6d6d6d: #6d6d6d;
    --reporting-portal-colour-6d7fe4: #6d7fe4;
    --reporting-portal-colour-6e7687: #6e7687;
    --reporting-portal-colour-6f6f71: #6f6f71;
    --reporting-portal-colour-7459fe: #7459fe;
    --reporting-portal-colour-767676: #767676;
    --reporting-portal-colour-767bc7: #767bc7;
    --reporting-portal-colour-7a8591: #7a8591;
    --reporting-portal-colour-7a8694: #7a8694;
    --reporting-portal-colour-7c7c7c: #7c7c7c;
    --reporting-portal-colour-800000: #800000;
    --reporting-portal-colour-808000: #808000;
    --reporting-portal-colour-8a8a8a: #8a8a8a;
    --reporting-portal-colour-8aa1bf: #8aa1bf;
    --reporting-portal-colour-8f8f90: #8f8f90;
    --reporting-portal-colour-911eb4: #911eb4;
    --reporting-portal-colour-999: #999999;
    --reporting-portal-colour-9a6324: #9a6324;
    --reporting-portal-colour-9aa3ad: #9aa3ad;
    --reporting-portal-colour-9aa5b1: #9aa5b1;
    --reporting-portal-colour-9da6b2: #9da6b2;
    --reporting-portal-colour-a0c5f1: #a0c5f1;
    --reporting-portal-colour-a1a8af: #a1a8af;
    --reporting-portal-colour-a8a8a8: #a8a8a8;
    --reporting-portal-colour-aab2bd: #aab2bd;
    --reporting-portal-colour-aaffc3: #aaffc3;
    --reporting-portal-colour-aeeed4: #aeeed4;
    --reporting-portal-colour-b23d3e: #b23d3e;
    --reporting-portal-colour-b3b3b3: #b3b3b3;
    --reporting-portal-colour-b8b8b8: #b8b8b8;
    --reporting-portal-colour-b9b9b9: #b9b9b9;
    --reporting-portal-colour-bababa: #bababa;
    --reporting-portal-colour-bbb: #bbbbbb;
    --reporting-portal-colour-bcbcbc: #bcbcbc;
    --reporting-portal-colour-bfef45: #bfef45;
    --reporting-portal-colour-c0c0c0: #c0c0c0;
    --reporting-portal-colour-c5ced8: #c5ced8;
    --reporting-portal-colour-c64546: #c64546;
    --reporting-portal-colour-c77626: #c77626;
    --reporting-portal-colour-d0d5dd: #d0d5dd;
    --reporting-portal-colour-d0d7de: #d0d7de;
    --reporting-portal-colour-d1d1d1: #d1d1d1;
    --reporting-portal-colour-d63939: #d63939;
    --reporting-portal-colour-d6d6d6: #d6d6d6;
    --reporting-portal-colour-d6dbe3: #d6dbe3;
    --reporting-portal-colour-d7d7d7: #d7d7d7;
    --reporting-portal-colour-d7d8ec: #d7d8ec;
    --reporting-portal-colour-d9d9d9: #d9d9d9;
    --reporting-portal-colour-dadada: #dadada;
    --reporting-portal-colour-daf2e9: #daf2e9;
    --reporting-portal-colour-dcdcdc: #dcdcdc;
    --reporting-portal-colour-ddd: #dddddd;
    --reporting-portal-colour-dde1e7: #dde1e7;
    --reporting-portal-colour-dfeafa: #dfeafa;
    --reporting-portal-colour-e0e3e8: #e0e3e8;
    --reporting-portal-colour-e1ba21: #e1ba21;
    --reporting-portal-colour-e6beff: #e6beff;
    --reporting-portal-colour-e7eef9: #e7eef9;
    --reporting-portal-colour-e8cef3: #e8cef3;
    --reporting-portal-colour-eceeef: #eceeef;
    --reporting-portal-colour-eceff2: #eceff2;
    --reporting-portal-colour-eef1f5: #eef1f5;
    --reporting-portal-colour-ef814b: #ef814b;
    --reporting-portal-colour-f032e6: #f032e6;
    --reporting-portal-colour-f05d5e: #f05d5e;
    --reporting-portal-colour-f0f0f0: #f0f0f0;
    --reporting-portal-colour-f0f8f5: #f0f8f5;
    --reporting-portal-colour-f1f1f3: #f1f1f3;
    --reporting-portal-colour-f2e3eb: #f2e3eb;
    --reporting-portal-colour-f3e5f9: #f3e5f9;
    --reporting-portal-colour-f5f5f7: #f5f5f7;
    --reporting-portal-colour-f7f8fa: #f7f8fa;
    --reporting-portal-colour-f8fafc: #f8fafc;
    --reporting-portal-colour-fabebe: #fabebe;
    --reporting-portal-colour-faf0e1: #faf0e1;
    --reporting-portal-colour-fbb03a: #fbb03a;
    --reporting-portal-colour-fbb9b9: #fbb9b9;
    --reporting-portal-colour-fcba7f: #fcba7f;
    --reporting-portal-colour-ff5f5f: #ff5f5f;
    --reporting-portal-colour-ff8f8f: #ff8f8f;
    --reporting-portal-colour-ffb4b4: #ffb4b4;
    --reporting-portal-colour-ffd8b1: #ffd8b1;
    --reporting-portal-colour-ffdbdb: #ffdbdb;
    --reporting-portal-colour-ffe119: #ffe119;
    --reporting-portal-colour-fff8ef: #fff8ef;
    --reporting-portal-colour-fff8f8: #fff8f8;
    --reporting-portal-danger-hover: var(--tg-interactive-danger-hover);
    --reporting-portal-fullscreen-surface: var(--tg-grey-darker);
    --reporting-portal-ink: var(--tg-reporting-ink);
    --reporting-portal-ink-surface: var(--tg-reporting-ink);
    --reporting-portal-sidekick-close-surface: var(--tg-reporting-ink);
    --reporting-portal-loading-swipe-dark: var(--tg-grey-dark);
    --reporting-portal-loading-swipe-light: #fbaf3c;
    --reporting-portal-loading-swipe-orange: #ea963e;
    --reporting-portal-neutral-300: #cccccc;
    --reporting-portal-neutral-350: #c8c8c8;
    --reporting-portal-neutral-400: #aaaaaa;
    --reporting-portal-neutral-500: #8b8b8b;
    --reporting-portal-neutral-550: var(--tg-grey-mid);
    --reporting-portal-neutral-600: var(--tg-surface-dark-hover);
    --reporting-portal-neutral-650: #565658;
    --reporting-portal-neutral-700: #4a4a4a;
    --reporting-portal-neutral-725: var(--tg-surface-dark);
    --reporting-portal-neutral-750: #414042;
    --reporting-portal-neutral-800: #333333;
    --reporting-portal-olive: #b1bc54;
    --reporting-portal-primary-accent: var(--tg-interactive-primary-hover);
    --reporting-portal-primary-hover: var(--tg-interactive-primary-hover);
    --reporting-portal-success-hover: var(--tg-interactive-success-hover);
    --reporting-portal-surface-disabled: #eef1f4;
    --reporting-portal-surface-hover: #f4f5f5;
    --reporting-portal-surface-light: #f5f5f5;
    --reporting-portal-surface-lighter: var(--tg-grey-comment);
    --reporting-portal-surface-muted: var(--tg-grey-comment);
    --reporting-portal-surface-soft: #dfe4ea;
    --reporting-portal-text-disabled: var(--tg-reporting-text-disabled);
    --reporting-portal-text-slate: var(--tg-reporting-text-slate);
    --reporting-portal-text-strong: var(--tg-reporting-ink);
    --reporting-portal-text-subtle: var(--tg-bluegray);
    --reporting-portal-warning: #f1bb42;
}
.loading-swipe {
    width: 0;
    height: 0;
    z-index: 4200;
}

.loading-swipe.transition > div {
    transform: translate3d(0, 0, 0);
    width: 0;
}

.loading-swipe.transitionIn > div {
    transform: translate3d(0, 0, 0);
    left: 0 !important;
}

.loading-swipe.transitionIn > div.light {
    transition-delay: 0s !important;
}

.loading-swipe.transitionIn > div.orange {
    transition-delay: 0.3s !important;
}

.loading-swipe.transitionIn > div.dark {
    transition-delay: 0.4s !important;
}

.loading-swipe > div {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 4200;
    transition: width 0.3s cubic-bezier(0.78, 0.18, 0.85, 0.53);
}

.loading-swipe > div.orange {
    background-color: var(--reporting-portal-loading-swipe-orange);
    transition-delay: 0.3s;
}

.loading-swipe > div.light {
    background-color: var(--reporting-portal-loading-swipe-light);
    transition-delay: 0.4s;
}

.loading-swipe > div.dark {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--reporting-portal-loading-swipe-dark);
}

.loading-swipe > div.dark > div {
    width: 3.75rem;
    height: 3.75rem;
    background: url(/Images/loading.svg) no-repeat;
    background-size: contain;
}

@property --metric-score-percent {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}

.reporting-portal-host {
    --reporting-portal-offcanvas-padding-x: 1.5em;
    --reporting-portal-offcanvas-padding-y: 1.5em;
    --reporting-portal-offcanvas-padding-y-compact: 0;
    --reporting-portal-control-bg: var(--tg-white);
    --reporting-portal-control-bg-hover: var(--reporting-portal-surface-hover);
    --reporting-portal-control-border: var(--reporting-portal-border-default);
    --reporting-portal-control-border-hover: var(--reporting-portal-border-strong);
    --reporting-portal-control-text: var(--tg-bluegray);
    --reporting-portal-control-text-strong: var(--reporting-portal-text-strong);
    --reporting-portal-control-disabled-bg: var(--reporting-portal-surface-disabled);
    --reporting-portal-control-disabled-border: var(--reporting-portal-border-default);
    --reporting-portal-control-disabled-text: var(--reporting-portal-text-disabled);
    --reporting-portal-control-primary-bg: var(--tg-orange);
    --reporting-portal-control-primary-bg-hover: var(--reporting-portal-primary-hover);
    --reporting-portal-control-primary-border: var(--tg-orange);
    --reporting-portal-control-primary-border-hover: var(--reporting-portal-primary-hover);
    --reporting-portal-control-primary-text: var(--tg-white);
    --reporting-portal-control-success-bg: var(--tg-green);
    --reporting-portal-control-success-bg-hover: var(--reporting-portal-success-hover);
    --reporting-portal-control-success-border: var(--tg-green);
    --reporting-portal-control-success-border-hover: var(--reporting-portal-success-hover);
    --reporting-portal-control-success-text: var(--tg-white);
    --reporting-portal-control-danger-bg: var(--tg-red);
    --reporting-portal-control-danger-bg-hover: var(--reporting-portal-danger-hover);
    --reporting-portal-control-danger-border: var(--tg-red);
    --reporting-portal-control-danger-border-hover: var(--reporting-portal-danger-hover);
    --reporting-portal-control-danger-text: var(--tg-white);
    --reporting-portal-control-link-text: var(--tg-bluegray);
    --reporting-portal-control-link-text-hover: var(--reporting-portal-text-strong);
    --tg-reporting-survey-bar-01: var(--tg-teal);
    --tg-reporting-survey-bar-02: var(--reporting-portal-colour-4363d8);
    --tg-reporting-survey-bar-03: var(--reporting-portal-colour-911eb4);
    --tg-reporting-survey-bar-04: var(--reporting-portal-colour-9a6324);
    --tg-reporting-survey-bar-05: var(--reporting-portal-colour-fabebe);
    --tg-reporting-survey-bar-06: var(--reporting-portal-colour-808000);
    --tg-reporting-survey-bar-07: var(--reporting-portal-colour-f032e6);
    --tg-reporting-survey-bar-08: var(--reporting-portal-colour-ffe119);
    --tg-reporting-survey-bar-09: var(--reporting-portal-colour-000075);
    --tg-reporting-survey-bar-10: var(--reporting-portal-colour-42d4f4);
    --tg-reporting-survey-bar-11: var(--reporting-portal-colour-333333);
    --tg-reporting-survey-bar-12: var(--reporting-portal-colour-ffd8b1);
    --tg-reporting-survey-bar-13: var(--reporting-portal-colour-e6beff);
    --tg-reporting-survey-bar-14: var(--reporting-portal-colour-800000);
    --tg-reporting-survey-bar-15: var(--reporting-portal-colour-bfef45);
    --tg-reporting-survey-bar-16: var(--reporting-portal-colour-aaffc3);
    --tg-reporting-survey-bar-17: var(--reporting-portal-colour-a0c5f1);
    --tg-reporting-survey-bar-18: var(--reporting-portal-colour-7459fe);
    --tg-reporting-survey-bar-19: var(--reporting-portal-colour-21efda);
    --tg-reporting-survey-bar-20: var(--reporting-portal-colour-e1ba21);
    --tg-reporting-survey-bar-21: var(--tg-pink);
    --tg-reporting-survey-bar-22: var(--reporting-portal-colour-468599);
    --tg-reporting-survey-bar-23: var(--reporting-portal-colour-fcba7f);
    --tg-reporting-survey-bar-24: var(--reporting-portal-colour-c77626);
    --tg-reporting-survey-bar-25: var(--reporting-portal-colour-38c1b3);
}

.reporting-portal-host .btn,
.reporting-portal-comment-modal-dialog .btn,
.reporting-portal-hide-comment-dialog .btn {
    --tblr-btn-bg: var(--reporting-portal-control-bg);
    --tblr-btn-border-color: var(--reporting-portal-control-border);
    --tblr-btn-color: var(--reporting-portal-control-text);
    --tblr-btn-hover-bg: var(--reporting-portal-control-bg-hover);
    --tblr-btn-hover-border-color: var(--reporting-portal-control-border-hover);
    --tblr-btn-hover-color: var(--reporting-portal-control-text-strong);
    --tblr-btn-active-bg: var(--reporting-portal-control-bg-hover);
    --tblr-btn-active-border-color: var(--reporting-portal-control-border-hover);
    --tblr-btn-active-color: var(--reporting-portal-control-text-strong);
    --tblr-btn-disabled-bg: var(--reporting-portal-control-disabled-bg);
    --tblr-btn-disabled-border-color: var(--reporting-portal-control-disabled-border);
    --tblr-btn-disabled-color: var(--reporting-portal-control-disabled-text);
}

.reporting-portal-host .btn-primary,
.reporting-portal-comment-modal-dialog .btn-primary,
.reporting-portal-hide-comment-dialog .btn-primary {
    --tblr-btn-bg: var(--reporting-portal-control-primary-bg);
    --tblr-btn-border-color: var(--reporting-portal-control-primary-border);
    --tblr-btn-color: var(--reporting-portal-control-primary-text);
    --tblr-btn-hover-bg: var(--reporting-portal-control-primary-bg-hover);
    --tblr-btn-hover-border-color: var(--reporting-portal-control-primary-border-hover);
    --tblr-btn-hover-color: var(--reporting-portal-control-primary-text);
    --tblr-btn-active-bg: var(--reporting-portal-control-primary-bg-hover);
    --tblr-btn-active-border-color: var(--reporting-portal-control-primary-border-hover);
    --tblr-btn-active-color: var(--reporting-portal-control-primary-text);
}

.reporting-portal-host .btn-success,
.reporting-portal-comment-modal-dialog .btn-success,
.reporting-portal-hide-comment-dialog .btn-success {
    --tblr-btn-bg: var(--reporting-portal-control-success-bg);
    --tblr-btn-border-color: var(--reporting-portal-control-success-border);
    --tblr-btn-color: var(--reporting-portal-control-success-text);
    --tblr-btn-hover-bg: var(--reporting-portal-control-success-bg-hover);
    --tblr-btn-hover-border-color: var(--reporting-portal-control-success-border-hover);
    --tblr-btn-hover-color: var(--reporting-portal-control-success-text);
    --tblr-btn-active-bg: var(--reporting-portal-control-success-bg-hover);
    --tblr-btn-active-border-color: var(--reporting-portal-control-success-border-hover);
    --tblr-btn-active-color: var(--reporting-portal-control-success-text);
}

.reporting-portal-host .btn-danger,
.reporting-portal-comment-modal-dialog .btn-danger,
.reporting-portal-hide-comment-dialog .btn-danger {
    --tblr-btn-bg: var(--reporting-portal-control-danger-bg);
    --tblr-btn-border-color: var(--reporting-portal-control-danger-border);
    --tblr-btn-color: var(--reporting-portal-control-danger-text);
    --tblr-btn-hover-bg: var(--reporting-portal-control-danger-bg-hover);
    --tblr-btn-hover-border-color: var(--reporting-portal-control-danger-border-hover);
    --tblr-btn-hover-color: var(--reporting-portal-control-danger-text);
    --tblr-btn-active-bg: var(--reporting-portal-control-danger-bg-hover);
    --tblr-btn-active-border-color: var(--reporting-portal-control-danger-border-hover);
    --tblr-btn-active-color: var(--reporting-portal-control-danger-text);
}

.reporting-portal-host .btn-outline-primary,
.reporting-portal-comment-modal-dialog .btn-outline-primary,
.reporting-portal-hide-comment-dialog .btn-outline-primary {
    --tblr-btn-bg: transparent;
    --tblr-btn-border-color: var(--reporting-portal-control-primary-border);
    --tblr-btn-color: var(--reporting-portal-control-primary-bg);
    --tblr-btn-hover-bg: rgba(var(--tblr-primary-rgb), 0.1);
    --tblr-btn-hover-border-color: var(--reporting-portal-control-primary-border-hover);
    --tblr-btn-hover-color: var(--reporting-portal-control-primary-bg-hover);
    --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), 0.14);
    --tblr-btn-active-border-color: var(--reporting-portal-control-primary-border-hover);
    --tblr-btn-active-color: var(--reporting-portal-control-primary-bg-hover);
}

.reporting-portal-host .btn-outline-secondary,
.reporting-portal-comment-modal-dialog .btn-outline-secondary,
.reporting-portal-hide-comment-dialog .btn-outline-secondary {
    --tblr-btn-bg: transparent;
    --tblr-btn-border-color: var(--reporting-portal-control-border);
    --tblr-btn-color: var(--reporting-portal-control-text);
    --tblr-btn-hover-bg: var(--reporting-portal-control-bg-hover);
    --tblr-btn-hover-border-color: var(--reporting-portal-control-border-hover);
    --tblr-btn-hover-color: var(--reporting-portal-control-text-strong);
    --tblr-btn-active-bg: var(--reporting-portal-control-bg-hover);
    --tblr-btn-active-border-color: var(--reporting-portal-control-border-hover);
    --tblr-btn-active-color: var(--reporting-portal-control-text-strong);
}

.reporting-portal-host .btn-link,
.reporting-portal-comment-modal-dialog .btn-link,
.reporting-portal-hide-comment-dialog .btn-link,
.reporting-portal-host .btn.link-secondary,
.reporting-portal-comment-modal-dialog .btn.link-secondary,
.reporting-portal-hide-comment-dialog .btn.link-secondary {
    --tblr-btn-bg: transparent;
    --tblr-btn-border-color: transparent;
    --tblr-btn-color: var(--reporting-portal-control-link-text);
    --tblr-btn-hover-bg: transparent;
    --tblr-btn-hover-border-color: transparent;
    --tblr-btn-hover-color: var(--reporting-portal-control-link-text-hover);
    --tblr-btn-active-bg: transparent;
    --tblr-btn-active-border-color: transparent;
    --tblr-btn-active-color: var(--reporting-portal-control-link-text-hover);
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: transparent;
}

.reporting-portal-host.fullscreen-modal {
    position: fixed;
    inset: 0;
    z-index: 1050;
    overflow: hidden;
    background: var(--reporting-portal-fullscreen-surface);
}

.reporting-portal-host .fullscreen-container {
    width: 100vw;
    height: 100vh;
    background: var(--reporting-portal-fullscreen-surface);
}

.reporting-portal-host .reporting-portal-blade-end.offcanvas {
    --bs-offcanvas-padding-x: var(--reporting-portal-offcanvas-padding-x);
    --bs-offcanvas-padding-y: var(--reporting-portal-offcanvas-padding-y);
    --tblr-offcanvas-padding-x: var(--reporting-portal-offcanvas-padding-x);
    --tblr-offcanvas-padding-y: var(--reporting-portal-offcanvas-padding-y);
}

.tooltip.reporting-portal-tooltip {
    gap: 0.8em;
    min-width: 0;
    margin-top: 0.25em;
    font-size: var(--reporting-portal-tooltip-font-size, 0.875rem);
    line-height: 1.2;
    --bs-tooltip-font-size: var(--reporting-portal-tooltip-font-size, 0.875rem);
    --tblr-tooltip-font-size: var(--reporting-portal-tooltip-font-size, 0.875rem);
    --tblr-tooltip-padding-x: 0.8em;
}

.tooltip.reporting-portal-tooltip .tooltip-inner {
    padding-top: 0.55em;
    padding-bottom: 0.55em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    display: inline-block;
    line-height: 1.35;
}

.reporting-portal-host .meeting-mode {
    overflow: hidden;
    margin-right: 0.5em;
    height: inherit;
}

.reporting-portal-host .meeting-mode-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-left: 2%;
    padding-right: 2%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--tg-grey-dark);
    color: var(--tg-white);
}

.reporting-portal-host .meeting-header {
    display: flex;
    align-items: center;
    flex: 0 0 3em;
    min-height: 3.5em;
    max-height: 3.5em;
    padding-top: 0.85em;
    color: var(--tg-white);
}

.reporting-portal-host .meeting-header .logo {
    display: block;
    height: 1.4em;
    width: auto;
}

.reporting-portal-host nav.area-tab-bar {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 100%;
    margin-left: -2%;
    margin-right: -2%;
    padding-left: 4em;
    padding-right: 2%;
    background: transparent;
    position: relative;
}

.reporting-portal-area-tabs-layout {
    display: flex;
    align-items: center;
    height: auto;
}

.reporting-portal-host nav.area-tab-bar .tab-bar-button {
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 1.2em;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
}

.reporting-portal-host nav.area-tab-bar .tab-bar-button a {
    color: var(--reporting-portal-neutral-300);
    font-weight: normal;
    text-decoration: none;
}

.reporting-portal-host nav.area-tab-bar .tab-bar-button a:hover {
    color: var(--tg-white);
    text-decoration: none;
}

.reporting-portal-host .reporting-portal-survey-empty-state {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    text-align: center;
    color: var(--reporting-portal-text-subtle);
    font-size: 1.125em;
}

.reporting-portal-host nav.area-tab-bar .tab-bar-button.active {
    background: var(--reporting-portal-surface-muted);
}

.reporting-portal-host nav.area-tab-bar .tab-bar-button.active.noSecondLevelNav {
    background: var(--reporting-portal-surface-hover);
}

.reporting-portal-host nav.area-tab-bar .tab-bar-button.active > div > a {
    color: var(--tg-bluegray);
    font-weight: bold;
    cursor: default;
}

.reporting-portal-host nav.tab-bar {
    display: flex;
    justify-content: space-between;
    width: auto;
    flex: 0 0 3.2em;
    min-height: 3.2em;
    max-height: 3.2em;
    margin-left: -2%;
    margin-right: -2%;
    padding-left: 2em;
    padding-right: 2%;
    background: var(--reporting-portal-surface-muted);
    position: relative;
}

.reporting-portal-tab-bar-left,
.reporting-portal-tab-bar-right {
    display: flex;
    align-items: center;
    height: 100%;
}

.reporting-portal-tab-bar-right {
    margin-left: auto;
    min-width: 0;
    padding-left: 1em;
}

.reporting-portal-host nav.tab-bar .reporting-portal-tab-bar-left > a {
    display: inline-flex;
    align-items: center;
    height: 100%;
    color: var(--tg-bluegray);
    font-weight: normal;
    text-decoration: none;
}

.reporting-portal-host nav.tab-bar .reporting-portal-tab-bar-left > a:hover {
    color: var(--reporting-portal-black);
    text-decoration: none;
}

.reporting-portal-host nav.tab-bar .tab-bar-button {
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.reporting-portal-host nav.tab-bar .tab-bar-button a {
    color: var(--tg-bluegray);
    font-weight: normal;
    text-decoration: none;
}

.reporting-portal-host nav.tab-bar .tab-bar-button .reporting-portal-metric-selector-trigger {
    color: var(--tg-bluegray);
    font-weight: normal;
    text-decoration: none;
    background: transparent;
    border: 0;
    padding: 0;
}

.reporting-portal-host nav.tab-bar .tab-bar-button a:hover {
    color: var(--reporting-portal-black);
    text-decoration: none;
}

.reporting-portal-host nav.tab-bar .tab-bar-button .reporting-portal-metric-selector-trigger:hover {
    color: var(--reporting-portal-black);
}

.reporting-portal-host nav.tab-bar .tab-bar-button.active > div > a {
    color: var(--tg-bluegray);
    font-weight: bold;
    cursor: default;
}

.reporting-portal-host nav.tab-bar .tab-bar-button.active > div > .reporting-portal-metric-selector-trigger {
    color: var(--tg-bluegray);
    font-weight: bold;
}

.reporting-portal-host nav.tab-bar span.divider {
    color: var(--reporting-portal-colour-666);
    padding: 0 1em;
}

.reporting-portal-host nav.tab-bar .reporting-portal-more-options span.divider {
    padding: 0;
}

.reporting-portal-host nav.tab-bar .reporting-portal-inline-action {
    border: 0;
    background: transparent;
    color: var(--tg-bluegray);
    font-weight: 700;
    padding: 0;
}

.reporting-portal-host nav.tab-bar .reporting-portal-inline-action:disabled {
    opacity: 0.5;
}

.reporting-portal-host nav.tab-bar .tab-bar-info {
    height: 100%;
    display: inline-flex;
    align-items: center;
    font-weight: 900;
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-metric-selector-menu {
    font-size: 1em;
    width: 26em;
    min-width: 26em;
    padding: 1em 1.2em;
}

.reporting-portal-host .reporting-portal-metric-selector-copy {
    width: 100%;
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-metric-selector-menu hr {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.reporting-portal-host .reporting-portal-metric-selector-menu table {
    width: 100%;
    table-layout: fixed;
}

.reporting-portal-host .reporting-portal-metric-selector-menu td {
    width: 50%;
    padding-right: 1em;
    vertical-align: top;
}

.reporting-portal-host .reporting-portal-metric-selector-menu td:last-child {
    padding-right: 0;
}

.reporting-portal-host .reporting-portal-metric-selector-menu td a {
    display: block;
    color: var(--tg-bluegray);
    font-weight: bold;
    line-height: 1.6;
    text-decoration: none;
    white-space: nowrap;
}

.reporting-portal-host .reporting-portal-metric-selector-menu td a:hover {
    color: var(--reporting-portal-black);
}

.reporting-portal-host .team-name {
    flex: 1 1 18em;
    display: flex;
    justify-content: end;
    align-items: center;
    min-width: 12em;
    max-width: min(34vw, 28em);
    overflow: visible;
}

.reporting-portal-host .reporting-portal-team-name-label {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reporting-portal-host .command-buttons {
    margin-top: 0;
    white-space: nowrap;
}

.reporting-portal-host .command-buttons .command-button {
    margin-left: 1em;
}

.reporting-portal-host .command-button {
    display: inline-block;
}

.reporting-portal-host .command-button a,
.reporting-portal-host .reporting-portal-command-button {
    color: var(--reporting-portal-neutral-300);
    cursor: pointer;
    padding: 0;
    border: 0;
    background: transparent;
}

.reporting-portal-host .command-button a:hover,
.reporting-portal-host .reporting-portal-command-button:hover {
    color: var(--tg-white);
}

.reporting-portal-host .command-buttons .feedback-button,
.reporting-portal-host .command-buttons .help-button,
.reporting-portal-host .command-buttons .share-button {
    position: static;
}

.reporting-portal-host .meeting-header .close-button {
    right: 0;
}

.reporting-portal-host .meeting-header .maximise-button,
.reporting-portal-host .meeting-header .minimise-button {
    right: 2.5em;
}

.reporting-portal-host .meeting-header .share-button {
    right: 5.5em;
}

.reporting-portal-shell-eyebrow,
.reporting-portal-shell-label {
    color: var(--reporting-portal-text-subtle);
    font-size: 0.875em;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.reporting-portal-shell-content {
    flex: 1 1 auto;
    min-height: 0;
    margin-left: -2%;
    margin-right: -2%;
    padding: 1em 2%;
    position: relative;
    overflow: hidden;
    background: var(--reporting-portal-surface-hover);
}

.reporting-portal-host .reporting-portal-team-selector {
    position: relative;
    max-width: 100%;
}

.reporting-portal-host .reporting-portal-team-selector-button {
    border: 0;
    background: transparent;
    color: var(--reporting-portal-neutral-300);
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    padding: 0;
    font-size: inherit;
    min-width: 0;
    max-width: 100%;
}

.reporting-portal-host .reporting-portal-team-selector-button i {
    flex: 0 0 auto;
}

.reporting-portal-host .reporting-portal-team-selector-button:hover {
    color: var(--tg-white);
}

.reporting-portal-host .reporting-portal-team-selector-menu {
    position: absolute;
    top: calc(100% + 1em);
    right: 0;
    width: 30em;
    padding: 0.75em;
    background: var(--tg-white);
    color: var(--reporting-portal-neutral-750);
    box-shadow: 0 0.35em 1.4em rgba(0, 0, 0, 0.22);
    border-radius: 0.25em;
    z-index: 20;
}

.reporting-portal-host .reporting-portal-more-options {
    display: flex;
    align-items: center;
    min-width: 0;
}

.reporting-portal-host .reporting-portal-action-button {
    background: transparent;
    border: 0;
    display: inline-flex;
    align-items: center;
    margin: 0 0.3em;
    padding: 0.3em 0.4em;
    border-radius: 0.3em;
    color: var(--tg-bluegray);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.reporting-portal-host .reporting-portal-action-button:hover {
    color: var(--reporting-portal-black);
    text-decoration: none;
}

.reporting-portal-host .reporting-portal-sidekick-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.4em;
    padding-right: 0.1em;
    border-radius: 0.6em;
    background: var(--tg-sidekick-purple);
    color: var(--tg-white);
}

.reporting-portal-host .reporting-portal-sidekick-icon i {
    font-size: 0.48em;
    padding-bottom: 0.1em;
}

.reporting-portal-host .reporting-portal-action-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1em;
    height: 2.1em;
    margin-right: 0.5em;
    border-radius: 50%;
    background: var(--tg-orange);
    color: var(--tg-white);
    font-size: 0.6em;
}

.reporting-portal-host .reporting-portal-action-button > i.reporting-portal-action-placeholder {
    margin-right: 0.5em;
    color: var(--tg-orange);
    font-size: 1.26em;
}

.reporting-portal-host .reporting-portal-team-selector-menu::before {
    content: "";
    position: absolute;
    right: 5em;
    top: -0.9em;
    border-bottom: 1em solid var(--tg-white);
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
}

.reporting-portal-host .reporting-portal-team-selector-search .input-group-text {
    background: var(--tg-white);
    border-left: 0;
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-team-selector-search .form-control {
    border-right: 0;
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-team-selector-search .form-control:focus {
    box-shadow: none;
    border-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-host .reporting-portal-team-selector-search .form-control:focus + .input-group-text {
    border-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-host .reporting-portal-team-selector-tree {
    margin-top: 0.65em;
    height: 18.5em;
    overflow: auto;
    font-size: 0.9em;
    padding: 0 0.5em;
}

.reporting-portal-host .reporting-portal-team-selector-empty {
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-team-row {
    display: flex;
    align-items: center;
    min-height: 1.75em;
}

.reporting-portal-host .reporting-portal-team-link {
    flex: 1;
    color: var(--tg-bluegray);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    padding: 0.1em 0;
}

.reporting-portal-host .reporting-portal-team-link i {
    width: 1em;
    text-align: center;
}

.reporting-portal-host .reporting-portal-team-row:hover {
    background: var(--reporting-portal-surface-muted);
}

.reporting-portal-host .reporting-portal-team-row.current .reporting-portal-team-link {
    font-style: italic;
}

.reporting-portal-host .reporting-portal-team-caret {
    border: 0;
    background: transparent;
    color: var(--tg-bluegray);
    width: 1em;
    padding: 0;
    margin-right: 1em;
}

.reporting-portal-host .reporting-portal-team-caret-spacer {
    display: inline-block;
    width: 2em;
}

.reporting-portal-host .reporting-portal-team-indent-1 { padding-left: 0.75em; }
.reporting-portal-host .reporting-portal-team-indent-2 { padding-left: 1.5em; }
.reporting-portal-host .reporting-portal-team-indent-3 { padding-left: 2.25em; }
.reporting-portal-host .reporting-portal-team-indent-4 { padding-left: 3em; }
.reporting-portal-host .reporting-portal-team-indent-5 { padding-left: 3.75em; }
.reporting-portal-host .reporting-portal-team-indent-6 { padding-left: 4.5em; }
.reporting-portal-host .reporting-portal-team-indent-7 { padding-left: 5.25em; }
.reporting-portal-host .reporting-portal-team-indent-8 { padding-left: 6em; }
.reporting-portal-host .reporting-portal-team-indent-9 { padding-left: 6.75em; }
.reporting-portal-host .reporting-portal-team-indent-10 { padding-left: 7.5em; }
.reporting-portal-host .reporting-portal-team-indent-11 { padding-left: 8.25em; }
.reporting-portal-host .reporting-portal-team-indent-12 { padding-left: 9em; }

.reporting-portal-host .results-content.dashboard {
    position: relative;
    display: grid;
    grid-template-rows: 2em 1fr;
    grid-template-columns: 1fr;
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-loading-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 30;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.82);
}

.reporting-portal-host .reporting-portal-loading-indicator {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.45em;
    color: var(--tg-bluegray);
    font-weight: 400;
    font-size: 1.1em;
}

.reporting-portal-host .reporting-portal-loading-indicator img {
    width: 1.5em;
    height: 1.5em;
}

.reporting-portal-host .panel-layout-tool-panel {
    display: grid;
    grid-template-rows: 2em minmax(15em, 1fr);
    grid-template-columns: 1fr;
}

.reporting-portal-host .panel-layout-tool-panel > ._toolPanel_e6p2g_2 {
    grid-row: 1;
}

.reporting-portal-host .panel-layout-tool-panel > .panels {
    grid-row: 2;
}

.reporting-portal-host .panels.reporting-portal-survey-results-panels {
    position: relative;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 {
    grid-row: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.8em;
    width: 100%;
    min-height: 2.4em;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 > div {
    align-items: first baseline;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 ._tools_e6p2g_70 {
    align-items: baseline;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 ._tools_e6p2g_70 label {
    margin-bottom: 0;
    margin-left: 0.2em;
    margin-right: 0.5em;
    font-weight: normal;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 ._tools_e6p2g_70 > div:not(:first-child)::before {
    content: "|";
    margin: 0 0.5em;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .reporting-portal-survey-tools > div:not(:first-child)::before {
    margin: 0 0.6em 0 0.5em;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 button {
    border: 1px solid var(--drp-border);
    background: transparent;
    color: var(--tg-bluegray);
    font-weight: bold;
    padding: 0;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-trigger,
.reporting-portal-host .results-content .reporting-portal-toolbar-trigger:focus,
.reporting-portal-host .results-content .reporting-portal-toolbar-trigger:hover,
.reporting-portal-host .results-content .reporting-portal-toolbar-trigger span,
.reporting-portal-host .results-content .reporting-portal-toolbar-trigger i,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 label,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 span,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 strong,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 #toolFilterPicker,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .dropdown-toggle,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .dropdown-toggle:focus,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .dropdown-toggle:hover,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .dropdown-toggle span,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .dropdown-toggle i {
    color: var(--tg-bluegray) !important;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-trigger,
.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .dropdown-toggle {
    background: transparent !important;
    border: 0;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-trigger::after,
.reporting-portal-host .reporting-portal-team-selector-button::after {
    content: none;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 button:hover {
    color: var(--reporting-portal-colour-343a43);
}

.reporting-portal-host .results-content .reporting-portal-survey-picker {
    display: flex;
    align-items: center;
    gap: 0;
    min-width: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-picker {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-label {
    margin: 0 0.5em 0 0;
    color: var(--tg-bluegray);
    font-weight: 400;
    white-space: nowrap;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-dropdown {
    position: relative;
    min-width: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.28em;
    max-width: 26em;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tg-bluegray);
    font-weight: 700;
    line-height: 1.1;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-comparison .reporting-portal-survey-range-trigger {
    max-width: 22em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-trigger-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-menu {
    display: flex;
    font-size: inherit;
    font-family: "Source Sans Pro", Arial, sans-serif;
    z-index: 1041;
    width: 59.375rem;
    max-width: calc(100vw - 2rem);
    max-height: 28em;
    overflow: hidden;
    padding: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-list-shell {
    display: flex;
    flex: 0 0 20em;
    flex-direction: column;
    width: 20em;
    min-width: 20em;
    max-width: 20em;
    padding: 0.7em 0.9375em 0;
    border-right: 0.0625em solid var(--reporting-portal-border-soft);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-list-title {
    color: var(--tg-bluegray);
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    padding-bottom: 0.7em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-search-shell {
    margin-bottom: 0.625em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-search-shell .form-control {
    font-size: 1em;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    padding: 0.35em 0.5em !important;
    height: auto;
    min-height: 0;
    line-height: 1.2;
    border-right: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-search-shell .input-group-text {
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    padding: 0 0.5em !important;
    background: var(--tg-white);
    border-top: 1px solid var(--reporting-portal-border-slate);
    border-right: 1px solid var(--reporting-portal-border-slate);
    border-bottom: 1px solid var(--reporting-portal-border-slate);
    border-left: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-search-shell .form-control:focus + .input-group-text {
    border-top-color: var(--reporting-portal-primary-accent);
    border-right-color: var(--reporting-portal-primary-accent);
    border-bottom-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-list {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-group-label {
    padding: 0.25em 1em;
    color: var(--tg-bluegray);
    font-size: 0.625em;
    font-weight: 700;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-item {
    width: 100%;
    --reporting-portal-survey-range-item-padding-y: 0.375em;
    --reporting-portal-survey-range-item-padding-x: 0.75em;
    padding: var(--reporting-portal-survey-range-item-padding-y) var(--reporting-portal-survey-range-item-padding-x) !important;
    border: 0;
    background: transparent;
    color: var(--tg-bluegray);
    font-size: 0.88em;
    font-weight: normal !important;
    text-align: left;
    line-height: 1.4285714286;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-item:hover,
.reporting-portal-host .results-content .reporting-portal-survey-range-item:focus-visible,
.reporting-portal-host .results-content .reporting-portal-survey-range-item.active {
    background: rgba(var(--tblr-primary-rgb), 0.1);
    color: var(--tblr-body-color);
    outline: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-empty {
    padding: 0.5em 1em;
    color: var(--reporting-portal-colour-7a8694);
    font-size: 0.88em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    min-height: 2em;
    margin: 0 -0.9375em;
    padding: 0.9em 0.9375em;
    border-top: 0.0625em solid var(--reporting-portal-border-soft);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-footer-button {
    font-size: inherit !important;
    font-weight: inherit !important;
    --tblr-btn-padding-y: 0.4375em;
    --tblr-btn-padding-x: 0.875em;
    padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x) !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    min-height: auto;
    line-height: 1.2;
}

.reporting-portal-host .results-content button.reporting-portal-survey-range-footer-button {
    border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-create {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    color: var(--tg-bluegray);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell {
    flex: 1 1 auto;
    min-inline-size: 39.375rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-title {
    padding: 0.7em 0.9em;
    color: var(--tg-bluegray);
    font-size: 1em;
    font-weight: 600;
    text-transform: none;
    border-bottom: 0.0625em solid var(--reporting-portal-border-soft);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker {
    position: static;
    inset: auto;
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none;
    min-width: 0;
    margin-top: 0;
    flex: 1;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    font-size: inherit;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker.show-ranges.show-calendar {
    inline-size: 100% !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .ranges {
    width: 10.75em;
    min-width: 10.75em;
    inline-size: auto;
    flex: 0 0 10.75em;
    border-right: 0.0625em solid var(--reporting-portal-border-soft);
    border-bottom: 0;
    padding: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .ranges li {
    min-height: 0;
    padding: 0.35em 0.8em;
    color: var(--tg-bluegray);
    font-size: inherit;
    line-height: 1.3;
    white-space: nowrap;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .ranges li + li {
    border-top: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .ranges li:hover,
.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .ranges li:focus-visible {
    color: inherit;
    background-color: rgba(var(--tblr-primary-rgb), 0.1);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .ranges li.active {
    color: var(--tblr-body-color);
    background-color: rgba(var(--tblr-primary-rgb), 0.1);
    box-shadow: none;
    font-weight: 400;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-calendar {
    min-inline-size: 12.5em;
    inline-size: 100%;
    flex: 1 1 0;
    padding: 0.8em 0.9em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-calendar.left {
    border-right: 0.0625em solid var(--reporting-portal-border-soft);
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-calendar.right {
    border-right: 0;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-buttons {
    display: none !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker table.table-condensed th,
.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker table.table-condensed td {
    font-size: inherit;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table.drp-table-month-mode {
    min-inline-size: 14em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table th,
.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table td {
    min-inline-size: 2.25em;
    block-size: 2.25em;
    padding: 0.1875em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table tbody td {
    font-size: 1em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table thead th,
.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table .week {
    font-size: 1em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table .monthselect,
.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table .yearselect {
    block-size: 2em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 0.5em;
    padding-right: 2em;
    font-size: 1em;
    line-height: 1.2;
    background-position: right 0.5em center;
    background-size: 0.75em 0.5em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table .monthselect {
    width: calc(60% - 1em);
    margin-right: 0.5em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table .yearselect {
    width: calc(40% - 1.25em);
    min-inline-size: 4.75em;
    margin-right: 0.5em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table th.month {
    padding-right: 0.25em;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-calendar-shell .daterangepicker .drp-table th.next {
    padding-left: 0.25em;
    padding-right: 0.25em;
    text-align: center;
}

.reporting-portal-host .results-content .reporting-portal-survey-range-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
    margin-top: auto;
    padding: 0.9em 1.1em;
    border-top: 0.0625em solid var(--reporting-portal-border-soft);
}

@media (max-height: 18.75em) {
    .reporting-portal-host .results-content .reporting-portal-survey-range-menu {
        max-height: calc(100vh - 0.5em);
    }

    .reporting-portal-host .results-content .reporting-portal-survey-range-actions {
        padding: 0.35em 0.6em;
        gap: 0.35em;
    }

    .reporting-portal-host .results-content .reporting-portal-survey-range-action-apply {
        width: auto;
        min-width: 0;
        height: auto;
    }
}

.reporting-portal-host .results-content .reporting-portal-survey-picker .reporting-portal-survey-picker-label {
    margin: 0;
    margin-right: 0.5em;
    color: var(--tg-bluegray);
    font-weight: 400;
    white-space: nowrap;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select {
    min-width: 0;
    max-width: none;
    width: auto;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select > div {
    width: auto;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.form-select,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.form-control {
    min-width: 0;
    width: fit-content !important;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    display: inline-block;
    font-size: inherit !important;
    line-height: inherit;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.full {
    width: fit-content !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker.reporting-portal-survey-picker-primary .reporting-portal-survey-picker-select .ts-wrapper {
    min-width: 0;
    max-width: 26em;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker.reporting-portal-survey-picker-comparison .reporting-portal-survey-picker-select .ts-wrapper {
    min-width: 0;
    max-width: 22em;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control {
    min-height: 1.85em;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0.58em 0 0 !important;
    position: relative;
    width: auto;
    font-size: inherit !important;
    line-height: 1.1;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.form-select .ts-control,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.form-control .ts-control,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.tg-tom-select-source .ts-control {
    padding-left: 0 !important;
    padding-right: 0.58em !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.02em;
    width: 0;
    height: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.38em solid var(--tg-bluegray);
    transform: translateY(-50%);
    pointer-events: none;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.single.has-items .ts-control input {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.tg-ts-fixed-selection.single.has-items .ts-control > input {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.single:not(.has-items) .ts-control > input {
    min-width: 10.6em !important;
    width: 10.6em !important;
    margin: 0 !important;
    padding: 0 !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control > .item {
    margin: 0;
    padding: 0 0.58em 0 0;
    background: transparent;
    color: var(--tg-bluegray);
    min-height: 0;
    font-size: inherit !important;
    line-height: 1.1;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control > .item .tg-ts-selected-text {
    color: var(--tg-bluegray);
    font-weight: 700;
    line-height: 1.1;
    font-size: inherit !important;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control > .item {
    line-height: 1.1;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control > input,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control > input::placeholder,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper .dropdown-input,
.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper .dropdown-input::placeholder {
    color: var(--tg-bluegray);
    font-weight: 700;
    font-size: inherit !important;
    line-height: 1.1;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-control > input::placeholder,
.reporting-portal-host .results-content .reporting-portal-survey-picker.reporting-portal-survey-picker-comparison .reporting-portal-survey-picker-select .ts-control > .item .tg-ts-selected-text {
    font-weight: 700;
}

.reporting-portal-host .results-content .reporting-portal-survey-picker-select .ts-wrapper.plugin-clear_button .clear-button {
    display: none;
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown {
    margin-top: 0.25em;
    border: 0.0625em solid var(--reporting-portal-border-soft);
    border-radius: 0;
    background: var(--tg-white);
    box-shadow: 0.2em 0.2em 0.2em 0 rgba(0, 0, 0, 0.1);
    color: var(--reporting-portal-neutral-800);
    font-size: 0.88em;
    line-height: 1.375;
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option {
    padding: 0.5em 1em;
    color: var(--tg-bluegray);
    background: var(--tg-white);
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option .tg-ts-option-text,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option .tg-ts-option-text {
    font-weight: 700;
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option .py-2,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option .py-2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option .text-secondary.small,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option .text-secondary.small {
    color: var(--reporting-portal-text-subtle) !important;
    font-size: 0.94em !important;
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option:hover,
.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option.active,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option:hover,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option.active {
    background: var(--reporting-portal-surface-muted) !important;
    color: var(--reporting-portal-neutral-800);
}

.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option.selected,
.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option.selected:hover,
.reporting-portal-host .results-content #reporting-survey-primary-ts-dropdown .option.selected.active,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option.selected,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option.selected:hover,
.reporting-portal-host .results-content #reporting-survey-comparison-ts-dropdown .option.selected.active {
    background: var(--tg-orange) !important;
    color: var(--tg-white);
}

.reporting-portal-host .results-content .reporting-portal-survey-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 0.6em;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .reporting-portal-survey-expand-toggle {
    border: 0;
    background: transparent;
    color: var(--tg-bluegray);
    font-weight: 400 !important;
    padding: 0 0.553em !important;
    display: inline-flex;
    align-items: center;
    gap: 0.2em;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .reporting-portal-survey-expand-toggle:disabled {
    opacity: 1;
}

.reporting-portal-host .results-content ._toolPanel_e6p2g_2 .reporting-portal-survey-expand-toggle i {
    font-size: 0.78em;
    line-height: 1;
}

.reporting-portal-host .results-content .reporting-portal-help-icon {
    margin: 0 0.25em;
    vertical-align: top;
}

.reporting-portal-host .results-content .reporting-portal-help-icon > span {
    display: inline-flex;
    align-items: center;
    color: var(--tg-bluegray);
}

.reporting-portal-host .results-content .reporting-portal-help-icon > span:hover {
    color: var(--reporting-portal-colour-343a43);
}

.reporting-portal-host .results-content .reporting-portal-toolbar-command {
    display: inline-flex;
    align-items: center;
}

.reporting-portal-host .results-content .reporting-portal-date-trigger {
    display: inline-flex;
    align-items: center;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu {
    top: calc(100% + 0.35em) !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: fit-content;
    min-width: 9.4em;
    border: 1px solid var(--reporting-portal-colour-ddd);
    border-radius: 0;
    box-shadow: 0.2em 0.2em 0.2em 0 rgba(0, 0, 0, 0.1);
    max-height: min(56em, 65vh);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.47em 0;
    background: var(--tg-white);
    color: var(--tg-bluegray);
    font-size: 0.9em;
    line-height: 1.375;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu .dropdown-item {
    width: 100%;
    padding: 0.27em 1.08em;
    border: 0;
    background: transparent;
    color: var(--reporting-portal-neutral-800);
    font-weight: 400;
    text-align: left;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu .dropdown-item.active,
.reporting-portal-host .results-content .reporting-portal-toolbar-menu .dropdown-item:active {
    background: var(--tg-orange);
    color: var(--tg-white);
    font-weight: 700;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu .dropdown-item:not(.active):hover {
    background: var(--reporting-portal-surface-muted);
    color: var(--reporting-portal-neutral-800);
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu-wide {
    width: 28em;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu.reporting-portal-metric-set-menu {
    max-height: 32em;
    overflow-y: auto;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu .dropdown-divider {
    margin: 0.3em 0;
    border-top-color: var(--reporting-portal-border-soft);
}

.reporting-portal-host .results-content .reporting-portal-range-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 0;
    padding: 0.25em 1.3em !important;
    background: transparent;
    border: 0;
    color: var(--tg-grey-dark);
    font-weight: 400 !important;
    font-size: inherit;
    line-height: 1.375;
    text-align: left;
}

.reporting-portal-host .results-content .reporting-portal-range-button > span {
    line-height: 1.375;
}

.reporting-portal-host .results-content .reporting-portal-range-button:hover {
    background: var(--reporting-portal-colour-eceff2);
}

.reporting-portal-host .results-content .reporting-portal-range-value,
.reporting-portal-host .results-content .reporting-portal-range-chevron {
    opacity: 0.7;
}

.reporting-portal-host .results-content .reporting-portal-range-value {
    flex-shrink: 0;
    padding-left: 1.1em;
    white-space: nowrap;
    text-align: right;
}

.reporting-portal-host .results-content .reporting-portal-range-button-submenu span:first-child i,
.reporting-portal-host .results-content .reporting-portal-range-button-back span i {
    margin-right: 0.3em;
}

.reporting-portal-host .results-content .reporting-portal-range-button-submenu > span:first-child,
.reporting-portal-host .results-content .reporting-portal-range-button-back > span {
    display: inline-flex;
    align-items: center;
}

.reporting-portal-host .results-content .reporting-portal-range-button-submenu i,
.reporting-portal-host .results-content .reporting-portal-range-button-back i,
.reporting-portal-host .results-content .reporting-portal-range-chevron i {
    line-height: 1;
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu-custom {
    width: auto;
    max-width: none;
    max-height: none;
    overflow: visible;
    padding-bottom: 0;
    background: var(--tg-white);
}

.reporting-portal-host .results-content .reporting-portal-toolbar-menu.reporting-portal-survey-range-menu {
    font-size: inherit;
    line-height: inherit;
    max-height: 28em;
    overflow: hidden;
    padding: 0;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell {
    --drp-surface: var(--tg-white);
    --drp-surface-alt: var(--reporting-portal-colour-f7f8fa);
    --drp-border: var(--reporting-portal-border-soft);
    --drp-border-strong: var(--reporting-portal-border-default);
    --drp-text: var(--tg-bluegray);
    --drp-muted: var(--reporting-portal-colour-7a8694);
    --drp-primary: var(--tblr-primary);
    --drp-primary-rgb: var(--tblr-primary-rgb);
    --drp-primary-fg: var(--tg-white);
    font-size: 1.1111111111em;
    padding: 0;
    background: var(--tg-white);
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker {
    position: static;
    inset: auto;
    inline-size: 44.8125em !important;
    width: 44.8125em !important;
    max-inline-size: none !important;
    min-inline-size: 0 !important;
    max-width: none !important;
    margin-top: 0;
    border: 0;
    box-shadow: none;
    font-size: inherit !important;
    line-height: inherit !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker.show-calendar.range-calendars.inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-calendar {
    min-inline-size: 0 !important;
    padding: 1em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker table.drp-table {
    width: 100% !important;
    table-layout: fixed !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table th,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table td {
    min-inline-size: 2.25em !important;
    block-size: 2.25em !important;
    padding: 0.1875em !important;
    font-size: 1em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table tbody td,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table thead th,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table .week {
    font-size: 1em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table .monthselect,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table .yearselect {
    block-size: 2em !important;
    min-block-size: 2em !important;
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
    padding-left: 0.5em !important;
    padding-right: 2em !important;
    font-size: 1em !important;
    line-height: 1.2 !important;
    background-position: right 0.5em center !important;
    background-size: 0.75em 0.5em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table .monthselect {
    width: calc(60% - 1em) !important;
    margin-right: 0.5em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table .yearselect {
    width: calc(40% - 1.25em) !important;
    min-inline-size: 4.75em !important;
    margin-right: 0.5em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table th.month {
    padding-right: 0.25em !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-table th.next {
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
    text-align: center !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-buttons {
    gap: 0.5em !important;
    padding: 0.875em 1em !important;
    font-size: inherit !important;
    line-height: 1.2 !important;
}

.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .drp-buttons .btn,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .clearBtn,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .cancelBtn,
.reporting-portal-host .results-content .reporting-portal-inline-picker-shell .daterangepicker .applyBtn {
    min-block-size: 2.25em !important;
    padding: 0.4375em 0.875em !important;
    font-size: 1em !important;
    line-height: 1.2 !important;
}

.reporting-portal-host .results-content ._additionalFiltersButton_1ma1a_1:hover {
    text-decoration: underline;
}

.reporting-portal-host .overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(52, 52, 52, 0.25);
    transition: opacity 0.4s;
    opacity: 0;
    pointer-events: none;
    z-index: 2009;
}

.reporting-portal-host .overlayVisible {
    opacity: 1;
    pointer-events: all;
}

/* Custom replacement for Bootstrap's .offcanvas-end on reporting blades.
   Using a non-"offcanvas-" class keeps these blades out of Tabler/Bootstrap's
   responsive-offcanvas resize auto-close selector ([class*="offcanvas-"]),
   which was hiding them on every window resize. Replicates the end-slide
   transform; .offcanvas.show:not(.hiding)/.showing still reset it to none. */
.reporting-portal-blade-end {
    transform: translateX(100%);
}

.reporting-portal-host .blade {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 38%;
    min-width: 28.75em;
    color: var(--tg-white);
    padding: 2.9em 1.6em 1.75em;
    filter: drop-shadow(0.06em 0.06em 0.19em var(--reporting-portal-black));
    transition: 0.4s;
    z-index: 2010;
}

.reporting-portal-host .blade.charcoal {
    background: var(--tg-grey-dark);
}

.reporting-portal-host .horizontalBlade {
    height: 100%;
}

.reporting-portal-host .reporting-portal-result-filters-blade.offcanvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    border-left: 0;
}

.reporting-portal-host .reporting-portal-result-filters-blade.offcanvas.show {
    transform: none;
}

.reporting-portal-host .reporting-portal-blade-close-shell {
    position: absolute;
    top: 1.5em;
    right: 2em;
}

.reporting-portal-host .bladeClose {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8em;
    height: 1.8em;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--reporting-portal-black);
    color: var(--tg-white);
}

.reporting-portal-host .bladeClose i {
    display: block;
    line-height: 1;
}

.reporting-portal-host .bladeHeader h1 {
    margin-bottom: 0.3em;
    color: var(--tg-orange);
    font-family: "Source Sans Pro Black", "Source Sans Pro", sans-serif !important;
    font-size: 2.5em;
    font-weight: 700 !important;
    line-height: 1;
}

.reporting-portal-host .bladeHeader h1 span {
    color: var(--tg-white);
}

.reporting-portal-host .bladeHeader a {
    color: var(--tg-white) !important;
    font-weight: 400 !important;
    text-decoration: underline;
}

.reporting-portal-host .bladeHeader > span {
    display: block;
    line-height: 1.45;
}

.reporting-portal-host .group.reporting-portal-filters-group {
    width: 100%;
    margin-top: 0.85em;
    padding: 0.85em 0.9em 0.95em;
    background: var(--reporting-portal-colour-404040);
}

.reporting-portal-host .reporting-portal-filters-section-label {
    margin-bottom: 0.65em;
    font-weight: 500;
}

.reporting-portal-host .reporting-portal-tag-list {
    margin-bottom: 1em;
}

.reporting-portal-host .label.label-wrap {
    display: inline-block;
}

.reporting-portal-host .label-light {
    color: var(--reporting-portal-colour-404040);
    font-weight: 400;
    background-color: var(--reporting-portal-colour-d9d9d9);
}

.reporting-portal-host .label-dark {
    color: var(--tg-white);
    font-weight: 400;
    background-color: var(--reporting-portal-neutral-550);
}

.reporting-portal-host .label-large {
    font-size: 95%;
}

.reporting-portal-host .reporting-portal-tag-chip {
    margin-right: 0.35em;
    margin-bottom: 0.35em;
    padding: 0.5em 0.75em;
    border-radius: var(--tblr-border-radius);
}

.reporting-portal-host .reporting-portal-tag-chip-icon {
    display: inline-block;
    margin-right: 0.5em;
}

.reporting-portal-host .reporting-portal-filters-select-row {
    margin-bottom: 0.95em;
}

.reporting-portal-host .reporting-portal-result-filters-blade {
    --reporting-filters-control-font-size: 1em;
    --reporting-filters-control-line-height: 1.1em;
    --reporting-filters-control-height: 2.4em;
    --reporting-filters-control-horizontal-padding: 1em;
    --reporting-filters-control-chevron-width: 0.7em;
    --reporting-filters-control-chevron-height: 0.45em;
    --reporting-filters-control-chevron-right: 0.8em;
    --reporting-filters-control-divider-right: 2.1em;
    --reporting-filters-control-divider-offset: 0.5em;
    --reporting-filters-control-option-padding-y: 0.6em;
    --reporting-filters-control-option-padding-x: 0.9em;
    --reporting-filters-control-chip-margin: 0.2em;
    --reporting-filters-control-chip-padding-y: 0.2em;
    --reporting-filters-control-chip-padding-x: 0.45em;
    --reporting-filters-control-chip-text-colour: var(--tg-white);
}

.reporting-portal-host .reporting-portal-result-filters-blade .form-label {
    color: var(--tg-white);
    margin-bottom: 0.5em;
    font-size: var(--reporting-filters-control-font-size);
    line-height: var(--reporting-filters-control-line-height);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.form-select,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.form-control {
    position: relative;
    padding: 0;
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-size: var(--reporting-filters-control-font-size) !important;
    line-height: var(--reporting-filters-control-line-height);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper::before {
    content: "";
    position: absolute;
    top: var(--reporting-filters-control-divider-offset);
    right: var(--reporting-filters-control-divider-right);
    bottom: var(--reporting-filters-control-divider-offset);
    width: 0.06em;
    background: var(--reporting-portal-colour-6d6d6d);
    pointer-events: none;
    z-index: 2;
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: var(--reporting-filters-control-chevron-right);
    width: var(--reporting-filters-control-chevron-width);
    height: var(--reporting-filters-control-chevron-height);
    margin-top: calc(var(--reporting-filters-control-chevron-height) / -2);
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 2;
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.multi .ts-control,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.single .ts-control,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control {
    min-height: var(--reporting-filters-control-height);
    border: 0.06em solid transparent;
    border-radius: 0;
    background: var(--reporting-portal-neutral-700) !important;
    box-shadow: none !important;
    padding-right: calc(var(--reporting-filters-control-divider-right) + var(--reporting-filters-control-horizontal-padding));
    padding-left: var(--reporting-filters-control-horizontal-padding);
    font-size: var(--reporting-filters-control-font-size) !important;
    line-height: var(--reporting-filters-control-line-height);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.focus .ts-control,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control:focus-within {
    border-color: var(--reporting-portal-colour-7c7c7c);
    box-shadow: none;
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-control input,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control > div,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .option,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .create {
    color: var(--tg-white);
    font-size: var(--reporting-filters-control-font-size);
    line-height: var(--reporting-filters-control-line-height);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.plugin-remove_button .item,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control > div {
    margin: var(--reporting-filters-control-chip-margin);
    background: var(--reporting-portal-neutral-550);
    border-radius: 0;
    color: var(--reporting-filters-control-chip-text-colour);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-control > div .tg-ts-selected-text,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control > .item,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control > .item > span {
    color: var(--reporting-filters-control-chip-text-colour);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-control > div,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper.multi .ts-control > div {
    padding: var(--reporting-filters-control-chip-padding-y) var(--reporting-filters-control-chip-padding-x);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown {
    border: 0.06em solid var(--reporting-portal-colour-7c7c7c);
    border-radius: 0;
    background: var(--reporting-portal-neutral-700);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .ts-dropdown-content {
    background: var(--reporting-portal-neutral-700) !important;
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .option,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .create {
    background: var(--reporting-portal-neutral-700) !important;
    color: var(--tg-white) !important;
    padding: var(--reporting-filters-control-option-padding-y) var(--reporting-filters-control-option-padding-x);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .active,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .option:hover,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .create:hover {
    background: var(--reporting-portal-neutral-550) !important;
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-dropdown .selected {
    background: var(--tg-orange);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-control .item .remove,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control .item .remove-single {
    color: var(--tg-white);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-control .item .remove:hover,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control .item .remove-single:hover {
    background: transparent;
    color: var(--reporting-portal-neutral-700);
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper .dropdown-input {
    color: var(--tg-white);
    background: transparent;
}

.reporting-portal-host .reporting-portal-result-filters-blade .ts-wrapper .dropdown-input::placeholder,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control .item.input,
.reporting-portal-host .reporting-portal-result-filters-blade .ts-control input::placeholder {
    color: var(--reporting-portal-neutral-400);
}

.reporting-portal-host .reporting-portal-filters-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.9em;
}

.reporting-portal-host .reporting-portal-filters-apply {
    --tblr-btn-font-size: var(--reporting-filters-control-font-size);
    --tblr-btn-line-height: var(--reporting-filters-control-line-height);
    --tblr-btn-padding-y: 0;
    --tblr-btn-padding-x: var(--reporting-filters-control-horizontal-padding);
    min-width: 3.85em;
    min-height: var(--reporting-filters-control-height);
    font-size: var(--reporting-filters-control-font-size);
    line-height: var(--reporting-filters-control-line-height);
    margin: 0;
    padding: 0 var(--reporting-filters-control-horizontal-padding);
}

.reporting-portal-host .reporting-portal-filters-loading,
.reporting-portal-host .reporting-portal-filters-error {
    margin-bottom: 1em;
}

@media (max-width: 40em) {
    .reporting-portal-host .blade {
        width: 100%;
        min-width: 0;
        z-index: 10000;
    }
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 {
    margin-top: 0.05em;
    margin-right: 0.2em;
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: var(--tg-bluegray);
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .dropdown-toggle {
    padding: 1em;
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 svg:first-of-type,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 i:first-of-type {
    font-size: 1.1em;
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn {
    background: transparent;
    color: inherit;
    font-size: 0.9em;
    padding: 0.5em 0.27em;
    border-width: 0.05em;
    min-width: 1.2em;
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn:focus,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn:active:focus,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn.focus,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn:active.focus,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn.active:focus,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .btn.active.focus {
    outline-width: 0.15em;
    outline-offset: -0.15em;
}

.reporting-portal-print-blade.offcanvas {
    --bs-offcanvas-width: 34em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(var(--bs-offcanvas-width), 100%);
    border-left: 0;
    background: var(--tg-white);
    color: var(--tg-bluegray);
    box-shadow: rgba(0, 0, 0, 0.2) -0.15em 0 0.4em;
}

.reporting-portal-print-blade-header {
    position: relative;
    flex: 0 0 auto;
    min-height: 3.8em;
    padding: 1.25em 4em 1.25em 1.5em;
    border-bottom: 0.0625rem solid var(--tg-grey-comment);
}

.reporting-portal-print-blade-title {
    margin: 0;
    color: var(--tg-bluegray);
    font-size: 1.1em;
    font-weight: 700;
}

.reporting-portal-print-blade-close {
    position: absolute;
    top: 1em;
    right: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--reporting-portal-colour-a1a8af);
    font-size: 1.1em;
}

.reporting-portal-print-blade-close:hover,
.reporting-portal-print-blade-close:focus-visible {
    color: var(--tg-bluegray);
}

.reporting-portal-print-blade-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 1.5em;
    overflow-y: hidden;
}

.reporting-portal-print-blade-footer {
    flex: 0 0 auto;
    min-height: 1.5em;
    padding: 1em 1.5em;
    border-top: 0.0625rem solid var(--tg-grey-comment);
}

.reporting-portal-print-blade-footer:empty {
    display: none;
}

.reporting-portal-print-modal {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    color: var(--tg-bluegray);
}

.reporting-portal-print-modal-selection {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.reporting-portal-print-modal-subtitle {
    margin: 0 0 1em;
    font-size: 0.95em;
    line-height: 1.5;
}

.reporting-portal-print-modal-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75em;
}

.reporting-portal-print-modal-actions .btn,
.reporting-portal-print-modal-footer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    font-size: 1em;
    line-height: 1.35;
    min-height: 0;
    padding: 0.5em 0.9em;
}

.reporting-portal-print-modal-selection-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    margin-bottom: 0.9em;
}

.reporting-portal-print-options {
    display: grid;
    align-content: start;
    grid-auto-rows: max-content;
    flex: 1 1 auto;
    gap: 0.65em;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    padding-right: 0.25em;
}

.reporting-portal-print-option {
    display: flex;
    align-items: center;
    gap: 0.75em;
    font-size: 1.05em;
    line-height: 1.35;
}

.reporting-portal-print-option input {
    flex: 0 0 1.15em;
    width: 1.15em;
    height: 1.15em;
    margin: 0;
    accent-color: var(--tg-orange);
}

.reporting-portal-print-option-group {
    display: grid;
    gap: 0.45em;
}

.reporting-portal-print-option-expandable {
    align-items: flex-start;
}

.reporting-portal-print-expand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.reporting-portal-print-expand i {
    transition: transform 0.2s ease;
}

.reporting-portal-print-expand i.open {
    transform: rotate(90deg);
}

.reporting-portal-print-metric-list {
    display: grid;
    gap: 0.35em;
    margin-left: 1.8em;
    padding-left: 0.4em;
    border-left: 0.08em solid var(--reporting-portal-colour-dde1e7);
}

.reporting-portal-print-option-metric {
    font-size: 1em;
}

.reporting-portal-print-clear {
    min-height: 0;
    padding: 0;
    color: var(--tg-orange);
    font-size: 1em;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}

.reporting-portal-print-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1em;
}

@media (max-width: 40em) {
    .reporting-portal-print-modal-actions {
        grid-template-columns: 1fr;
    }

    .reporting-portal-print-modal-selection-header,
    .reporting-portal-print-modal-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .reporting-portal-print-modal-footer .btn-link {
        justify-content: flex-start;
    }
}

.reporting-portal-host .dashboard .dash-panel-grid {
    width: 104%;
    height: 100%;
    margin-left: -2%;
    margin-right: -2%;
    scroll-snap-type: x proximity;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-padding: 0 2%;
    display: grid;
    grid-template-rows: repeat(2, 50%);
    scrollbar-width: none;
    position: relative;
}

.reporting-portal-host .dashboard .dash-panel-grid::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.reporting-portal-host .landing footer {
    flex: 0 0 3.7em;
    min-height: 3.7em;
    max-height: 3.7em;
    display: flex;
    align-items: center;
    color: var(--tg-white);
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .reporting-portal-survey-expand-collapse {
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .reporting-portal-survey-expand-collapse:hover .reporting-portal-survey-expand-collapse-text {
    text-decoration: underline;
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .reporting-portal-survey-expand-collapse:disabled,
.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 .reporting-portal-survey-expand-collapse[disabled] {
    text-decoration: none !important;
    opacity: 0.65;
}

.reporting-portal-host .results-content ._meetingOptionsDropDown_17vpb_2 > span[aria-hidden] {
    color: var(--tg-bluegray);
}

.reporting-portal-footer {
    font-size: 0.9em;
}

.reporting-portal-footer-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.reporting-portal-footer-primary {
    min-width: 0;
    flex: 1 1 auto;
}

.reporting-portal-footer-message {
    display: flex;
    align-items: center;
    gap: 0.5em;
    flex-wrap: wrap;
}

.reporting-portal-footer-unlock {
    gap: 0.6em;
}

.reporting-portal-footer-unlock-icon {
    width: 2em;
    height: 2em;
    margin-right: 0.35em;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--reporting-portal-colour-f05d5e);
}

.reporting-portal-footer-unlock-icon.animate {
    animation: reporting-portal-sidekick-footer-pulse 1500ms infinite;
}

.reporting-portal-footer-unlock-icon i {
    font-size: 0.95em;
    color: var(--tg-white);
}

.reporting-portal-footer-unlock-text {
    min-height: 1.2em;
}

.reporting-portal-footer-link {
    background: none;
    border: 0;
    color: var(--tg-orange);
    font-weight: bold;
    padding: 0;
}

.reporting-portal-footer-sidekick-label {
    font-weight: bold;
}

.reporting-portal-host .tg-sidekick-title {
    font-size: 2.4em;
    line-height: 1.1;
}

.reporting-portal-host .tg-sidekick-icon {
    width: 1.75em;
    height: 1.75em;
    font-size: 0.875em;
}

.reporting-portal-host .tg-sidekick-action {
    gap: 0.875em;
    min-height: 2.5em;
    padding: 0.5625em 1.5em;
    border-radius: 0.1875em;
    font-size: 1em;
}

.reporting-portal-footer-sidekick-icon {
    width: 2em;
    height: 2em;
    margin-right: 0.1em;
}

.reporting-portal-footer-sidekick-icon.animate {
    animation: reporting-portal-sidekick-footer-pulse 1500ms infinite;
}

.reporting-portal-footer-sidekick-icon i {
    font-size: 0.7em;
}

.reporting-portal-footer-sidekick-text {
    min-height: 1.2em;
}

.reporting-portal-footer-cta-link {
    opacity: 0;
    margin-left: 0.2em;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    transition: opacity linear 250ms;
    transition-delay: 250ms;
}

.reporting-portal-footer-cta-link.visible {
    opacity: 1;
}

.reporting-portal-footer-cta-link:hover,
.reporting-portal-footer-cta-link:focus,
.reporting-portal-footer-cta-link:active,
.reporting-portal-footer-cta-link:first-child:active {
    color: inherit;
}

.reporting-portal-footer-unlock-link {
    opacity: 0;
    padding-inline: 0.5em;
    padding-left: 0.1em;
    transition: opacity linear 250ms;
    transition-delay: 250ms;
}

.reporting-portal-footer-unlock-link.visible {
    opacity: 1;
}

.reporting-portal-meeting-progress-widget {
    --reporting-meeting-switch-width: 2.92em;
    --reporting-meeting-switch-height: 1.82em;
    --reporting-meeting-switch-thumb-size: 1.45em;
    --reporting-meeting-switch-thumb-offset: 0.18em;
    display: flex;
    align-items: center;
    align-self: flex-end;
    min-height: 2.5em;
    padding: 0 1em;
    border-radius: 0.6em;
    background: rgba(255, 255, 255, 0.15);
    color: var(--tg-white);
    transition: background-color 1.5s ease;
    flex: 0 0 auto;
}

.reporting-portal-meeting-progress-widget.success {
    background: var(--tg-green);
}

.reporting-portal-meeting-progress-widget > i {
    margin-right: 0.3em;
}

.reporting-portal-meeting-progress-label {
    margin-right: 0.5em;
}

.reporting-portal-meeting-progress-switch {
    margin: 0 0 0 0.25em;
    min-height: 0;
    padding-left: 0;
    font-size: 1em;
    display: flex;
    align-items: center;
}

.reporting-portal-meeting-progress-switch .form-check-input {
    float: none;
    width: var(--reporting-meeting-switch-width);
    min-width: var(--reporting-meeting-switch-width);
    height: var(--reporting-meeting-switch-height);
    min-height: var(--reporting-meeting-switch-height);
    background-size: var(--reporting-meeting-switch-thumb-size) var(--reporting-meeting-switch-thumb-size);
    background-position: left var(--reporting-meeting-switch-thumb-offset) center;
    border-radius: 999em;
    margin: 0;
    cursor: pointer;
    box-shadow: none;
}

.reporting-portal-meeting-progress-switch .form-check-input:checked {
    background-color: var(--tg-orange);
    border-color: var(--tg-orange);
    background-position: right var(--reporting-meeting-switch-thumb-offset) center;
}

.reporting-portal-meeting-progress-counters {
    display: flex;
    align-items: center;
    text-align: center;
}

.reporting-portal-meeting-progress-counters span {
    display: inline-flex;
    align-items: center;
}

.reporting-portal-meeting-progress-counters i,
.reporting-portal-meeting-progress-widget > i {
    margin-left: 0.3em;
    margin-right: 0.3em;
    transition: color 1.5s ease;
}

.reporting-portal-meeting-progress-counters .divider {
    margin: 0 0.5em;
}

.reporting-portal-meeting-progress-counters .divider::before {
    content: "|";
}

.reporting-portal-meeting-progress-counters .success {
    color: var(--tg-green);
}

.reporting-portal-meeting-progress-counters .warning {
    color: var(--reporting-portal-warning);
}

.reporting-portal-meeting-progress-counters .danger {
    color: var(--tg-red);
}

.reporting-portal-meeting-progress-widget.success .reporting-portal-meeting-progress-counters .success {
    color: var(--tg-white);
}

@keyframes reporting-portal-sidekick-footer-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.reporting-portal-sidekick-blade.offcanvas {
    --bs-offcanvas-width: 40%;
    --bs-offcanvas-padding-y: var(--reporting-portal-offcanvas-padding-y-compact);
    --tblr-offcanvas-padding-y: var(--reporting-portal-offcanvas-padding-y-compact);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--bs-offcanvas-width);
    border-left: 0;
    background: var(--tg-sidekick-panel-bg);
    color: var(--tg-sidekick-panel-color);
    box-shadow: none;
    container-type: inline-size;
}

/* Persistent tab, docked to the blade's left edge, that toggles the Sidekick blade open/closed
   without losing the loaded analysis (HandleSidekickHiddenAsync only cancels polling, it doesn't
   reset sidekickSelectedAnalysis). Positioned as an absolute child of the offcanvas itself (not
   position:fixed) so it rides along with the blade's slide transform/transition in both the
   shown and hidden states, ending up parked at the viewport edge when minimized - mirroring the
   legacy React app's sidekick blade tab. Forces visibility:visible since the base Bootstrap/Tabler
   ".offcanvas" rule sets "visibility: hidden" while closed, which would otherwise hide this child too. */
.reporting-portal-sidekick-tab {
    position: absolute;
    top: 65%;
    left: 0;
    transform: translate(-100%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2.6em;
    padding: 0;
    border: 0;
    border-radius: 0.4em 0 0 0.4em;
    background: var(--tg-sidekick-purple);
    color: var(--tg-white);
    font-size: 1.1em;
    box-shadow: -0.06em 0.06em 0.19em rgba(0, 0, 0, 0.35);
    cursor: pointer;
    visibility: visible !important;
    z-index: 1;
}

.reporting-portal-sidekick-tab:hover {
    background: var(--reporting-portal-colour-767bc7);
}

.reporting-portal-sidekick-header,
.reporting-portal-sidekick-body {
    font-size: 1em;
}

.reporting-portal-sidekick-header {
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 1.2em;
    padding-bottom: 0.2em;
    border-bottom: 0;
}

.reporting-portal-sidekick-header-copy {
    max-width: 85%;
    padding-top: 6%;
}

.reporting-portal-sidekick-title-row {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 5%;
}

.reporting-portal-host .reporting-portal-sidekick-icon-large {
    width: 2.4em;
    height: 2.4em;
    font-size: 1em;
}

.reporting-portal-host .reporting-portal-sidekick-icon-large i {
    font-size: 1.2em;
}

.reporting-portal-sidekick-subtitle {
    margin: 0;
    color: var(--tg-sidekick-panel-heading);
    line-height: 1.3;
    min-height: 1.3em;
}

.reporting-portal-sidekick-learn-more {
    color: var(--tg-grey-dark);
    font-weight: 400;
    text-decoration: underline;
}

.reporting-portal-sidekick-body {
    display: flex;
    flex-direction: column;
    padding-top: 0.75em;
    padding-bottom: 1.5em;
    overflow: hidden;
    position: relative;
    min-height: 0;
}

.reporting-portal-actions-blade.offcanvas {
    --bs-offcanvas-width: min(38em, 100%);
    /* Override Bootstrap/Tabler CSS variables so var() references inside Tom Select CSS
       resolve to the dark theme values instead of the light defaults. */
    --bs-body-bg: var(--tg-grey-dark);
    --bs-body-color: var(--tg-white);
    --bs-form-select-bg: var(--reporting-portal-neutral-750);
    --bs-secondary-bg: var(--reporting-portal-neutral-750);
    --bs-tertiary-bg: var(--reporting-portal-colour-555);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--bs-offcanvas-width);
    border-left: 0;
    background: var(--tg-grey-dark);
    color: var(--tg-white);
    box-shadow: 0.0625em 0.0625em 0.1875em rgba(0, 0, 0, 0.75);
}

.reporting-portal-annotations-blade.offcanvas {
    --bs-offcanvas-width: min(40em, 100%);
}

.reporting-portal-actions-header {
    align-items: flex-start;
    justify-content: space-between;
    padding: 3.5em 2em 0;
    border-bottom: 0;
}

.reporting-portal-actions-header-copy {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    padding-right: 0.75em;
    padding-top: 0.3em;
}

.reporting-portal-actions-title {
    margin: 0 0 0.12em;
    font-family: "Source Sans Pro Black", "Source Sans 3", Arial, sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1;
    color: var(--tg-orange);
}

.reporting-portal-actions-subtitle {
    margin: 0;
    color: var(--tg-white);
    line-height: 1.4;
}

.reporting-portal-actions-learn-more,
.reporting-portal-actions-learn-more:hover,
.reporting-portal-actions-learn-more:focus,
.reporting-portal-actions-learn-more:focus-visible {
    color: inherit;
    text-decoration: underline;
}

.reporting-portal-actions-body {
    --reporting-actions-control-font-size: 1em;
    --reporting-actions-control-line-height: 1.1em;
    --reporting-actions-control-height: 2.4em;
    --reporting-actions-control-horizontal-padding: 0.75em;
    --reporting-actions-control-chevron-width: 0.45em;
    --reporting-actions-control-chevron-height: 0.45em;
    --reporting-actions-control-chevron-right: 0.9em;
    --reporting-actions-control-divider-right: 2em;
    --reporting-actions-control-divider-offset: 0.45em;
    --reporting-actions-control-option-padding-y: 0.6em;
    --reporting-actions-control-option-padding-x: 0.9em;
    --reporting-actions-control-chip-margin: 0.35em;
    --reporting-actions-control-chip-padding-y: 0.25em;
    --reporting-actions-control-chip-padding-x: 0.5em;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    padding: 0 2em 2em;
    overflow: hidden;
    gap: 1.2em;
}

.reporting-portal-actions-blade .reporting-portal-sidekick-close {
    width: 1.8em;
    height: 1.8em;
    background: var(--reporting-portal-sidekick-close-surface);
}

.reporting-portal-actions-blade .reporting-portal-sidekick-close:hover,
.reporting-portal-actions-blade .reporting-portal-sidekick-close:focus,
.reporting-portal-actions-blade .reporting-portal-sidekick-close:active,
.reporting-portal-actions-blade .reporting-portal-sidekick-close:first-child:active {
    background: var(--reporting-portal-colour-181b20);
}

.reporting-portal-actions-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.6em;
}

.reporting-portal-annotations-body {
    gap: 1.4em;
}

.reporting-portal-annotations-learn-more {
    margin-left: 0.35em;
    color: inherit;
    text-decoration: underline;
}

.reporting-portal-annotations-learn-more:hover,
.reporting-portal-annotations-learn-more:focus,
.reporting-portal-annotations-learn-more:focus-visible {
    color: inherit;
}

.reporting-portal-annotations-list {
    gap: 0.9em;
}

.reporting-portal-annotations-card {
    align-items: stretch;
    font-size: 1.05em;
    padding-top: 1em !important;
    margin-top: 0 !important;
}

.reporting-portal-annotations-card-footer {
    align-items: flex-end;
    position: relative;
    padding-right: 5.25em;
}

.reporting-portal-annotations-inherited-note,
.reporting-portal-annotations-visibility {
    color: var(--reporting-portal-colour-c5ced8);
}

.reporting-portal-annotations-inherited {
    margin-bottom: 0;
}

.reporting-portal-annotations-setting-row {
    margin-top: 0.6em;
}

.reporting-portal-annotations-switch-field {
    margin-left: 4em;
}

.reporting-portal-annotations-list .reporting-portal-actions-card:last-child {
    padding-bottom: 1em;
    border-bottom: 0.0625em solid var(--reporting-portal-colour-686868);
}

.reporting-portal-annotations-list .reporting-portal-actions-card-copy {
    margin-left: 0;
    margin-right: 0;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-title {
    padding-right: 0;
    padding-bottom: 0.35em;
    font-size: 0.9em;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-meta-row {
    padding-bottom: 0.15em;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-meta {
    line-height: 1.4;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-meta span {
    margin-left: 0;
    color: inherit;
    font-weight: 400;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-meta-group {
    align-items: center;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta:not(:last-child)::after {
    margin: 0 1em;
}

.reporting-portal-annotations-list .reporting-portal-actions-card-buttons {
    position: absolute;
    right: 0;
    bottom: 0.05em;
}

.reporting-portal-annotations-list .reporting-portal-actions-icon-button {
    width: 1.9em;
    height: 1.9em;
    padding: 0.4em 0;
    color: var(--reporting-portal-colour-bcbcbc);
    font-size: 1.1em;
}

.reporting-portal-annotations-list .reporting-portal-actions-icon-button:hover,
.reporting-portal-annotations-list .reporting-portal-actions-icon-button:focus-visible {
    color: var(--tg-white);
}

.reporting-portal-annotations-list .reporting-portal-actions-card-meta-row .reporting-portal-actions-card-meta {
    color: var(--tg-orange);
    text-transform: uppercase;
    font-size: 1em;
}

.reporting-portal-actions-list-toolbar,
.reporting-portal-actions-editor-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 2.5em;
}

.reporting-portal-actions-confirm-buttons {
    display: flex;
    justify-content: space-between;
    gap: 0.75em;
}

.reporting-portal-actions-list-toolbar {
    margin: 1.2em 0 0.2em;
}

.reporting-portal-actions-add {
    width: 100%;
    margin: 0;
    padding: 0.8em 1.2em;
    border: 0.0625em solid transparent;
    background: var(--reporting-portal-neutral-750);
    color: var(--tg-white);
    text-align: left;
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.reporting-portal-actions-add:hover:not(:disabled),
.reporting-portal-actions-add:focus-visible {
    background: var(--reporting-portal-colour-3a393a);
    border-color: var(--reporting-portal-neutral-600);
}

.reporting-portal-actions-add:disabled {
    opacity: 0.55;
}

.reporting-portal-actions-add-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.6em;
    border-radius: 50%;
    background: var(--tg-green);
    color: var(--tg-white);
    font-size: 0.85em;
}

.reporting-portal-actions-empty {
    margin: 2.8em 0 1em;
    text-align: center;
    color: var(--reporting-portal-colour-d7d7d7);
    font-size: 0.95em;
    line-height: 1.35;
}

.reporting-portal-actions-empty.reporting-portal-loading-empty-state {
    color: var(--tg-bluegray);
}

.reporting-portal-actions-list {
    display: flex;
    flex-direction: column;
}

.reporting-portal-actions-card {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-top: 1em;
    padding-top: 1.4em;
    border-top: 0.0625em solid var(--reporting-portal-colour-686868);
}

.reporting-portal-actions-card.is-complete {
    opacity: 0.7;
}

.reporting-portal-actions-state-toggle {
    align-self: flex-start;
    padding: 0.2em 0.1em;
    border: 0;
    background: transparent;
    color: var(--reporting-portal-colour-d7d7d7);
    font-size: 1.85em;
    line-height: 1;
}

.reporting-portal-actions-state-toggle.is-complete {
    color: var(--tg-green);
}

.reporting-portal-actions-state-toggle:hover,
.reporting-portal-actions-state-toggle:focus-visible {
    color: var(--tg-green);
}

.reporting-portal-actions-card-copy {
    min-width: 0;
    flex: 1;
    margin-left: 0.5em;
    margin-right: 0.2em;
    overflow: hidden;
}

.reporting-portal-actions-card-title {
    padding-right: 2em;
    padding-bottom: 0.5em;
    color: var(--tg-white);
    line-height: 1.2;
}

.reporting-portal-actions-card-meta-row,
.reporting-portal-actions-card-footer {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    color: var(--reporting-portal-colour-bcbcbc);
    font-size: 0.8em;
    line-height: 1.2;
    padding-bottom: 0.3em;
}

.reporting-portal-actions-card-meta-group {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
}

.reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta {
    min-width: 0;
    white-space: nowrap;
    margin-right: 0;
}

.reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta:first-child {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta:last-child {
    flex: 0 0 auto;
}

.reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta:not(:last-child)::after {
    content: "|";
    display: inline-block;
    margin: 0 0.7em;
    color: var(--reporting-portal-colour-686868);
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
    vertical-align: baseline;
}

.reporting-portal-actions-card-due {
    margin-right: 0;
}

.reporting-portal-actions-card-meta span {
    margin-left: 0.2em;
    color: var(--tg-white);
    font-weight: 700;
}

.reporting-portal-actions-card-buttons {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    gap: 0;
    margin-left: auto;
    position: relative;
    top: -0.4em;
}

.reporting-portal-actions-icon-button {
    width: 1.8em;
    margin: 0 0 0 1em;
    padding: 0.4em 0;
    border: 0;
    background: transparent;
    color: var(--reporting-portal-colour-bcbcbc);
    font-size: 1.1em;
}

.reporting-portal-actions-icon-button:hover,
.reporting-portal-actions-icon-button:focus-visible {
    color: var(--tg-white);
}

.reporting-portal-actions-show-completed {
    display: flex;
    margin: auto;
    padding: 2em 0 1.5em;
    border: 0;
    background: transparent;
    color: var(--reporting-portal-colour-c0c0c0);
    text-decoration: underline;
    font-size: 0.8em;
}

.reporting-portal-actions-field {
    display: flex;
    flex-direction: column;
    gap: 0;
    color: var(--tg-white);
}

.reporting-portal-actions-field .form-label,
.reporting-portal-actions-editor .form-label {
    display: block;
    margin: 0 0 0.5em;
    color: var(--tg-white);
    font-size: var(--reporting-actions-control-font-size);
    font-weight: 700;
    line-height: var(--reporting-actions-control-line-height);
}

.reporting-portal-actions-editor {
    display: flex;
    flex-direction: column;
    gap: 1.1em;
}

.reporting-portal-actions-editor .tg-character-count {
    color: var(--tg-white);
}

.reporting-portal-actions-editor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1em;
}

.reporting-portal-actions-editor .form-control,
.reporting-portal-actions-editor .form-select,
.reporting-portal-actions-editor .tg-drp-input,
.reporting-portal-actions-editor .tg-searchable-multi-select .form-control,
.reporting-portal-actions-editor .tg-searchable-multi-select-input,
.reporting-portal-actions-editor .tg-searchable-multi-select-selection,
.reporting-portal-actions-editor .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.multi.has-items .ts-control,
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control {
    border-radius: 0;
    border-color: transparent;
    background: var(--reporting-portal-neutral-700) !important;
    color: var(--tg-white) !important;
}

.reporting-portal-actions-editor .form-control:focus,
.reporting-portal-actions-editor .form-select:focus,
.reporting-portal-actions-editor .tg-drp-input:focus,
.reporting-portal-actions-editor .tg-searchable-multi-select .form-control:focus,
.reporting-portal-actions-editor .tg-searchable-multi-select-input:focus,
.reporting-portal-actions-editor .tg-searchable-multi-select-selection:focus,
.reporting-portal-actions-editor .ts-wrapper.focus .ts-control,
.reporting-portal-actions-editor .ts-wrapper.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.dropdown-active .ts-control,
.reporting-portal-actions-editor .ts-control:focus-within {
    border-color: var(--reporting-portal-neutral-600);
    box-shadow: none !important;
}

.reporting-portal-actions-editor .form-control,
.reporting-portal-actions-editor .form-select,
.reporting-portal-actions-editor .tg-drp-input,
.reporting-portal-actions-editor .ts-control,
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control {
    min-height: var(--reporting-actions-control-height);
    padding: 0.5em var(--reporting-actions-control-horizontal-padding);
    font-size: var(--reporting-actions-control-font-size);
    line-height: var(--reporting-actions-control-line-height);
}

/* The Tom Select base stylesheet (tom-select.bootstrap5.min.css) is injected into <head> at
   runtime, after this stylesheet, so its ".ts-wrapper.multi.has-items .ts-control" padding rule
   (near-zero top/bottom padding) wins equal-specificity cascade ties without !important here. */
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control,
.reporting-portal-actions-editor .ts-wrapper.multi.has-items .ts-control {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control {
    min-height: var(--reporting-actions-control-height);
    height: var(--reporting-actions-control-height);
    padding-top: 0;
    padding-bottom: 0;
}

.reporting-portal-actions-editor .ts-wrapper.single.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.dropdown-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.has-items .ts-control {
    min-height: var(--reporting-actions-control-height);
    height: var(--reporting-actions-control-height);
    padding-top: 0;
    padding-bottom: 0;
}

.reporting-portal-actions-editor .form-select option {
    background: var(--reporting-portal-neutral-700);
    color: var(--tg-white);
}

.reporting-portal-actions-editor .form-control::placeholder,
.reporting-portal-actions-editor .tg-drp-input::placeholder,
.reporting-portal-actions-editor .ts-control input::placeholder,
.reporting-portal-actions-editor .ts-wrapper.plugin-remove_button .item,
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control > input {
    color: var(--reporting-portal-colour-a8a8a8);
}

.reporting-portal-actions-editor .ts-wrapper {
    min-height: 0;
}

.reporting-portal-actions-editor .ts-wrapper.form-select {
    min-height: var(--reporting-actions-control-height);
    padding: 0;
    border: 0;
    background: transparent !important;
    box-shadow: none;
}

.reporting-portal-actions-editor .ts-wrapper.form-select.single {
    height: var(--reporting-actions-control-height);
}

.reporting-portal-actions-editor .ts-control,
.reporting-portal-actions-editor .ts-wrapper.full .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.has-items .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.dropdown-active .ts-control {
    background: var(--reporting-portal-neutral-700) !important;
    background-image: none !important;
    border: 0.0625em solid transparent !important;
    border-width: 0.0625em !important;
    border-style: solid !important;
    box-shadow: none !important;
    position: relative;
    color: var(--tg-white) !important;
    padding-left: var(--reporting-actions-control-horizontal-padding) !important;
    padding-right: calc(var(--reporting-actions-control-divider-right) + var(--reporting-actions-control-divider-offset)) !important;
}

.reporting-portal-actions-editor .ts-wrapper.focus .ts-control,
.reporting-portal-actions-editor .ts-wrapper.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.dropdown-active .ts-control,
.reporting-portal-actions-editor .ts-control:focus,
.reporting-portal-actions-editor .ts-control:focus-within {
    border-color: var(--reporting-portal-neutral-600) !important;
    box-shadow: inset 0 0 0 0.0625em var(--reporting-portal-neutral-600) !important;
}

/* Keep the Metric keyline stable across Tom Select focus/blur state changes. */
.reporting-portal-actions-editor #reporting-action-metric + .ts-wrapper .ts-control {
    border-color: transparent !important;
    box-shadow: inset 0 0 0 0.0625em transparent !important;
    transition: none !important;
}

.reporting-portal-actions-editor #reporting-action-metric + .ts-wrapper.focus .ts-control,
.reporting-portal-actions-editor #reporting-action-metric + .ts-wrapper.input-active .ts-control,
.reporting-portal-actions-editor #reporting-action-metric + .ts-wrapper.dropdown-active .ts-control,
.reporting-portal-actions-editor #reporting-action-metric + .ts-wrapper .ts-control:focus-within {
    border-color: var(--reporting-portal-neutral-600) !important;
    box-shadow: inset 0 0 0 0.0625em var(--reporting-portal-neutral-600) !important;
}

.reporting-portal-actions-editor .ts-wrapper.form-select.single.full > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.single.input-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.single.dropdown-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.single.focus.input-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.single.focus.input-active.dropdown-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.multi > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.multi.focus > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.multi.input-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.multi.dropdown-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.multi.focus.input-active > .ts-control,
.reporting-portal-actions-editor .ts-wrapper.form-select.multi.focus.input-active.dropdown-active > .ts-control {
    background: var(--reporting-portal-neutral-700) !important;
    background-color: var(--reporting-portal-neutral-700) !important;
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.dropdown-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control {
    display: flex !important;
    align-items: center !important;
    line-height: var(--reporting-actions-control-line-height);
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.input-active .ts-control,
.reporting-portal-actions-editor .ts-wrapper.single.dropdown-active .ts-control {
    flex-wrap: nowrap !important;
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control::before,
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--reporting-actions-control-divider-right);
    width: 0.0625em;
    background: var(--reporting-portal-colour-8a8a8a);
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control::after,
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control::after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto !important;
    right: var(--reporting-actions-control-chevron-right);
    width: var(--reporting-actions-control-chevron-width);
    height: var(--reporting-actions-control-chevron-height);
    border-right: 0.125em solid var(--tg-white);
    border-bottom: 0.125em solid var(--tg-white);
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

.reporting-portal-actions-editor .ts-control input {
    color: var(--tg-white) !important;
}

/* Use row-gap (not the item's own bottom margin) for vertical spacing between wrapped chip
   rows, so it only applies BETWEEN rows and never adds extra space after the last row - a
   bottom margin on every .item stacks on top of the control's own bottom padding, making the
   top/bottom padding look asymmetrical once chips are present. */
.reporting-portal-actions-editor .ts-wrapper.multi .ts-control {
    row-gap: var(--reporting-actions-control-chip-margin);
}

.reporting-portal-actions-editor .ts-wrapper.multi .ts-control .item {
    margin: 0 var(--reporting-actions-control-chip-margin) 0 0;
    padding: var(--reporting-actions-control-chip-padding-y) var(--reporting-actions-control-chip-padding-x);
    background: var(--reporting-portal-colour-6f6f71);
    color: var(--tg-white);
    border-radius: 0;
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control .item {
    margin: 0;
    padding: 0 !important;
    background: transparent;
    color: var(--tg-white);
    display: block;
    min-height: 0;
    line-height: var(--reporting-actions-control-line-height);
    pointer-events: none;
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control .item > div {
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: var(--reporting-actions-control-line-height);
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control .item .tg-ts-selected-text {
    color: var(--tg-white);
    line-height: var(--reporting-actions-control-line-height);
    pointer-events: none;
}

.reporting-portal-actions-editor .ts-wrapper.single .ts-control > input {
    color: var(--tg-white) !important;
}

.reporting-portal-actions-editor .ts-wrapper.single.has-items .ts-control > input {
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
}

.reporting-portal-actions-editor .ts-wrapper.single.input-active.has-items .ts-control > input,
.reporting-portal-actions-editor .ts-wrapper.single.dropdown-active.has-items .ts-control > input,
.reporting-portal-actions-editor .ts-wrapper.single.focus.input-active.has-items .ts-control > input,
.reporting-portal-actions-editor .ts-wrapper.single.focus.input-active.dropdown-active.has-items .ts-control > input {
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
}

.reporting-portal-actions-editor .ts-control .item .remove {
    color: var(--tg-white);
    border-left-color: var(--reporting-portal-colour-8a8a8a);
    margin-left: 0.5em;
    padding-left: 0.5em;
    --tg-ts-remove-separator-color: var(--reporting-portal-colour-8a8a8a);
}

.reporting-portal-actions-editor .ts-dropdown,
.reporting-portal-actions-editor .ts-dropdown.form-select,
.reporting-portal-actions-editor .ts-dropdown.single,
.reporting-portal-actions-editor .ts-dropdown.multi {
    margin-top: 0;
    border: 0.0625em solid var(--reporting-portal-neutral-600);
    border-radius: 0;
    background: var(--reporting-portal-neutral-750);
    color: var(--tg-white);
    box-shadow: none;
}

.reporting-portal-actions-editor .ts-dropdown .ts-dropdown-content {
    background: var(--reporting-portal-neutral-650) !important;
    scrollbar-color: var(--reporting-portal-neutral-500) var(--reporting-portal-neutral-650);
}

.reporting-portal-actions-editor .ts-dropdown .option,
.reporting-portal-actions-editor .ts-dropdown .create,
.reporting-portal-actions-editor .ts-dropdown .no-results,
.reporting-portal-actions-editor .ts-dropdown .spinner {
    padding: var(--reporting-actions-control-option-padding-y) var(--reporting-actions-control-option-padding-x);
    color: var(--tg-white);
    background: var(--reporting-portal-neutral-650) !important;
    box-shadow: 1rem 0 0 var(--reporting-portal-neutral-650);
}

.reporting-portal-actions-editor .ts-dropdown .option.active,
.reporting-portal-actions-editor .ts-dropdown .option:hover,
.reporting-portal-actions-editor .ts-dropdown .create:hover {
    background: var(--reporting-portal-neutral-500) !important;
    color: var(--tg-white);
    box-shadow: 1rem 0 0 var(--reporting-portal-neutral-500);
}

.reporting-portal-actions-editor .ts-dropdown .selected {
    background: var(--tg-orange) !important;
    color: var(--tg-white);
    box-shadow: 1rem 0 0 var(--tg-orange);
}

.reporting-portal-actions-editor .ts-dropdown .option.selected.active,
.reporting-portal-actions-editor .ts-dropdown .option.selected:hover,
.reporting-portal-actions-editor .ts-dropdown .selected.active {
    background: var(--tg-orange) !important;
    color: var(--tg-white) !important;
    box-shadow: 1rem 0 0 var(--tg-orange);
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-dropdown .tg-ts-more-footer {
    background: var(--reporting-portal-neutral-650) !important;
    color: var(--reporting-portal-neutral-400) !important;
    border-top-color: var(--reporting-portal-neutral-500) !important;
}

.reporting-portal-actions-editor .ts-wrapper.multi .ts-control.has-items {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

/* Keep the assignees control from growing indefinitely so the action blade footer and
   dropdown options remain usable, even when many people are selected. */
.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control {
    max-height: min(10.5em, 21vh);
    overflow-y: auto;
    align-content: flex-start;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--reporting-portal-colour-6f6f71) var(--reporting-portal-neutral-700);
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control::-webkit-scrollbar {
    width: 0.6em;
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control::-webkit-scrollbar-track {
    background: var(--reporting-portal-neutral-700);
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control::-webkit-scrollbar-thumb {
    background: var(--reporting-portal-colour-6f6f71);
    border: 0.125em solid var(--reporting-portal-neutral-700);
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control::-webkit-scrollbar-thumb:hover {
    background: var(--reporting-portal-colour-a8a8a8);
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi {
    position: relative;
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control::after {
    display: none;
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi .ts-control::before {
    display: none;
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi::before {
    content: "";
    position: absolute;
    top: 0.0625em;
    bottom: 0.0625em;
    right: var(--reporting-actions-control-divider-right);
    width: 0.0625em;
    background: var(--reporting-portal-colour-8a8a8a);
    pointer-events: none;
    z-index: 2;
}

.reporting-portal-actions-editor #reporting-action-assignees + .ts-wrapper.multi::after {
    content: "";
    position: absolute;
    top: 50%;
    right: var(--reporting-actions-control-chevron-right);
    width: var(--reporting-actions-control-chevron-width);
    height: var(--reporting-actions-control-chevron-height);
    border-right: 0.125em solid var(--tg-white);
    border-bottom: 0.125em solid var(--tg-white);
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
    z-index: 3;
}

.reporting-portal-actions-editor .ts-wrapper.multi .ts-control {
    padding-right: calc(var(--reporting-actions-control-divider-right) + var(--reporting-actions-control-divider-offset)) !important;
}

.reporting-portal-actions-editor .ts-wrapper.multi .ts-control > input {
    min-width: 6em !important;
    margin: 0;
}

.reporting-portal-actions-editor .tg-searchable-multi-select + .small,
.reporting-portal-actions-editor .visually-hidden + .small {
    color: var(--reporting-portal-colour-a8a8a8);
    font-size: var(--reporting-actions-control-font-size);
}

.reporting-portal-actions-editor .invalid-feedback,
.reporting-portal-actions-editor .validation-message,
.reporting-portal-actions-editor .text-danger {
    color: var(--reporting-portal-colour-ff8f8f) !important;
    margin-top: 0.35em;
}

.reporting-portal-actions-editor {
    margin-top: 1.5em;
    background: var(--reporting-portal-colour-3f3f3f);
    padding: 1em 1.2em;
    border-radius: 0.2em;
    padding: 1em 1.5em;
}

.reporting-portal-actions-textarea {
    min-height: 2.2em;
    resize: none;
    line-height: 1.4;
    overflow: hidden;
}

.reporting-portal-actions-textarea-readonly {
    background: var(--reporting-portal-neutral-600) !important;
}

.reporting-portal-actions-editor .form-control.reporting-portal-actions-textarea-readonly,
.reporting-portal-actions-editor .form-control.reporting-portal-actions-textarea-readonly:disabled,
.reporting-portal-actions-editor .form-control.reporting-portal-actions-textarea-readonly[disabled],
.reporting-portal-actions-editor .reporting-portal-actions-textarea-readonly.tg-textarea-autosize,
.reporting-portal-actions-editor .reporting-portal-actions-textarea-readonly.tg-textarea-autosize:disabled {
    background: var(--reporting-portal-neutral-600) !important;
}

.reporting-portal-actions-title-editor {
    display: flex;
    gap: 0.25em;
}

.reporting-portal-actions-title-primary {
    color: var(--tg-white);
}

.reporting-portal-actions-title-accent {
    color: var(--tg-orange);
}

.reporting-portal-actions-date-input-group {
    align-items: stretch;
    border: 0.0625em solid transparent;
    background: var(--reporting-portal-neutral-700);
    border-radius: 0 !important;
}

.reporting-portal-actions-date-input-group-readonly {
    background: var(--reporting-portal-neutral-600) !important;
}

.reporting-portal-actions-editor .reporting-portal-actions-date-input-group .tg-drp-input {
    border: 0;
    background: transparent !important;
    border-radius: 0 !important;
}

.reporting-portal-actions-date-icon {
    min-height: var(--reporting-actions-control-height);
    border: 0;
    border-left: 0;
    border-radius: 0 !important;
    background: transparent;
    color: var(--tg-white);
    font-size: var(--reporting-actions-control-font-size);
    line-height: var(--reporting-actions-control-line-height);
    padding: 0 var(--reporting-actions-control-horizontal-padding);
}

.reporting-portal-actions-date-input-group:focus-within {
    border-color: var(--reporting-portal-neutral-600);
    box-shadow: none !important;
}

.reporting-portal-actions-date-input-group.is-invalid .tg-drp-input,
.reporting-portal-actions-date-input-group.is-invalid .reporting-portal-actions-date-icon {
    border-color: var(--reporting-portal-colour-ff8f8f);
}

.reporting-portal-actions-date-input-group.is-invalid {
    border-color: var(--reporting-portal-colour-ff8f8f);
}

.reporting-portal-actions-editor .daterangepicker {
    border: 0.0625em solid var(--reporting-portal-neutral-600) !important;
    box-shadow: inset 0 0 0 0.0625em var(--reporting-portal-neutral-600) !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: var(--reporting-portal-neutral-750) !important;
    color: var(--tg-white) !important;
    font-size: var(--reporting-actions-control-font-size) !important;
    line-height: var(--reporting-actions-control-line-height) !important;
}

.reporting-portal-actions-editor .daterangepicker .drp-calendar {
    flex: 1 1 18em !important;
    min-inline-size: 18em !important;
    padding: 1em !important;
}

.reporting-portal-actions-editor .daterangepicker:not(.show-ranges) .drp-calendar.single {
    flex: 0 0 19.25em !important;
    min-inline-size: 19.25em !important;
}

.reporting-portal-actions-editor .daterangepicker.show-calendar:not(.show-ranges).single-calendar {
    inline-size: calc(19.25em + 0.125em) !important;
}

.reporting-portal-actions-editor .daterangepicker::before,
.reporting-portal-actions-editor .daterangepicker::after {
    display: none;
}

.reporting-portal-actions-editor .daterangepicker .drp-calendar,
.reporting-portal-actions-editor .daterangepicker .calendar-table,
.reporting-portal-actions-editor .daterangepicker table,
.reporting-portal-actions-editor .daterangepicker tbody,
.reporting-portal-actions-editor .daterangepicker tr,
.reporting-portal-actions-editor .daterangepicker td,
.reporting-portal-actions-editor .daterangepicker th {
    background: var(--reporting-portal-neutral-750) !important;
    color: var(--tg-white) !important;
    border-color: transparent;
}

.reporting-portal-actions-editor .daterangepicker .calendar-table {
    border: 0;
    font-size: inherit !important;
}

.reporting-portal-actions-editor .daterangepicker table.drp-table {
    width: 100% !important;
    table-layout: fixed !important;
}

.reporting-portal-actions-editor .daterangepicker .month,
.reporting-portal-actions-editor .daterangepicker .yearselect,
.reporting-portal-actions-editor .daterangepicker .monthselect,
.reporting-portal-actions-editor .daterangepicker select {
    background: var(--reporting-portal-neutral-650) !important;
    color: var(--tg-white) !important;
    border: 0.0625em solid var(--reporting-portal-neutral-600);
    border-radius: 0;
    font-size: var(--reporting-actions-control-font-size) !important;
    line-height: var(--reporting-actions-control-line-height) !important;
}

.reporting-portal-actions-editor .daterangepicker th.month {
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden;
}

.reporting-portal-actions-editor .daterangepicker .monthselect,
.reporting-portal-actions-editor .daterangepicker .yearselect {
    appearance: none;
    box-shadow: none !important;
    outline: 0 !important;
    height: var(--reporting-actions-control-height) !important;
    min-height: var(--reporting-actions-control-height) !important;
    max-height: var(--reporting-actions-control-height) !important;
    padding: 0 2em 0 0.5em !important;
}

.reporting-portal-actions-editor .daterangepicker .monthselect {
    width: calc(60% - 0.25em) !important;
    max-width: calc(60% - 0.25em) !important;
    margin-right: 0.5em !important;
}

.reporting-portal-actions-editor .daterangepicker .yearselect {
    width: 40% !important;
    min-width: 0 !important;
    max-width: 40% !important;
}

.reporting-portal-actions-editor .daterangepicker .monthselect option:checked,
.reporting-portal-actions-editor .daterangepicker .yearselect option:checked {
    background: var(--tg-orange);
    color: var(--tg-white);
}

.reporting-portal-actions-editor .daterangepicker .next,
.reporting-portal-actions-editor .daterangepicker .prev,
.reporting-portal-actions-editor .daterangepicker .available {
    color: var(--tg-white) !important;
    font-size: var(--reporting-actions-control-font-size) !important;
    line-height: var(--reporting-actions-control-line-height) !important;
}

.reporting-portal-actions-editor .daterangepicker td,
.reporting-portal-actions-editor .daterangepicker th {
    width: 2.4em !important;
    min-width: 2.4em !important;
    height: 2.4em !important;
    padding: 0.25em !important;
    font-size: var(--reporting-actions-control-font-size) !important;
    line-height: var(--reporting-actions-control-line-height) !important;
}

.reporting-portal-actions-editor .daterangepicker td.off,
.reporting-portal-actions-editor .daterangepicker td.off.end-date,
.reporting-portal-actions-editor .daterangepicker td.off.in-range,
.reporting-portal-actions-editor .daterangepicker td.off.start-date {
    background: var(--reporting-portal-neutral-750) !important;
    color: var(--reporting-portal-colour-8f8f90) !important;
}

.reporting-portal-actions-editor .daterangepicker td.available:hover,
.reporting-portal-actions-editor .daterangepicker th.available:hover {
    background: var(--reporting-portal-neutral-500) !important;
    color: var(--tg-white) !important;
}

.reporting-portal-actions-editor .daterangepicker td.active,
.reporting-portal-actions-editor .daterangepicker td.active:hover,
.reporting-portal-actions-editor .daterangepicker td.start-date,
.reporting-portal-actions-editor .daterangepicker td.start-date:hover,
.reporting-portal-actions-editor .daterangepicker td.end-date,
.reporting-portal-actions-editor .daterangepicker td.end-date:hover,
.reporting-portal-actions-editor .daterangepicker td.active.start-date,
.reporting-portal-actions-editor .daterangepicker td.active.end-date {
    background: var(--tg-orange) !important;
    color: var(--tg-white) !important;
}

.reporting-portal-actions-editor .daterangepicker td.in-range {
    background: var(--reporting-portal-neutral-650) !important;
    color: var(--tg-white) !important;
}

.reporting-portal-actions-editor .daterangepicker .drp-buttons {
    border-top: 0.0625em solid var(--reporting-portal-neutral-600);
    background: var(--reporting-portal-neutral-750) !important;
}

.reporting-portal-actions-readonly:disabled {
    background: rgba(65, 64, 66, 0.4);
    color: var(--tg-white);
    opacity: 1;
}

.reporting-portal-actions-settings {
    display: flex;
    flex-direction: column;
    gap: 0.6em;
    margin-top: auto;
    padding-top: 0.6em;
}

.reporting-portal-actions-setting-row {
    display: inline-flex;
    align-items: center;
    gap: 0.75em;
    color: var(--tg-white);
}

.reporting-portal-sidekick-switch-button {
    padding: 0;
    outline: none;
}

.reporting-portal-sidekick-switch-button.is-checked,
.reporting-portal-sidekick-switch-button[aria-checked="true"] {
    background: var(--tg-green);
    border-color: var(--tg-green);
}

.reporting-portal-sidekick-switch-button.is-checked::after,
.reporting-portal-sidekick-switch-button[aria-checked="true"]::after {
    transform: translate(0.9em, -50%);
}

.reporting-portal-sidekick-switch-button:hover,
.reporting-portal-sidekick-switch-button:focus-visible {
    border-color: var(--reporting-portal-surface-lighter);
}

.reporting-portal-sidekick-switch-button-readonly {
    opacity: 0.8;
    background: var(--reporting-portal-colour-d9d9d9);
    cursor: default;
}

.reporting-portal-actions-editor .reporting-portal-sidekick-switch-button.reporting-portal-sidekick-switch-button-readonly,
.reporting-portal-actions-editor .reporting-portal-sidekick-switch-button.reporting-portal-sidekick-switch-button-readonly:disabled,
.reporting-portal-actions-editor .reporting-portal-sidekick-switch-button.reporting-portal-sidekick-switch-button-readonly[disabled],
.reporting-portal-actions-editor .reporting-portal-sidekick-switch-button.reporting-portal-sidekick-switch-button-readonly.is-checked,
.reporting-portal-actions-editor .reporting-portal-sidekick-switch-button.reporting-portal-sidekick-switch-button-readonly[aria-checked="true"] {
    opacity: 0.8;
    background: var(--reporting-portal-colour-d9d9d9) !important;
    border-color: var(--reporting-portal-colour-d9d9d9) !important;
    cursor: default !important;
}

.reporting-portal-actions-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(35, 39, 45, 0.7);
    z-index: 20;
}

.reporting-portal-actions-overlay-global {
    position: fixed;
    z-index: 1060;
}

.reporting-portal-actions-confirm {
    --reporting-actions-control-font-size: 1em;
    --reporting-actions-control-line-height: 1.1em;
    --reporting-actions-control-height: 2.4em;
    --reporting-actions-control-horizontal-padding: 0.75em;
    width: min(28em, calc(100% - 2em));
    padding: 1.4em;
    background: var(--reporting-portal-colour-373637);
    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.5);
}

.reporting-portal-actions-confirm-header {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
    line-height: 1.2;
    color: var(--tg-white);
}

.reporting-portal-actions-confirm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin-right: 1em;
    border-radius: 50%;
    background: var(--tg-red);
    color: var(--tg-white);
}

.reporting-portal-actions-button-link {
    --tblr-btn-font-size: var(--reporting-actions-control-font-size);
    --tblr-btn-line-height: var(--reporting-actions-control-line-height);
    --tblr-btn-padding-y: 0;
    --tblr-btn-padding-x: 0;
    height: var(--reporting-actions-control-height);
    min-height: var(--reporting-actions-control-height);
    display: inline-flex;
    align-items: center;
    font-size: var(--reporting-actions-control-font-size);
    line-height: var(--reporting-actions-control-line-height);
    padding: 0;
    color: var(--tg-white);
    text-decoration: none;
}

.reporting-portal-actions-button-link:hover,
.reporting-portal-actions-button-link:focus-visible {
    color: var(--tg-white);
    background: var(--reporting-portal-neutral-750);
}

.reporting-portal-actions-confirm-buttons .reporting-portal-actions-button-link:hover,
.reporting-portal-actions-confirm-buttons .reporting-portal-actions-button-link:focus-visible {
    background: transparent;
}

.reporting-portal-actions-button-danger {
    --tblr-btn-font-size: var(--reporting-actions-control-font-size);
    --tblr-btn-line-height: var(--reporting-actions-control-line-height);
    --tblr-btn-padding-y: 0;
    --tblr-btn-padding-x: var(--reporting-actions-control-horizontal-padding);
    height: var(--reporting-actions-control-height);
    min-height: var(--reporting-actions-control-height);
    min-width: 8em;
    display: inline-flex;
    align-items: center;
    font-size: var(--reporting-actions-control-font-size);
    line-height: var(--reporting-actions-control-line-height);
    justify-content: center;
    padding: 0 var(--reporting-actions-control-horizontal-padding);
}

.reporting-portal-actions-button-success {
    --tblr-btn-font-size: var(--reporting-actions-control-font-size);
    --tblr-btn-line-height: var(--reporting-actions-control-line-height);
    --tblr-btn-padding-y: 0;
    --tblr-btn-padding-x: var(--reporting-actions-control-horizontal-padding);
    height: var(--reporting-actions-control-height);
    min-height: var(--reporting-actions-control-height);
    min-width: 6em;
    display: inline-flex;
    align-items: center;
    font-size: var(--reporting-actions-control-font-size);
    line-height: var(--reporting-actions-control-line-height);
    justify-content: center;
    padding: 0 var(--reporting-actions-control-horizontal-padding);
}

@media (max-width: 40em) {
    .reporting-portal-actions-header {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .reporting-portal-actions-body {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .reporting-portal-actions-editor-grid {
        display: flex;
        flex-direction: column;
    }

    .reporting-portal-actions-confirm {
        width: min(28em, calc(100% - 2em));
    }
}

.reporting-portal-actions-confirm-buttons {
    flex-direction: row;
    flex-wrap: nowrap;
}

.reporting-portal-actions-confirm-buttons > .btn {
    width: auto;
}

@media (max-width: 32em) {
    .reporting-portal-actions-card,
    .reporting-portal-actions-card-footer {
        display: flex;
        flex-direction: column;
    }

    .reporting-portal-actions-card-meta-group {
        flex-direction: column;
        gap: 0.4em;
    }

    .reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta {
        margin-right: 0;
    }

    .reporting-portal-actions-card-meta-group > .reporting-portal-actions-card-meta::after {
        display: none;
    }

    .reporting-portal-actions-card-buttons {
        top: 0;
        margin-left: -1em;
    }
}

.reporting-portal-remind-team-blade.offcanvas {
    --bs-offcanvas-width: min(38em, 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--bs-offcanvas-width);
    inset: 0 0 0 auto;
    border-left: 0;
    background: var(--tg-grey-dark);
    color: var(--tg-white);
    box-shadow: none;
}

.reporting-portal-remind-team-blade.offcanvas.show,
.reporting-portal-remind-team-blade.offcanvas.showing,
.reporting-portal-remind-team-blade.offcanvas.hiding {
    left: auto !important;
    right: 0 !important;
    inset: 0 0 0 auto !important;
}

.reporting-portal-remind-team-header {
    align-items: flex-start;
    justify-content: space-between;
    padding: 3.5em 2em 0;
    border-bottom: 0;
    gap: 1.5em;
}

.reporting-portal-remind-team-header-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: calc(100% - 4.5em);
}

.reporting-portal-remind-team-title {
    margin: 0;
    color: var(--tg-white);
    font-family: "Source Sans Pro Black", "Source Sans Pro", Arial, sans-serif;
    font-size: 2.1em;
    font-weight: 700;
    line-height: 1.05;
}

.reporting-portal-remind-team-title-emphasis {
    color: var(--tg-orange);
}

.reporting-portal-remind-team-title {
    letter-spacing: 0;
}

.reporting-portal-remind-team-subtitle {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.reporting-portal-remind-team-count {
    color: var(--tg-orange);
    font-weight: 700;
}

.reporting-portal-remind-team-learn-more,
.reporting-portal-remind-team-support-link,
.reporting-portal-remind-team-message-link,
.reporting-portal-remind-team-inline-link,
.reporting-portal-remind-team-history-pagination .btn-link {
    color: var(--tg-white);
    text-decoration: underline;
}

.reporting-portal-remind-team-inline-link {
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    line-height: inherit;
}

.reporting-portal-remind-team-message-link {
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    line-height: inherit;
}

.reporting-portal-remind-team-inline-link:hover,
.reporting-portal-remind-team-inline-link:focus,
.reporting-portal-remind-team-inline-link:focus-visible {
    color: var(--tg-white);
    background: transparent;
    text-decoration: underline;
}

.reporting-portal-remind-team-message-link:hover,
.reporting-portal-remind-team-message-link:focus,
.reporting-portal-remind-team-message-link:focus-visible {
    color: var(--tg-white);
    background: transparent;
    text-decoration: underline;
}

.reporting-portal-remind-team-body {
    display: flex;
    flex-direction: column;
    padding: 0 2em 2em;
    overflow-y: auto;
}

.reporting-portal-remind-team-editor,
.reporting-portal-remind-team-error-state,
.reporting-portal-remind-team-success {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.reporting-portal-remind-team-success {
    padding-top: 2em;
}

.reporting-portal-remind-team-message {
    margin: 2em 0 1.5em;
    max-width: 27em;
    color: var(--tg-white);
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.reporting-portal-remind-team-toggle-row {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    width: 100%;
    margin: 0;
}

.reporting-portal-remind-team-toggle-label {
    color: var(--tg-white);
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
}

.reporting-portal-remind-team-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.reporting-portal-remind-team-switch {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer;
}

.reporting-portal-remind-team-switch-ui {
    width: 2.15em;
    height: 1.25em;
    border-radius: 999px;
    background: var(--reporting-portal-colour-bababa);
    position: relative;
    transition: background-color 160ms ease;
}

.reporting-portal-remind-team-switch-ui::after {
    content: "";
    position: absolute;
    top: 0.14em;
    left: 0.14em;
    width: 0.97em;
    height: 0.97em;
    border-radius: 50%;
    background: var(--tg-white);
    box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.15);
    transition: transform 160ms ease;
}

.reporting-portal-remind-team-switch:checked + .reporting-portal-remind-team-switch-ui {
    background: var(--tg-green);
}

.reporting-portal-remind-team-switch:checked + .reporting-portal-remind-team-switch-ui::after {
    transform: translateX(0.9em);
}

.reporting-portal-remind-team-editor-shell {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0.4em;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-tinymce {
    height: clamp(8em, calc(100vh - 29em), 18em) !important;
    min-height: 0;
    max-height: none;
    border: 0;
    border-radius: 0;
    background: var(--reporting-portal-neutral-725);
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn {
    font-size: 1em;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn {
    height: 1.75em;
    width: 2.125em !important;
    margin: 0.375em 0.0625em 0.3125em 0;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn svg {
    width: 1.5em;
    height: 1.5em;
    max-width: 100%;
    max-height: 100%;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-editor-header,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-toolbar-overlord,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-toolbar,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-toolbar__primary {
    border: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: var(--reporting-portal-colour-575757);
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-toolbar__primary {
    padding: 0.2em 0.25em;
    background-color: var(--reporting-portal-colour-575757) !important;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-toolbar__group {
    padding: 0 0.25em;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn {
    border: 0;
    background: transparent;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.92);
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn svg,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn svg * {
    fill: currentColor;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn:hover,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn:focus,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn--enabled,
.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox .tox-tbtn--enabled:hover {
    color: var(--tg-white);
    background: var(--reporting-portal-neutral-600);
    background-color: var(--reporting-portal-neutral-600) !important;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-edit-area {
    border: 0 !important;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-edit-area::before {
    border: 0 !important;
}

.reporting-portal-remind-team-editor-shell .tg-markdown-wysiwyg .tox-edit-area__iframe {
    background: var(--reporting-portal-neutral-725) !important;
}

.reporting-portal-remind-team-validation {
    color: var(--reporting-portal-colour-ffb4b4);
    font-size: 0.95em;
}

.reporting-portal-remind-team-send {
    align-self: flex-start;
    min-height: 2.95em;
    margin-top: 1em;
    padding: 0.5em 0.9em;
    font-size: 1em;
    font-weight: 700;
}

.reporting-portal-remind-team-alert {
    margin: 0;
}

.reporting-portal-remind-team-success-title,
.reporting-portal-remind-team-error-copy {
    font-size: 1.1em;
    font-weight: 600;
}

.reporting-portal-remind-team-last-reminded {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding-top: 1.5em;
    margin-top: 1em;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.82);
}

.reporting-portal-remind-team-success-last-reminded {
    justify-content: flex-start;
    padding-top: 2em;
    margin-top: 1.5em;
    border-top: 0;
}

.reporting-portal-share-results-blade.offcanvas {
    --bs-offcanvas-width: min(38em, 100%);
    isolation: isolate;
}

.reporting-portal-share-results-subtitle {
    max-width: 27em;
    margin-top: 0.45em;
    line-height: 1.65;
}

.reporting-portal-share-results-subtitle .reporting-portal-remind-team-learn-more {
    margin-left: 0.2em;
}

.reporting-portal-share-results-count,
.reporting-portal-share-results-count-link {
    font-weight: 700;
}

.reporting-portal-share-results-count-link {
    color: var(--tg-orange);
    text-decoration: underline;
}

.reporting-portal-share-results-count-link:hover,
.reporting-portal-share-results-count-link:focus,
.reporting-portal-share-results-count-link:focus-visible {
    color: var(--tg-orange);
}

.reporting-portal-share-results-body {
    position: relative;
    padding-bottom: 1em;
}

.reporting-portal-share-results-editor {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5em;
}

.reporting-portal-share-results-row {
    display: flex;
    align-items: center;
    column-gap: 0.75em;
    row-gap: 0.5em;
    flex-wrap: wrap;
    margin-top: 0.65em;
}

.reporting-portal-share-results-row > strong {
    color: var(--tg-white);
    font-size: 1em;
    font-weight: 700;
}

.reporting-portal-share-results-radio {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    color: var(--tg-white);
    font-size: 1em;
    line-height: 1.4;
    padding-left: 0;
    margin-right: 0;
}

.reporting-portal-share-results-radio .form-check-input {
    flex: 0 0 1.15em;
    width: 1.15em;
    height: 1.15em;
    margin-top: 0.08em;
    margin-left: 0;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.55);
}

.reporting-portal-share-results-radio .form-check-input:checked {
    background-color: var(--tg-green);
    border-color: var(--tg-green);
}

.reporting-portal-share-results-radio .form-check-label {
    color: var(--tg-white);
}

.reporting-portal-share-results-toggle-row {
    justify-content: flex-start;
    gap: 0.5em;
    width: auto;
    margin-top: 0.5em;
}

.reporting-portal-share-results-send {
    align-self: flex-start;
    min-height: 0;
    margin-top: 0;
    padding-top: 0.65em;
    padding-bottom: 0.65em;
    line-height: 1.2;
}

.reporting-portal-share-results-loading {
    padding: 0.8em 1em;
    background: var(--reporting-portal-neutral-725);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.95em;
}

.reporting-portal-share-results-confirm {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(32, 32, 32, 0.7);
    z-index: 1000;
}

.reporting-portal-share-results-confirm-card {
    width: min(28em, calc(100% - 2em));
    padding: 1.4em;
    background: var(--reporting-portal-colour-2f2f2f);
    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.reporting-portal-share-results-confirm-card strong {
    line-height: 1.5;
}

.reporting-portal-share-results-confirm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1em;
}

.reporting-portal-share-results-cancel {
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: var(--tg-white);
}

.reporting-portal-share-results-cancel:hover,
.reporting-portal-share-results-cancel:focus,
.reporting-portal-share-results-cancel:focus-visible {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
    color: var(--tg-white);
    text-decoration: none;
}

.reporting-portal-share-results-cancel:disabled {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
}

.reporting-portal-remind-team-blade .reporting-portal-sidekick-close {
    position: absolute;
    top: 1.5em;
    right: 2em;
}

.reporting-portal-remind-team-history {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.reporting-portal-remind-team-history-header,
.reporting-portal-remind-team-history-row {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 0.9fr) minmax(0, 1fr);
    gap: 1.5em;
}

.reporting-portal-remind-team-history-header {
    padding-bottom: 0.4em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    font-weight: 600;
}

.reporting-portal-remind-team-history-list {
    display: flex;
    flex-direction: column;
}

.reporting-portal-remind-team-history-row {
    padding: 0.9em 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    align-items: start;
}

.reporting-portal-remind-team-history-row:last-child {
    border-bottom: 0;
}

.reporting-portal-remind-team-history-primary {
    min-width: 0;
}

.reporting-portal-remind-team-history-sent-on {
    font-weight: 600;
}

.reporting-portal-remind-team-history-summary {
    margin-top: 0.4em;
    color: var(--reporting-portal-colour-dcdcdc);
}

.reporting-portal-remind-team-history-range {
    margin-top: 0.35em;
    color: var(--reporting-portal-colour-b3b3b3);
    font-size: 0.85em;
}

.reporting-portal-remind-team-history-message-preview {
    margin-top: 0.8em;
    padding: 1em;
    border-radius: 0.5em;
    background: rgba(255, 255, 255, 0.05);
}

.reporting-portal-remind-team-history-message-preview .markdown {
    color: var(--tg-white);
}

.reporting-portal-remind-team-history-stat {
    align-self: center;
    text-align: center;
    font-weight: 600;
}

.reporting-portal-remind-team-history-empty {
    color: rgba(255, 255, 255, 0.75);
    padding: 0.75em 0;
}

.reporting-portal-remind-team-history-pagination,
.reporting-portal-remind-team-history-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.reporting-portal-share-results-history-row {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 0.6fr) minmax(0, 0.8fr) minmax(0, 0.6fr);
    gap: 1.5em;
    align-items: center;
}

.reporting-portal-share-results-history-header {
    padding-bottom: 0.4em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    font-weight: 600;
    align-items: end;
}

.reporting-portal-share-results-history-toggle-cell {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reporting-portal-share-results-last-shared {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    color: var(--reporting-portal-colour-c5ced8);
    font-size: 0.8em;
}

.reporting-portal-share-results-last-shared > span {
    margin-right: 0.4em;
}

.reporting-portal-share-results-last-shared > span::after {
    content: ".";
}

.reporting-portal-share-results-last-shared .reporting-portal-remind-team-inline-link {
    margin-left: 0;
    margin-right: 0;
    color: inherit;
    font-size: inherit;
    font-weight: 400 !important;
}

.reporting-portal-share-results-last-shared-standalone {
    justify-content: flex-start;
    padding-top: 2em;
    margin-top: 1.5em;
    border-top: 0;
}

.reporting-portal-share-results-message-modal-content {
    max-height: 60vh;
    overflow-y: auto;
}

.reporting-portal-share-results-message-dialog .modal-content {
    background: var(--tg-grey-dark);
    color: var(--tg-white);
}

.reporting-portal-share-results-message-modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.reporting-portal-share-results-message-modal-header .modal-title {
    color: var(--tg-white);
}

.reporting-portal-remind-team-trigger {
    margin-top: 0.75em;
    min-height: 2.5em;
    padding: 0.25em 1em;
    border-width: 0.05em;
    color: var(--tg-bluegray) !important;
    font-size: 1em;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}

.reporting-portal-remind-team-row {
    min-height: 4em;
}

.reporting-portal-sidekick-alert {
    margin-bottom: 1em;
}

.reporting-portal-sidekick-close {
    width: 2em;
    height: 2em;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--tg-grey-dark);
    color: var(--tg-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
}

.reporting-portal-sidekick-close i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    line-height: 1;
}

.reporting-portal-sidekick-close:hover,
.reporting-portal-sidekick-close:focus,
.reporting-portal-sidekick-close:active,
.reporting-portal-sidekick-close:first-child:active {
    background: color-mix(in srgb, var(--tg-grey-dark) 85%, var(--tg-white));
    color: var(--tg-white);
}

.reporting-portal-sidekick-locked-state {
    margin-bottom: 1.5em;
}

.reporting-portal-sidekick-locked-alert {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5em;
    border: 0;
    border-radius: 0.3em;
    background: var(--reporting-portal-colour-f2e3eb);
    color: var(--tg-grey-dark);
    padding: 0.7em 1em;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.35;
}

.reporting-portal-sidekick-locked-alert i {
    flex: 0 0 auto;
    color: var(--reporting-portal-colour-ff5f5f);
}

.reporting-portal-sidekick-locked-alert span {
    flex: 1 1 auto;
}

.reporting-portal-sidekick-selector {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    margin-bottom: 1.5em;
}

.reporting-portal-sidekick-selector-shell {
    margin: 1em 0 0.5em;
    padding: 1em 0;
    border-top: 1px solid var(--tg-grey-border);
    border-bottom: 1px solid var(--tg-grey-border);
}

.reporting-portal-sidekick-selector-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
}

.reporting-portal-sidekick-selector-heading {
    display: flex;
    align-items: center;
    min-width: 0;
}

.reporting-portal-sidekick-all-toggle,
.reporting-portal-sidekick-token-toggle,
.reporting-portal-sidekick-metric-option {
    display: inline-flex;
    align-items: center;
    gap: 0.75em;
    margin: 0;
    color: var(--tg-grey-dark);
    font-weight: 400;
}

.reporting-portal-sidekick-checkbox {
    width: 1em;
    height: 1em;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid color-mix(in srgb, var(--tg-sidekick-accent) 60%, var(--tg-grey-border));
    border-radius: 0.12em;
    background: var(--tg-white);
    display: inline-grid;
    place-content: center;
    flex: 0 0 auto;
    cursor: pointer;
}

.reporting-portal-sidekick-checkbox::after {
    content: "";
    width: 0.7em;
    height: 0.7em;
    background: no-repeat center / 0.7em 0.7em url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M6.2 11.4 2.8 8l1.4-1.4 2 2 5-5L12.6 5z'/%3E%3C/svg%3E");
    opacity: 0;
}

.reporting-portal-sidekick-checkbox:checked {
    background: var(--tg-sidekick-accent);
    border-color: var(--tg-sidekick-accent);
}

.reporting-portal-sidekick-checkbox:checked::after {
    opacity: 1;
}

.reporting-portal-sidekick-checkbox:disabled {
    opacity: 0.65;
    cursor: default;
}

.reporting-portal-sidekick-collapse-toggle {
    border: 0;
    background: transparent;
    color: var(--tg-grey-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75em;
    height: 1.75em;
    padding: 0;
    margin-left: 0.15em;
}

.reporting-portal-sidekick-collapse-toggle i {
    transition: transform 200ms ease-in-out;
}

.reporting-portal-sidekick-collapse-toggle i.open {
    transform: rotate(90deg);
}

.reporting-portal-sidekick-token-toggle {
    flex: 0 0 auto;
    font-size: 0.9em;
}

.reporting-portal-sidekick-switch {
    width: 2.1em;
    height: 1.2em;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    border: 0.05em solid var(--reporting-portal-colour-d9d9d9);
    border-radius: 999px;
    background: var(--reporting-portal-colour-d9d9d9);
    position: relative;
    cursor: pointer;
    flex: 0 0 auto;
    transition: background-color 160ms ease, border-color 160ms ease;
}

.reporting-portal-sidekick-switch::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.13em;
    width: 0.94em;
    height: 0.94em;
    border-radius: 50%;
    background: var(--tg-white);
    transform: translateY(-50%);
    transition: transform 160ms ease;
    box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.15);
}

.reporting-portal-sidekick-switch:checked {
    background: var(--tg-sidekick-accent);
    border-color: var(--tg-sidekick-accent);
}

.reporting-portal-sidekick-switch:checked::after {
    transform: translate(0.9em, -50%);
}

.reporting-portal-sidekick-metric-list {
    display: flex;
    flex-direction: column;
    gap: 0.7em;
    padding-top: 0.85em;
    max-height: 18em;
    overflow-y: auto;
}

.reporting-portal-sidekick-token-card {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25em;
    padding-top: 0.7em;
    color: var(--tg-grey-mid);
    font-size: 0.85em;
    line-height: 1.35;
}

.reporting-portal-sidekick-token-card strong {
    color: var(--tg-grey-dark);
    font-weight: 700;
}

.reporting-portal-sidekick-token-card span,
.reporting-portal-sidekick-token-card a {
    display: inline;
}

.reporting-portal-sidekick-token-card a {
    color: var(--tg-grey-mid);
    font-weight: 400;
    text-decoration: underline;
    white-space: nowrap;
}

.reporting-portal-sidekick-prompt-export {
    margin: 0.5em 1em 0 0;
    text-align: right;
}

.reporting-portal-sidekick-prompt-export-button {
    background: transparent;
    font-size: 0.7em;
    padding: 0.5em 1em;
    border: 0.05em solid var(--reporting-portal-neutral-350);
    border-radius: 0.2em;
    color: var(--reporting-portal-neutral-350);
    min-width: 1.2em;
}

.reporting-portal-sidekick-prompt-export-button:hover {
    color: var(--tg-grey-mid);
    border-color: var(--tg-grey-mid);
}

.reporting-portal-sidekick-prompt-export-button:focus,
.reporting-portal-sidekick-prompt-export-button:active,
.reporting-portal-sidekick-prompt-export-button:first-child:active {
    color: var(--reporting-portal-neutral-350);
    border-color: var(--reporting-portal-neutral-350);
    background: transparent;
    box-shadow: none;
}

.reporting-portal-sidekick-actions {
    display: flex;
    justify-content: flex-start;
}

.reporting-portal-sidekick-analyse {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: 0;
    margin: 0.5em 0;
    padding: 0.5em 0.9em;
    min-height: 2.95em;
    border-radius: 0.3em;
    gap: 0;
}

.reporting-portal-sidekick-analyse-existing {
    border: 0.0625em solid var(--reporting-portal-colour-d1d1d1);
    background: var(--reporting-portal-colour-f5f5f7);
    color: var(--reporting-portal-colour-62656d);
    box-shadow: none;
    padding: 0.75em 1.2em;
    min-height: 0;
}

.reporting-portal-sidekick-analyse-existing:hover,
.reporting-portal-sidekick-analyse-existing:focus-visible,
.reporting-portal-sidekick-analyse-existing:active,
.reporting-portal-sidekick-analyse-existing:first-child:active {
    border-color: var(--reporting-portal-colour-b8b8b8);
    background: var(--reporting-portal-colour-f1f1f3);
    color: var(--reporting-portal-colour-45484f);
    box-shadow: none;
}

.reporting-portal-sidekick-analyse-existing:disabled {
    opacity: 0.5;
    background: var(--reporting-portal-colour-f5f5f7);
}

.reporting-portal-sidekick-analyse > .tg-sidekick-action-icon {
    width: 1em;
    min-width: 1em;
    justify-content: flex-start;
}

.reporting-portal-sidekick-analyse-existing > .tg-sidekick-action-icon {
    color: inherit;
}

.reporting-portal-sidekick-analyse > .tg-sidekick-action-icon i {
    font-size: 1em;
}

.reporting-portal-sidekick-analyse-labels {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0.9em;
    line-height: 1em;
    text-align: center;
}

.reporting-portal-sidekick-analyse-labels-no-subtitle {
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.reporting-portal-sidekick-analyse-existing .reporting-portal-sidekick-analyse-labels-no-subtitle {
    margin-left: 0;
}

.reporting-portal-sidekick-analyse-title {
    font-weight: 700;
    font-size: 0.9em;
    transition: font-size 200ms ease-out;
}

.reporting-portal-sidekick-analyse-existing .reporting-portal-sidekick-analyse-title {
    font-weight: 400;
    font-size: 0.95em;
}

.reporting-portal-sidekick-analyse-labels-no-subtitle .reporting-portal-sidekick-analyse-title {
    font-size: 1em;
}

.reporting-portal-sidekick-analyse-subtitle {
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.2;
    overflow: hidden;
    max-height: 2.5em;
    transition: max-height 200ms ease-out;
}

.reporting-portal-sidekick-analyse-spacer {
    display: none;
}

.reporting-portal-sidekick-history h3,
.reporting-portal-sidekick-analysis-meta h3 {
    margin: 0;
    font-family: var(--tblr-font-sans-serif);
    font-weight: 700;
    font-size: 1em;
    letter-spacing: 0;
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-history {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.reporting-portal-sidekick-history h3 {
    margin-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--tg-grey-border);
}

.reporting-portal-sidekick-history-list {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.reporting-portal-sidekick-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(35, 39, 45, 0.7);
    z-index: 1060;
}

.reporting-portal-sidekick-confirm {
    --reporting-sidekick-control-font-size: 1em;
    --reporting-sidekick-control-line-height: 1.1em;
    --reporting-sidekick-control-height: 2.4em;
    --reporting-sidekick-control-horizontal-padding: 0.75em;
    width: min(28em, calc(100% - 2em));
    padding: 1.4em;
    background: var(--reporting-portal-colour-373637);
    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.5);
}

.reporting-portal-sidekick-confirm-header {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
    line-height: 1.2;
    color: var(--tg-white);
}

.reporting-portal-sidekick-confirm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin-right: 1em;
    border-radius: 50%;
    background: var(--tg-red);
    color: var(--tg-white);
}

.reporting-portal-sidekick-confirm-buttons {
    display: flex;
    justify-content: space-between;
    gap: 0.75em;
}

.reporting-portal-sidekick-button-link {
    --tblr-btn-font-size: var(--reporting-sidekick-control-font-size);
    --tblr-btn-line-height: var(--reporting-sidekick-control-line-height);
    --tblr-btn-padding-y: 0;
    --tblr-btn-padding-x: 0;
    height: var(--reporting-sidekick-control-height);
    min-height: var(--reporting-sidekick-control-height);
    display: inline-flex;
    align-items: center;
    font-size: var(--reporting-sidekick-control-font-size);
    line-height: var(--reporting-sidekick-control-line-height);
    padding: 0;
    color: var(--tg-white);
    text-decoration: none;
}

.reporting-portal-sidekick-button-link:hover,
.reporting-portal-sidekick-button-link:focus-visible {
    color: var(--tg-white);
    background-color: transparent;
}

.reporting-portal-sidekick-button-danger {
    --tblr-btn-font-size: var(--reporting-sidekick-control-font-size);
    --tblr-btn-line-height: var(--reporting-sidekick-control-line-height);
    --tblr-btn-padding-y: 0;
    --tblr-btn-padding-x: var(--reporting-sidekick-control-horizontal-padding);
    height: var(--reporting-sidekick-control-height);
    min-height: var(--reporting-sidekick-control-height);
    min-width: 8em;
    display: inline-flex;
    align-items: center;
    font-size: var(--reporting-sidekick-control-font-size);
    line-height: var(--reporting-sidekick-control-line-height);
    justify-content: center;
    padding: 0 var(--reporting-sidekick-control-horizontal-padding);
}

.reporting-portal-sidekick-back {
    text-align: left;
    color: var(--tg-sidekick-panel-color);
}

.reporting-portal-sidekick-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding: 1em 0;
    border-bottom: 1px solid var(--tg-grey-border);
}

.reporting-portal-sidekick-history-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.reporting-portal-sidekick-history-topline {
    display: flex;
    align-items: center;
    gap: 0.6em;
    flex-wrap: wrap;
}

.reporting-portal-sidekick-history-type {
    color: var(--tg-grey-mid);
    text-transform: uppercase;
    font-size: 0.85em;
}

.reporting-portal-sidekick-history-range {
    color: var(--tg-grey-dark);
    padding: 0.2em 0;
}

.reporting-portal-sidekick-history-meta {
    color: var(--tg-grey-mid);
    font-size: 0.85em;
}

.reporting-portal-sidekick-history-status {
    display: inline-flex;
    align-items: center;
    padding: 0.15em 0.55em;
    border-radius: 999px;
    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.reporting-portal-sidekick-history-status-loading {
    background: rgba(247, 148, 33, 0.12);
    color: var(--tg-orange);
}

.reporting-portal-sidekick-history-status-error {
    background: rgba(237, 81, 83, 0.12);
    color: var(--reporting-portal-colour-c64546);
}

.reporting-portal-sidekick-history-actions {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-left: auto;
    flex: 0 0 auto;
    position: relative;
}

@container (max-width: 30rem) {
    .reporting-portal-sidekick-header {
        padding-top: 1.2em;
        padding-bottom: 0.4em;
    }

    .reporting-portal-sidekick-header-copy {
        max-width: 100%;
    }

    .reporting-portal-sidekick-body {
        padding-bottom: 1.2em;
    }

    .reporting-portal-sidekick-analysis-panel {
        padding: 1em;
    }

    .reporting-portal-sidekick-analysis-scroll {
        padding-right: 0;
    }

    .reporting-portal-sidekick-analysis-actions {
        align-items: center;
    }

    .reporting-portal-sidekick-rating-block {
        width: auto;
        justify-content: flex-end;
    }
}

.reporting-portal-sidekick-history-view {
    border: 1px solid var(--tg-grey-border);
    border-radius: 0.3em;
    background: transparent;
    color: var(--tg-grey-dark);
    padding: 0.6em 1.2em;
    flex: 0 0 auto;
}

.reporting-portal-sidekick-history-menu-shell {
    position: relative;
    display: flex;
    align-items: center;
}

.reporting-portal-sidekick-history-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4em;
    height: 2.4em;
    border: 1px solid transparent;
    border-radius: 0.3em;
    background: transparent;
    color: var(--tg-grey-mid);
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease, color 140ms ease, border-color 140ms ease;
}

.reporting-portal-sidekick-history-item:hover .reporting-portal-sidekick-history-menu-button,
.reporting-portal-sidekick-history-item:focus-within .reporting-portal-sidekick-history-menu-button,
.reporting-portal-sidekick-history-menu-shell:focus-within .reporting-portal-sidekick-history-menu-button,
.reporting-portal-sidekick-history-item .reporting-portal-sidekick-history-menu {
    opacity: 1;
    pointer-events: auto;
}

.reporting-portal-sidekick-history-menu-button:hover,
.reporting-portal-sidekick-history-menu-button:focus-visible,
.reporting-portal-sidekick-history-view:hover,
.reporting-portal-sidekick-history-view:focus-visible {
    border-color: var(--tg-grey-border);
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-history-menu {
    position: absolute;
    top: calc(100% + 0.35em);
    right: 0;
    z-index: 20;
    min-width: 10.5em;
    display: flex;
    flex-direction: column;
    gap: 0.1em;
    padding: 0.35em;
    background: var(--tg-white);
    border: 1px solid rgba(32, 42, 51, 0.12);
    border-radius: 0.55em;
    box-shadow: 0 0.5em 1.5em rgba(32, 42, 51, 0.18);
}

.reporting-portal-sidekick-history-menu-item {
    display: flex;
    align-items: center;
    gap: 0.6em;
    width: 100%;
    border: 0;
    border-radius: 0.4em;
    background: transparent;
    color: var(--reporting-portal-ink-surface);
    font-size: 0.85em;
    text-align: left;
    padding: 0.55em 0.65em;
}

.reporting-portal-sidekick-history-menu-item:hover,
.reporting-portal-sidekick-history-menu-item:focus-visible {
    background: var(--reporting-portal-surface-hover);
}

.reporting-portal-sidekick-history-menu-item-danger {
    color: var(--reporting-portal-colour-b23d3e);
}

.reporting-portal-sidekick-analysis-view {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.reporting-portal-sidekick-analysis-shell {
    display: flex;
    flex-direction: column;
    gap: 1em;
    flex: 1 1 auto;
    min-height: 0;
}

.reporting-portal-sidekick-analysis-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.4em;
}

.reporting-portal-sidekick-analysis-panel {
    display: flex;
    flex-direction: column;
    gap: 1em;
    position: relative;
    padding: 0.9em 1.2em 1em;
    background: rgba(255, 255, 255, 0.4);
    border: 0;
}

.reporting-portal-sidekick-copy-analysis {
    position: absolute;
    top: 1.2em;
    right: 1.2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-copy-analysis:hover,
.reporting-portal-sidekick-copy-analysis:focus-visible {
    color: var(--tg-sidekick-panel-color);
    background: transparent;
}

.reporting-portal-sidekick-copy-analysis:disabled {
    opacity: 0.7;
}

.reporting-portal-sidekick-home-view {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.2em;
}

.reporting-portal-sidekick-analysis-meta {
    padding-bottom: 0.9em;
    border-bottom: 1px solid var(--tg-grey-border);
}

.reporting-portal-sidekick-analysis-meta p {
    margin: 0;
    color: var(--tg-grey-mid);
    font-size: 0.92em;
}

.reporting-portal-sidekick-analysis-run-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45em;
    margin-top: 0.2em;
    color: var(--tg-grey-mid);
    font-size: 0.92em;
}

.reporting-portal-sidekick-analysis-selections-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tg-grey-dark);
    font: inherit;
    line-height: inherit;
}

.reporting-portal-sidekick-analysis-selections-toggle i {
    transition: transform 0.2s ease;
}

.reporting-portal-sidekick-analysis-selections-toggle i.open {
    transform: rotate(90deg);
}

.reporting-portal-sidekick-analysis-selections-toggle:hover,
.reporting-portal-sidekick-analysis-selections-toggle:focus-visible {
    color: var(--tg-sidekick-panel-color);
}

.reporting-portal-sidekick-analysis-selections-list {
    margin: 0.55em 0 0;
    padding-left: 1.3em;
    color: var(--tg-grey-dark);
    font-size: 0.92em;
}

.reporting-portal-sidekick-analysis-selections-list li + li {
    margin-top: 0.2em;
}

.reporting-portal-sidekick-back {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-back-bottom {
    margin-top: auto;
}

.reporting-portal-sidekick-loading-state {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 2rem 0;
}

.reporting-portal-sidekick-loading-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.reporting-portal-sidekick-loading-state img {
    width: 2.7rem;
    height: auto;
}

.reporting-portal-sidekick-loading-title {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.reporting-portal-sidekick-loading-lines {
    position: relative;
    width: 100%;
    max-width: 24rem;
    height: 1.4rem;
    margin-top: 1.1rem;
    overflow: hidden;
    color: var(--tg-grey-dark);
    font-size: 0.9rem;
    line-height: 2rem;
    text-align: center;
}

.reporting-portal-sidekick-loading-lines span {
    position: absolute;
    top: 0;
    left: 0.5rem;
    right: 0.5rem;
    animation: reporting-portal-sidekick-loading-slide 60s infinite, reporting-portal-sidekick-loading-hide-on-reset 60s infinite;
}

@keyframes reporting-portal-sidekick-loading-slide {
    0%, 7% {
        top: -0.5rem;
    }

    8%, 15% {
        top: -2.5rem;
    }

    16%, 23% {
        top: -4.5rem;
    }

    24%, 31% {
        top: -6.5rem;
    }

    32%, 39% {
        top: -8.5rem;
    }

    40%, 47% {
        top: -10.5rem;
    }

    48%, 55% {
        top: -12.5rem;
    }

    56%, 63% {
        top: -14.5rem;
    }

    64%, 71% {
        top: -16.5rem;
    }

    72%, 79% {
        top: -18.5rem;
    }

    80%, 87% {
        top: -20.5rem;
    }

    88%, 99% {
        top: -22.5rem;
    }
}

@keyframes reporting-portal-sidekick-loading-hide-on-reset {
    0%, 1% {
        opacity: 0;
    }

    3%, 97% {
        opacity: 1;
    }

    98%, 100% {
        opacity: 0;
    }
}

.reporting-portal-sidekick-analysis-summary {
    padding: 0;
    background: transparent;
    border: 0;
}

.reporting-portal-sidekick-analysis-summary-warning {
    padding: 0;
}

.reporting-portal-sidekick-markdown {
    line-height: 1.6;
}

.reporting-portal-sidekick-markdown h1,
.reporting-portal-sidekick-markdown h2,
.reporting-portal-sidekick-markdown h3 {
    margin: 0 0 0.65em;
    font-family: var(--tblr-font-sans-serif);
    font-weight: 700;
    color: var(--tg-grey-dark);
    letter-spacing: 0;
}

.reporting-portal-sidekick-markdown h1 {
    font-size: 1.4em;
}

.reporting-portal-sidekick-markdown hr {
    margin: 1em 0;
}

.reporting-portal-sidekick-markdown h2,
.reporting-portal-sidekick-markdown h3 {
    font-size: 0.98em;
}

.reporting-portal-sidekick-markdown p,
.reporting-portal-sidekick-markdown ul,
.reporting-portal-sidekick-markdown ol {
    margin-bottom: 0.85em;
}

.reporting-portal-sidekick-markdown a {
    color: var(--reporting-portal-colour-6d7fe4);
    font-weight: 600;
    text-decoration: underline;
}

.reporting-portal-sidekick-topic-link {
    color: var(--tg-sidekick-purple) !important;
    font-weight: 700;
    text-decoration: underline !important;
}

.reporting-portal-sidekick-question-topic {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35em;
}

.reporting-portal-sidekick-question-topic-label {
    font-weight: 700;
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-question-topic-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2em;
    padding: 0.05em 0.45em;
    background: var(--tg-sidekick-purple);
    border: 0;
    border-radius: 999px;
    color: var(--tg-white) !important;
    font-family: inherit;
    font-size: 0.88em;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    cursor: pointer;
}

.reporting-portal-sidekick-action-link {
    display: inline;
    padding: 0 0.25em;
    background: transparent;
    color: var(--tg-grey-dark) !important;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 200ms ease;
}

.reporting-portal-sidekick-action-link:hover,
.reporting-portal-sidekick-action-link:focus-visible {
    background: rgba(142, 146, 205, 0.16);
    color: var(--tg-grey-dark) !important;
    text-decoration: none !important;
}

.reporting-portal-sidekick-action-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.8em;
    height: 0.8em;
    margin-left: 0.2em;
    border-radius: 50%;
    background: var(--tg-sidekick-purple);
    color: var(--tg-white);
    font-size: 1.1em;
    vertical-align: baseline;
}

.reporting-portal-sidekick-action-link-icon::before {
    content: "+";
    line-height: 1;
    transform: translateY(-0.03em);
}

.reporting-portal-sidekick-reference {
    position: relative;
    display: inline-flex;
    vertical-align: super;
    line-height: 1;
    outline: none;
}

.reporting-portal-sidekick-reference-number {
    color: var(--tg-sidekick-purple);
    font-size: 0.78em;
    top: 0.1em;
    cursor: default;
}

.reporting-portal-sidekick-reference-card {
    position: fixed;
    left: var(--sidekick-reference-card-left, 0);
    top: var(--sidekick-reference-card-top, 0);
    z-index: 1080;
    display: none;
    width: min(22em, calc(100vw - 1em));
    padding: 0.75em;
    background: var(--tg-white);
    color: var(--tg-grey-dark);
    border: 1px solid var(--tg-grey-border);
    box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.16);
    font-size: 0.9rem;
    line-height: 1.25;
    white-space: normal;
}

.reporting-portal-sidekick-reference:hover .reporting-portal-sidekick-reference-card,
.reporting-portal-sidekick-reference:focus .reporting-portal-sidekick-reference-card,
.reporting-portal-sidekick-reference:focus-within .reporting-portal-sidekick-reference-card {
    display: flex;
    flex-direction: column;
    gap: 0.45em;
}

.reporting-portal-sidekick-reference-card-metric {
    font-weight: 700;
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-reference-card-text {
    color: var(--reporting-portal-text-slate);
}

.reporting-portal-sidekick-analysis-warning {
    display: flex;
    gap: 0.9em;
    padding: 0.9em 1em;
    border: 1px solid var(--reporting-portal-colour-d6d6d6);
    background: var(--reporting-portal-colour-fff8ef);
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-analysis-warning-icon {
    color: var(--tg-orange);
}

.reporting-portal-sidekick-analysis-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    padding-top: 0.2em;
    margin-top: auto;
}

.reporting-portal-sidekick-retry {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
}

.reporting-portal-sidekick-rating-block {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    margin-left: auto;
    white-space: nowrap;
}

.reporting-portal-sidekick-rating-label {
    color: var(--tg-grey-dark);
    font-size: 0.9em;
}

.reporting-portal-sidekick-rating-buttons {
    display: inline-flex;
    align-items: center;
    gap: 0.1em;
}

.reporting-portal-sidekick-rating-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0 0.45em;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--tg-grey-dark);
}

.reporting-portal-sidekick-rating-button:hover,
.reporting-portal-sidekick-rating-button:focus-visible {
    color: var(--tg-sidekick-panel-color);
    background: transparent;
}

.reporting-portal-sidekick-rating-button.active {
    background: transparent;
    color: var(--tg-sidekick-panel-color);
}

.reporting-portal-sidekick-analysis-actions .reporting-portal-sidekick-rating-block {
    width: auto;
    justify-content: flex-end;
}

.reporting-portal-sidekick-analysis-actions .reporting-portal-sidekick-rating-button {
    width: auto;
    height: auto;
    padding: 0 0.45em;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.reporting-portal-sidekick-history-empty {
    color: var(--tg-grey-mid);
}

.reporting-portal-host .panel-layout-left-side .panels {
    height: 100%;
    color: var(--tg-bluegray);
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: 1fr;
    position: relative;
}

.reporting-portal-host .panel-layout-left-side .panels > div:not(.overlay) {
    background: var(--tg-white);
    box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.reporting-portal-host .panel-layout-left-side .left-panel {
    margin-right: 0.5em;
    grid-column: 1;
    min-height: 0;
    overflow: auto;
}

.reporting-portal-host .panel-layout-left-side .left-panel > div {
    padding: 1.5em 2em 2em;
}

.reporting-portal-host .panel-layout-left-side .main-panel {
    margin-left: 0.5em;
    grid-column: 2;
    min-height: 0;
    overflow: auto;
}

.reporting-portal-host .panel-layout-left-side .main-panel > div {
    padding: 1.5em 2em 2em;
}

/* Timeline shell panel supplies its own padding (see .reporting-portal-metric-timeline-shell) —
   don't double it up with the generic main-panel padding above. */
.reporting-portal-host .panel-layout-left-side .main-panel > .reporting-portal-timeline-shell-panel {
    padding: 0;
}

.reporting-portal-shell-panel {
    margin-bottom: 1em;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.reporting-portal-shell-panel h2 {
    margin: 0 0 0.8em;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    letter-spacing: -0.012em;
}

.reporting-portal-shell-panel p {
    margin: 0;
    color: var(--reporting-portal-text-slate);
}

.reporting-portal-shell-value {
    margin-top: 0.25em;
    color: var(--reporting-portal-text-strong);
    font-size: 1.5em;
    font-weight: 600;
}

.reporting-portal-progress-widget {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.reporting-portal-progress-widget strong {
    display: block;
    color: var(--reporting-portal-text-strong);
    font-size: 1.25em;
}

.reporting-portal-capability-summary ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 0.75em 0 0;
    padding: 0;
    list-style: none;
}

.reporting-portal-capability-summary li {
    padding: 0.25em 0.6em;
    border: 1px solid var(--reporting-portal-surface-soft);
    border-radius: 0.25em;
    color: var(--reporting-portal-text-slate);
    font-size: 0.875em;
}

.reporting-portal-capability-summary li.disabled {
    color: var(--reporting-portal-colour-9aa3ad);
    text-decoration: line-through;
}

.reporting-portal-filter-summary dl {
    display: grid;
    grid-template-columns: minmax(6em, max-content) 1fr;
    gap: 0.35em 0.75em;
    margin: 0.75em 0 0;
}

.reporting-portal-filter-summary dt,
.reporting-portal-filter-summary dd {
    margin: 0;
    color: var(--reporting-portal-text-slate);
    font-size: 0.875em;
}

.reporting-portal-filter-summary dt {
    font-weight: 600;
}

.reporting-portal-filter-summary dd {
    overflow-wrap: anywhere;
}

.reporting-portal-host .members-tab .main-panel {
    overflow-y: auto !important;
}

.reporting-portal-host .comments-tab .main-panel {
    overflow-y: auto !important;
}

.reporting-portal-host .comments-tab .main-panel > .reporting-portal-shell-panel {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
}

.reporting-portal-host .surveys-tab .main-panel {
    overflow-y: auto !important;
}

.reporting-portal-host .surveys-tab .panels.reporting-portal-survey-selection-empty-state {
    grid-template-columns: 1fr;
}

.reporting-portal-host .surveys-tab .panels.reporting-portal-survey-selection-empty-state > .reporting-portal-heatmap-empty {
    background: transparent;
    box-shadow: none;
}

.reporting-portal-host .surveys-tab .main-panel > div {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    box-sizing: border-box;
}

.reporting-portal-host .surveys-tab .main-panel > .reporting-portal-shell-panel {
    margin-bottom: 0 !important;
}

.reporting-portal-host .surveys-tab .main-panel > div > .reporting-portal-survey-results-panel {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.reporting-portal-host .surveys-tab .survey-results-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 100%;
}

.reporting-portal-manage-team-link.btn.btn-secondary {
    margin-top: 1em;
    font-size: 1em;
    padding: 0.5em 1em;
    background-color: var(--tg-orange);
    border-color: var(--tg-orange);
    color: var(--tg-white);
}

.reporting-portal-manage-team-link.btn.btn-secondary:hover,
.reporting-portal-manage-team-link.btn.btn-secondary:focus {
    background-color: var(--reporting-portal-primary-hover);
    border-color: var(--reporting-portal-primary-hover);
    color: var(--tg-white);
}

.reporting-portal-manage-team-link-icon {
    margin-left: 0.25em;
}

.reporting-portal-members {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.reporting-portal-members-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.reporting-portal-members-header h2 {
    margin: 0;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    letter-spacing: -0.012em;
}

.reporting-portal-members-search {
    width: 40%;
    max-width: 30em;
}

.reporting-portal-members-search .input-group {
    margin-top: 0.26em;
}

.reporting-portal-host .reporting-portal-members-search .survey-result-text-search-shell {
    font-size: 1em;
}

.reporting-portal-host .reporting-portal-members-search .survey-result-text-search-shell .form-control {
    font: inherit;
    line-height: 1.2;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 0.35em 0.6em;
    border-right: 0;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

.reporting-portal-host .reporting-portal-members-search .survey-result-text-search-shell .input-group-text {
    font: inherit;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    height: auto;
    padding: 0.35em 0.6em 0.35em 0;
    background: var(--tg-white);
    border-left: 0;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

.reporting-portal-host .reporting-portal-members-search .survey-result-text-search-shell .form-control:focus {
    box-shadow: none;
    border-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-host .reporting-portal-members-search .survey-result-text-search-shell .form-control:focus + .input-group-text {
    border-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-members-table {
    width: 100%;
    font-size: 1em;
}

.reporting-portal-members-table thead th,
.reporting-portal-members-table tbody td {
    font-size: inherit;
    line-height: inherit;
    padding: 0.75em;
    vertical-align: middle;
}

.reporting-portal-members-table-loading {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    text-align: center;
}

.reporting-portal-members-record-count {
    display: flex;
    justify-content: center;
    margin-top: 0.5em;
}

.reporting-portal-members-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.reporting-portal-members-pagination li {
    display: inline-flex;
}

.reporting-portal-members-page-link,
.reporting-portal-members-more-pages {
    background-color: var(--tg-white);
    color: var(--tg-orange);
    border: 1px solid var(--reporting-portal-border-light);
    padding: 0.3em 0.7em;
}

.reporting-portal-members-page-link:hover:not([disabled]) {
    background-color: var(--reporting-portal-border-light);
}

.reporting-portal-members-page-link.active {
    background-color: var(--tg-orange);
    color: var(--tg-white);
    border: 1px solid var(--tg-orange);
}

.reporting-portal-members-page-status {
    color: var(--reporting-portal-text-slate);
    font-size: 0.875em;
}

.reporting-portal-data-status {
    display: flex;
    align-items: baseline;
    gap: 0.75em;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--reporting-portal-surface-soft);
}

.reporting-portal-data-status strong {
    color: var(--reporting-portal-text-strong);
    font-size: 1em;
}

/* Comments tab: metric filter (left panel) */
.reporting-portal-metric-radio-list {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.reporting-portal-metric-radio-list h2 {
    margin: 0 0 0.8em;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    letter-spacing: -0.012em;
}

.reporting-portal-metric-radio-list hr {
    width: 100%;
    margin: 0.8em 0;
    opacity: 1;
    border: 0;
    border-top: 1px solid var(--reporting-portal-border-light);
}

.reporting-portal-metric-radio-header {
    color: var(--tg-bluegray);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reporting-portal-metric-clear-all.btn.btn-link {
    color: inherit;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
}

.reporting-portal-metric-radio-scroll {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.reporting-portal-metric-radio {
    margin-top: 0.6em;
    font-size: 1em;
    font-weight: normal;
}

.reporting-portal-metric-radio:first-child {
    margin-top: 0;
}

.reporting-portal-metric-checkbox {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}

.reporting-portal-metric-checkbox input[type="checkbox"] {
    height: 1em;
    width: 1em;
    min-height: 1em;
    min-width: 1em;
    margin: 0 0.75em 0 0;
    cursor: pointer;
}

.reporting-portal-metric-checkbox-label {
    font-weight: normal;
    line-height: 1.2em;
}

.reporting-portal-heatmap-node-layout {
    display: grid;
    grid-template-columns: 24.5% minmax(0, 1fr);
    gap: 1em;
    height: calc(100% - 0.5em);
    min-height: 0;
    margin-top: 0.5em;
    color: var(--tg-bluegray);
}

.reporting-portal-host.reporting-portal-heatmap-node-expanded .meeting-mode-container > nav,
.reporting-portal-host.reporting-portal-heatmap-node-expanded .meeting-mode-container > footer,
.reporting-portal-host.reporting-portal-heatmap-node-expanded .reporting-portal-heatmap-tab > ._toolPanel_e6p2g_2,
.reporting-portal-host.reporting-portal-heatmap-node-expanded .reporting-portal-heatmap-node-sidebar {
    display: none !important;
}

.reporting-portal-host.reporting-portal-heatmap-node-expanded .reporting-portal-heatmap-tab {
    grid-template-rows: minmax(0, 1fr);
    padding: 0 !important;
}

.reporting-portal-host.reporting-portal-heatmap-node-expanded .reporting-portal-heatmap-shell {
    grid-row: 1;
}

.reporting-portal-host.reporting-portal-heatmap-node-expanded .reporting-portal-heatmap-node-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    height: 100%;
    margin-top: 0;
}

.reporting-portal-heatmap-node-sidebar {
    min-height: 0;
    padding: 1.5em 2em 2em;
    background: var(--tg-white);
    border-right: 0;
    color: var(--tg-bluegray);
    overflow: hidden;
}

.reporting-portal-heatmap-node-metric-list h2 {
    margin-bottom: 1em;
    line-height: 1.1;
}

.reporting-portal-heatmap-node-metric-list .reporting-portal-metric-radio-scroll {
    padding-right: 0.35em;
}

.reporting-portal-heatmap-node-option-indent {
    margin-left: 1.6em;
}

.reporting-portal-heatmap-node-radio .reporting-portal-metric-checkbox-label {
    color: var(--tg-bluegray);
    line-height: 1.1em;
}

.reporting-portal-heatmap-node-radio input[type="radio"] {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
    margin: 0 0.75em 0 0;
    border-radius: 50%;
}

.reporting-portal-heatmap-node-panel {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--tg-white);
}

.reporting-portal-heatmap-node-chart {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0.06em;
}

.reporting-portal-heatmap-node-chart svg {
    display: block;
    width: 100%;
    height: 100%;
}

.reporting-portal-heatmap-node-chart svg.relative circle {
    stroke: var(--reporting-portal-colour-8aa1bf);
    stroke-opacity: 0.35;
}

.reporting-portal-heatmap-node-chart .connectors line {
    stroke: var(--reporting-portal-colour-8aa1bf);
    stroke-opacity: 0.35;
    shape-rendering: geometricPrecision;
}

.reporting-portal-heatmap-node-chart .node-label {
    cursor: default;
    font-size: 0.42em;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    text-shadow: -0.1em -0.1em 0.1em var(--tg-white), 0.1em 0.1em 0.1em var(--tg-white), 0.1em -0.1em 0.1em var(--tg-white), -0.1em 0.1em 0.2em var(--tg-white);
}

.reporting-portal-heatmap-node-chart .node-label.locked {
    fill: var(--reporting-portal-colour-8a8a8a);
}

.reporting-portal-heatmap-node-controls {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    align-items: flex-end;
    color: var(--tg-bluegray);
}

.reporting-portal-heatmap-node-control-group {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    background: transparent;
}

.reporting-portal-heatmap-node-levels {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: stretch;
    width: auto;
}

.reporting-portal-heatmap-node-level-options {
    position: static;
    display: none;
    flex-direction: row-reverse;
    background: var(--tg-white);
    padding-right: 0.4em;
    border-top: 0.06em solid rgba(217, 217, 217, 0.28);
}

.reporting-portal-heatmap-node-level-options.show {
    display: flex;
}

.reporting-portal-heatmap-node-control-group button,
.reporting-portal-heatmap-node-level-active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    min-width: 2.5em;
    height: 2.5em;
    padding: 0.25em 0.45em;
    border: 0;
    background: var(--tg-white);
    color: var(--tg-bluegray);
    font-size: 0.8em;
    font-weight: 500;
}

.reporting-portal-heatmap-node-control-group > button,
.reporting-portal-heatmap-node-levels {
    border: 0.06em solid rgba(217, 217, 217, 0.28);
    border-top-style: none;
    border-bottom-style: none;
}

.reporting-portal-heatmap-node-control-group > button {
    width: 2.69em;
    min-width: 2.69em;
}

.reporting-portal-heatmap-node-control-group > button:first-child,
.reporting-portal-heatmap-node-levels:first-child {
    border-bottom-style: solid;
}

.reporting-portal-heatmap-node-control-group > button:first-child,
.reporting-portal-heatmap-node-control-group > button:last-child {
    height: 2.59em;
}

.reporting-portal-heatmap-node-control-group > button:last-child,
.reporting-portal-heatmap-node-levels:last-child {
    border-top-style: solid;
}

.reporting-portal-heatmap-node-control-spacer {
    width: 2.5em;
    height: 2.4em;
    border: none;
    font-size: 0.8em;
}

.reporting-portal-heatmap-node-control-group button:hover {
    background: var(--reporting-portal-surface-light);
}

.reporting-portal-heatmap-node-control-group button.inactive {
    color: var(--reporting-portal-neutral-400);
}

.reporting-portal-heatmap-node-level-active {
    height: auto;
    background: var(--tg-orange);
    color: var(--tg-white);
}

.reporting-portal-heatmap-node-layer-toggle {
    gap: 0.3em;
}

.reporting-portal-heatmap-node-layer-toggle.panel-open {
    margin-top: 0.2em;
}

.reporting-portal-heatmap-node-redraw-overlay {
    position: absolute;
    inset: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
}

.reporting-portal-host .reporting-portal-heatmap-node-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85em;
}

.reporting-portal-host .reporting-portal-heatmap-node-loading-progress-track {
    height: 0.375em;
    width: 8em;
    border-radius: 0.1875em;
    background: var(--reporting-portal-colour-d9d9d9);
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-heatmap-node-loading-progress-fill {
    height: 100%;
    max-width: 100%;
    border-radius: 0.1875em;
    background: var(--tg-orange);
    transition: width 200ms ease-in-out;
}

.reporting-portal-heatmap-node-tooltip {
    position: fixed;
    z-index: 10000;
    padding: 0.5em 0.65em;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3em;
    color: var(--tg-bluegray);
    font-size: 0.8em;
    box-shadow: 0 0.35em 1.2em rgba(0, 0, 0, 0.12);
}

.reporting-portal-heatmap-node-tooltip.locked {
    pointer-events: auto;
    cursor: default;
}

.reporting-portal-heatmap-node-tooltip .node-tooltip-body {
    min-width: 18em;
    max-width: 32em;
    padding: 0.7em 0.85em;
}

.reporting-portal-heatmap-node-tooltip strong {
    color: var(--reporting-portal-text-strong);
    font-weight: 600;
}

.reporting-portal-heatmap-node-tooltip .tooltip-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reporting-portal-heatmap-node-tooltip .tooltip-title strong {
    display: block;
    margin-bottom: 0.2em;
    font-size: 1.1em;
    font-weight: 600;
}

.reporting-portal-heatmap-node-tooltip .tooltip-title > div {
    width: 1.5em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-close {
    position: absolute;
    top: 1em;
    right: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8em;
    height: 1.8em;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--reporting-portal-black);
    color: var(--tg-white);
}

.reporting-portal-heatmap-node-tooltip .tooltip-close i {
    line-height: 1;
    transform: translateY(0.08em);
}

.reporting-portal-heatmap-node-tooltip .tooltip-metrics-container {
    position: relative;
    display: flex;
    gap: 0.8em;
    box-sizing: border-box;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metrics-container * {
    box-sizing: inherit;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metrics-container > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
}

.reporting-portal-heatmap-node-tooltip .tooltip-spacer {
    opacity: 0;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metric-response-rate {
    padding-bottom: 0.8em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metric-response-rate .tooltip-submitters {
    padding-bottom: 0;
}

.reporting-portal-heatmap-node-tooltip .tooltip-submitters {
    display: flex;
    padding-bottom: 0.8em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-submitters div {
    min-width: 6em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metric-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    max-width: 24em;
    min-width: 100%;
}

.reporting-portal-heatmap-node-tooltip .metric-single-selection .tooltip-metric-row {
    width: fit-content;
    min-width: fit-content;
    max-width: 24em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metric-row > span {
    line-height: 1.2em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-metric-row > div {
    display: flex;
    align-items: center;
    align-self: first baseline;
    min-width: 4em;
    margin-left: 0.8em;
}

.reporting-portal-heatmap-node-tooltip .metric-single-selection .tooltip-metric-row > div {
    margin-left: 2em;
}

.reporting-portal-heatmap-node-tooltip .metric-bullet {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    min-width: 0.8em;
    border-radius: 50%;
    background: var(--bullet-colour, var(--reporting-portal-border-light));
    margin-right: 0.5em;
}

.reporting-portal-heatmap-node-tooltip .metric-value {
    white-space: nowrap;
}

.reporting-portal-heatmap-node-tooltip .tooltip-topics {
    margin-top: 0.8em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-comments-title {
    margin-bottom: 0.3em;
}

.reporting-portal-heatmap-node-tooltip .topic-row {
    margin-top: 0.3em;
}

.reporting-portal-heatmap-node-tooltip .topic-label {
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: -0.55em;
}

.reporting-portal-heatmap-node-tooltip .topic-details {
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.reporting-portal-heatmap-node-tooltip .topic-bar {
    display: flex;
    align-items: center;
    height: 0.2em;
}

.reporting-portal-heatmap-node-tooltip .topic-segment {
    display: inline-block;
    height: 100%;
    margin-right: 1px;
}

.reporting-portal-heatmap-node-tooltip .topic-count {
    font-size: 0.8em;
    margin-left: 0.2em;
}

.reporting-portal-heatmap-node-tooltip .topic-segment.positive {
    background: var(--tg-green);
}

.reporting-portal-heatmap-node-tooltip .topic-segment.neutral {
    background: var(--reporting-portal-warning);
}

.reporting-portal-heatmap-node-tooltip .topic-segment.negative {
    background: var(--tg-red);
}

.reporting-portal-heatmap-node-tooltip .tooltip-links {
    margin-top: 1em;
    min-width: 19.5em;
    font-weight: 600;
}

.reporting-portal-heatmap-node-tooltip .tooltip-links a {
    color: var(--tg-bluegray);
    font-weight: 700;
    padding: 0.4em 0.8em;
    border: 0.08em solid rgba(238, 238, 238, 0.6);
    border-radius: 0.2em;
    text-decoration: none;
}

.reporting-portal-heatmap-node-tooltip .tooltip-links a:first-child {
    margin-right: 2em;
}

.reporting-portal-heatmap-node-tooltip .tooltip-links a:hover,
.reporting-portal-heatmap-node-tooltip .tooltip-links a:focus,
.reporting-portal-heatmap-node-tooltip .tooltip-links a:active {
    background: var(--reporting-portal-surface-muted);
    color: var(--tg-bluegray);
    text-decoration: none;
}

.reporting-portal-heatmap-node-tooltip .tooltip-links i {
    margin-left: 0.5em;
}

.reporting-portal-heatmap-node-legend {
    position: absolute;
    right: 0.5em;
    bottom: 0.6em;
    z-index: 8;
    padding: 0.8em 1em;
    background: rgba(255, 255, 255, 0.92);
    color: var(--tg-bluegray);
    font-size: 0.8em;
}

.reporting-portal-heatmap-node-legend-title {
    margin-bottom: 0.6em;
    font-weight: 600;
}

.reporting-portal-heatmap-node-legend-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45em;
    margin-top: 0.4em;
}

.reporting-portal-heatmap-node-legend-bullet {
    width: 1em;
    height: 1em;
    min-width: 1em;
    border-radius: 50%;
    background: var(--bullet-colour, var(--reporting-portal-border-light));
}

.reporting-portal-heatmap-node-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-size: 2.8em;
}

@media (max-width: 700px) {
    .reporting-portal-heatmap-node-layout {
        grid-template-columns: 1fr;
    }

    .reporting-portal-heatmap-node-sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--reporting-portal-border-light);
        max-height: 12em;
    }
}

/* Comments tab: comment list (main panel) */
.reporting-portal-comments {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 100%;
}

.reporting-portal-comments-body {
    position: relative;
    flex: 1 1 auto;
}

.reporting-portal-comments-body > .reporting-portal-loading-overlay {
    top: 0.2em;
}

.reporting-portal-comments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1em;
}

.reporting-portal-comments-header-title {
    flex: 1 1 20em;
    min-width: 0;
}

.reporting-portal-comments-header-search {
    flex: 0 1 16em;
    width: 40%;
    min-width: 10em;
    max-width: 16em;
    margin-left: auto;
}

.reporting-portal-comment-tab-title {
    margin: 0;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    letter-spacing: -0.012em;
}

.reporting-portal-comments-search {
    margin-top: 0.26em;
}

.reporting-portal-comments-search .meeting-search {
    display: grid;
    height: 1.7em;
    grid-template-columns: 1fr 2.5em;
}

.reporting-portal-comments-search .input-group {
    margin-top: 0.26em;
}

@media (max-width: 47.9375em) {
    .reporting-portal-comments-header-search {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

.reporting-portal-host .reporting-portal-comments-search .survey-result-text-search-shell {
    font-size: 1em;
}

.reporting-portal-host .reporting-portal-comments-search .survey-result-text-search-shell .form-control {
    font: inherit;
    line-height: 1.2;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 0.35em 0.6em;
    border-right: 0;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

.reporting-portal-host .reporting-portal-comments-search .survey-result-text-search-shell .input-group-text {
    font: inherit;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    height: auto;
    padding: 0.35em 0.6em 0.35em 0;
    background: var(--tg-white);
    border-left: 0;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

.reporting-portal-host .reporting-portal-comments-search .survey-result-text-search-shell .form-control:focus {
    box-shadow: none;
    border-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-host .reporting-portal-comments-search .survey-result-text-search-shell .form-control:focus + .input-group-text {
    border-color: var(--reporting-portal-primary-accent);
}

.reporting-portal-comment-count {
    margin-top: 1em;
    font-size: 1em;
    font-weight: bold;
    color: var(--tg-bluegray);
}

.reporting-portal-comment-group-header {
    background-color: var(--tg-white);
    margin-top: 1em;
    font-size: 1em;
    font-weight: bold;
    color: var(--tg-bluegray);
}

.reporting-portal-comment-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 0.8em;
}

.reporting-portal-comment-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    background-color: var(--reporting-portal-surface-hover);
    border-radius: 0.3em;
    padding: 0.75em 1em;
}

.reporting-portal-comment-card.click-action-enabled {
    cursor: zoom-in;
}

.reporting-portal-comment-card.click-action-enabled:hover {
    background-color: var(--reporting-portal-colour-eceeef);
}

.reporting-portal-comment-card.expanded-view {
    min-height: 0;
    padding: 0.4em 1em;
    min-height: 8.8em;
    width: 100%;
}

.reporting-portal-comment-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 0.2em;
    padding-bottom: 0.35em;
    margin-bottom: 0.45em;
}

.reporting-portal-comment-metric {
    display: flex;
    align-items: center;
    color: var(--reporting-portal-text-slate);
    font-size: 0.85em;
    font-weight: bold;
}

.reporting-portal-comment-metric-indicator {
    font-size: 0.8em;
    margin-right: 0.5em;
}

.reporting-portal-comment-actions {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 0.8em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.reporting-portal-comment-menu-button {
    border: 0;
    background: transparent;
    color: var(--reporting-portal-colour-9da6b2);
    font-size: 1.4em;
    line-height: 0.7em;
    padding: 0;
}

.reporting-portal-comment-menu-button:hover,
.reporting-portal-comment-menu-button:focus-visible {
    color: var(--reporting-portal-ink-surface);
}

.reporting-portal-comment-action-menu {
    position: absolute;
    top: calc(100% + 0.35em);
    right: 0;
    z-index: 20;
    min-width: 12.5em;
    display: flex;
    flex-direction: column;
    gap: 0.1em;
    padding: 0.35em;
    background: var(--tg-white);
    border: 1px solid rgba(32, 42, 51, 0.12);
    border-radius: 0.55em;
    box-shadow: 0 0.5em 1.5em rgba(32, 42, 51, 0.18);
}

.reporting-portal-comment-action-menu-item {
    display: flex;
    align-items: center;
    gap: 0.6em;
    width: 100%;
    border: 0;
    border-radius: 0.4em;
    background: transparent;
    color: var(--reporting-portal-ink-surface);
    font-size: 0.85em;
    text-align: left;
    padding: 0.55em 0.65em;
}

.reporting-portal-comment-action-menu-item:hover,
.reporting-portal-comment-action-menu-item:focus-visible {
    background: var(--reporting-portal-surface-hover);
}

.reporting-portal-comment-text {
    height: 5.5em;
    color: var(--tblr-body-color);
    font-size: 0.96em;
    font-weight: bold;
    line-height: 1.2em;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding-bottom: 0.4em;
    flex: 1 1 auto;
}

.reporting-portal-comment-card.expanded-view .reporting-portal-comment-text {
    height: auto;
    min-height: 4.9em;
}

.reporting-portal-comment-search-match {
    color: var(--tg-orange);
}

.reporting-portal-comment-card-footer {
    display: flex;
    align-items: center;
    gap: 0.8em;
    margin-top: auto;
    padding: 0 0 0.2em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.reporting-portal-comment-card-footer.expanded-view {
    padding-top: 0;
}

.reporting-portal-comment-card:hover .reporting-portal-comment-actions,
.reporting-portal-comment-card:focus-within .reporting-portal-comment-actions,
.reporting-portal-comment-card:hover .reporting-portal-comment-card-footer,
.reporting-portal-comment-card:focus-within .reporting-portal-comment-card-footer,
.reporting-portal-comment-card .reporting-portal-comment-action-menu {
    opacity: 1;
    pointer-events: auto;
}

.reporting-portal-comment-action-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--reporting-portal-colour-9da6b2);
    font-size: 0.9em;
    margin-right: 0;
    padding: 0 0 0.2em;
}

.reporting-portal-comment-action-chip:hover,
.reporting-portal-comment-action-chip:focus-visible {
    color: var(--reporting-portal-ink-surface);
}

.reporting-portal-comment-action-chip.expanded-view {
    font-size: 0.9em;
}

.reporting-portal-comment-action-icon {
    margin-top: 0;
}

.reporting-portal-comment-modal-dialog {
    max-width: 23em;
    font-size: calc(var(--reporting-portal-tooltip-font-size, 1rem) * 1.6);
}

.reporting-portal-comment-modal-dialog .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.reporting-portal-comment-modal-dialog .modal-body {
    padding: 0;
    background: transparent;
}

.reporting-portal-comment-modal-header {
    border-bottom: 0;
    padding: 0;
    position: absolute;
    top: 0.15em;
    right: -2.35em;
    z-index: 5;
}

.reporting-portal-comment-modal-header .modal-title {
    display: none;
}

.reporting-portal-comment-modal-header .btn-close {
    width: 1.7em;
    height: 1.7em;
    border-radius: 999px;
    background-color: var(--reporting-portal-black);
    opacity: 1;
    filter: invert(1) grayscale(1) brightness(200%);
}

.reporting-portal-comment-modal-shell {
    min-height: 0;
    position: relative;
}

.reporting-portal-comment-modal-shell.expanded-view {
    display: block;
}


.reporting-portal-guidance-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.reporting-portal-guidance-modal-body {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 54em;
    margin: 0 auto;
    padding: 0 0.625em;
}

.reporting-portal-guidance-modal-inner {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

@media (orientation: landscape) {
    .reporting-portal-guidance-modal-inner {
        padding: 0.625em 3.75em;
    }
}

.reporting-portal-guidance-modal-shell {
    animation-duration: 0.3s;
    animation-name: modal-video-inner;
    animation-timing-function: ease-out;
    background: var(--reporting-portal-neutral-800);
    height: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25%;
}

.reporting-portal-guidance-modal-frame {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--reporting-portal-black);
}

.reporting-portal-guidance-modal-close {
    position: absolute;
    top: -2.8125em;
    right: 0;
    z-index: 2;
    width: 2.1875em;
    height: 2.1875em;
    overflow: hidden;
    border: 0;
    background: transparent;
}

@media (orientation: landscape) {
    .reporting-portal-guidance-modal-close {
        top: 0;
        right: -2.8125em;
    }
}

.reporting-portal-guidance-modal-close::before,
.reporting-portal-guidance-modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.125em;
    margin-top: -0.375em;
    border-radius: 0.3125em;
    background: var(--tg-white);
}

.reporting-portal-guidance-modal-close::before {
    transform: rotate(45deg);
}

.reporting-portal-guidance-modal-close::after {
    transform: rotate(-45deg);
}

.reporting-portal-comment-carousel {
    outline: none;
    position: relative;
    width: 100%;
}

.reporting-portal-comment-carousel .carousel-inner {
    overflow: hidden;
}

.reporting-portal-comment-carousel-item {
    box-sizing: border-box;
    padding: 0 0.45em;
    width: 100%;
}

.reporting-portal-comment-carousel-item > .reporting-portal-comment-modal-card-shell {
    margin: 0 auto;
}

.reporting-portal-comment-carousel-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 4em;
    border: 0;
    background: none;
    color: var(--reporting-portal-colour-aab2bd);
    font-size: 1.15em;
    opacity: 1;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    z-index: 4;
}

.reporting-portal-comment-modal-card-shell {
    flex: 1 1 auto;
    width: 100%;
    max-width: 23em;
}

.reporting-portal-comment-carousel-control.previous {
    left: -5.1em;
    padding: 3em 5em 3em 0;
}

.reporting-portal-comment-carousel-control.next {
    right: -5.1em;
    padding: 3em 0 3em 5em;
}

.reporting-portal-comment-carousel-control .fa-solid {
    color: var(--reporting-portal-colour-aab2bd);
}

.reporting-portal-comment-carousel-control:not(:disabled):hover,
.reporting-portal-comment-carousel-control:not(:disabled):focus-visible,
.reporting-portal-comment-carousel-control:not(:disabled):hover .fa-solid,
.reporting-portal-comment-carousel-control:not(:disabled):focus-visible .fa-solid {
    color: var(--tg-white);
}

.reporting-portal-comment-carousel-control:disabled {
    opacity: 0.3;
    pointer-events: none;
}

.reporting-portal-comment-carousel-control.carousel-control-prev,
.reporting-portal-comment-carousel-control.carousel-control-next {
    width: 1em;
}

.modal:has(.reporting-portal-comment-modal-dialog) + .modal-backdrop {
    background-color: var(--reporting-portal-black);
    opacity: 0.72;
}

.modal:has(.reporting-portal-hide-comment-dialog) {
    z-index: calc(var(--tblr-modal-zindex) + 10);
}

.modal:has(.reporting-portal-hide-comment-dialog) + .modal-backdrop {
    z-index: calc(var(--tblr-backdrop-zindex) + 5);
    opacity: 0.72 !important;
}

.reporting-portal-hide-comment-body {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.reporting-portal-hide-comment-dialog {
    max-width: calc(34rem * var(--reporting-portal-scale, 1));
    font-size: calc(1rem * var(--reporting-portal-scale, 1));
    --tblr-modal-padding: 1em;
    --tblr-btn-font-size: 0.875em;
    --tblr-btn-padding-y: 0.375em;
    --tblr-btn-padding-x: 0.75em;
}

.reporting-portal-hide-comment-dialog .modal-content {
    font-size: inherit;
}

.reporting-portal-hide-comment-dialog .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 3.25em;
    padding: calc(var(--tblr-modal-padding) * 0.8) var(--tblr-modal-padding);
}

.reporting-portal-hide-comment-dialog .modal-header .modal-title {
    margin: 0;
    flex: 0 1 auto;
    font-size: 1em;
    line-height: 1.1;
    text-align: center;
}

.reporting-portal-hide-comment-dialog .modal-header .btn-close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    margin: 0 0.5em 0 0;
    padding: 1em;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
}

.reporting-portal-hide-comment-dialog .form-label {
    font-size: 0.95em;
    margin-bottom: 0.45em;
}

.reporting-portal-hide-comment-dialog .form-control {
    font-size: 1em;
    padding: 0.375em 0.75em;
}

.reporting-portal-hide-comment-dialog .btn {
    font-size: var(--tblr-btn-font-size);
    padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
    min-height: 2.6em;
}

.reporting-portal-hide-comment-dialog .btn.btn-sm {
    font-size: 0.875em;
    padding: 0.4em 0.85em;
}

.reporting-portal-hide-comment-dialog .modal-body {
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: var(--tblr-modal-padding);
}

.reporting-portal-hide-comment-dialog .modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
    font-size: 0.95em;
    padding: var(--tblr-modal-padding);
}

.reporting-portal-hide-comment-dialog .modal-footer .btn {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.25;
    min-height: 0;
    padding: 0.5em 1em;
    border-radius: 0.2em;
}

.reporting-portal-hide-comment-cancel-btn {
    background: var(--tg-grey-mid);
    border-color: var(--tg-grey-mid);
    color: var(--tg-white);
}

.reporting-portal-hide-comment-cancel-btn:hover,
.reporting-portal-hide-comment-cancel-btn:focus-visible,
.reporting-portal-hide-comment-cancel-btn:active {
    background: color-mix(in srgb, var(--tg-grey-mid) 90%, var(--reporting-portal-black));
    border-color: color-mix(in srgb, var(--tg-grey-mid) 90%, var(--reporting-portal-black));
    color: var(--tg-white);
}

.reporting-portal-hide-comment-submit-btn {
    background: var(--tblr-danger);
    border-color: var(--tblr-danger);
    color: var(--tg-white);
}

.reporting-portal-hide-comment-submit-btn:hover,
.reporting-portal-hide-comment-submit-btn:focus-visible,
.reporting-portal-hide-comment-submit-btn:active {
    background: color-mix(in srgb, var(--tblr-danger) 90%, var(--reporting-portal-black));
    border-color: color-mix(in srgb, var(--tblr-danger) 90%, var(--reporting-portal-black));
    color: var(--tg-white);
}

.reporting-portal-hide-comment-dialog .modal-header {
    background: var(--tblr-danger);
    color: var(--tg-white);
}

.reporting-portal-hide-comment-dialog .modal-header .modal-title {
    color: inherit;
}

.reporting-portal-hide-comment-dialog .modal-header .btn-close {
    color: inherit;
    opacity: 1;
}

.reporting-portal-hide-comment-copy-block {
    padding: var(--tblr-modal-padding);
    padding-bottom: 0;
}

.reporting-portal-hide-comment-copy {
    margin: 0;
    color: var(--tg-grey-mid);
}

.reporting-portal-hide-comment-dialog a {
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.reporting-portal-hide-comment-copy a {
    margin-left: 0.35em;
}

.reporting-portal-hide-comment-preview {
    display: flex;
    justify-content: center;
    padding: 1em 0;
    background-color: var(--tblr-modal-footer-bg);
    border-bottom: var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
}

.reporting-portal-hide-comment-preview-card {
    width: min(100%, 25em);
    border: 1px solid var(--tg-grey-border);
    border-radius: 0.3em;
    background: color-mix(in srgb, var(--tg-grey-comment) 66%, var(--tg-white));
    padding: 0.75em;
}

.reporting-portal-hide-comment-preview-header {
    padding-bottom: 0.35em;
    margin-bottom: 0.45em;
    border-bottom: 1px solid var(--tg-grey-border);
}

.reporting-portal-hide-comment-preview-metric {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    color: var(--tg-grey-dark);
    font-size: 0.85em;
    font-weight: 700;
}

.reporting-portal-hide-comment-preview-indicator {
    font-size: 0.8em;
}

.reporting-portal-hide-comment-preview-text {
    margin: 0;
    min-height: 5em;
    color: var(--tg-grey-dark);
    font-size: 0.95em;
    line-height: 1.25;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.reporting-portal-hide-comment-reasons-group {
    display: flex;
    flex-direction: column;
    gap: 0.35em;
    padding: var(--tblr-modal-padding);
    padding-bottom: 0;
}

.reporting-portal-hide-comment-label {
    margin: 0;
}

.reporting-portal-hide-comment-reasons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6em;
    justify-content: center;
    font-size: 0.9em;
}

.reporting-portal-hide-comment-reason {
    border: 1px solid var(--tg-grey-border);
    border-radius: 999px;
    background: var(--tg-white);
    color: var(--tg-grey-dark);
    font-size: 0.85em;
    font-weight: 400;
    padding: 0.55em 0.9em;
}

.reporting-portal-hide-comment-reason:hover,
.reporting-portal-hide-comment-reason:focus-visible {
    border-color: color-mix(in srgb, var(--tblr-danger) 45%, var(--tg-grey-border));
}

.reporting-portal-hide-comment-reason.selected {
    border-color: var(--tblr-danger);
    background: color-mix(in srgb, var(--tblr-danger) 14%, var(--tg-white));
}

.reporting-portal-hide-comment-message-field {
    display: flex;
    flex-direction: column;
    gap: 0.35em;
    padding: var(--tblr-modal-padding);
    padding-bottom: 0;
}

.reporting-portal-hide-comment-message-input {
    min-height: 0;
}

.reporting-portal-hide-comment-check {
    display: flex;
    align-items: center;
    gap: 0.55em;
    margin: 0;
    font-size: 0.875em;
    padding: var(--tblr-modal-padding);
    padding-bottom: 0;
}

.reporting-portal-hide-comment-check .form-check-input {
    flex: 0 0 auto;
    margin: 0;
    font-size: inherit;
    width: 1.2em;
    height: 1.2em;
    background-size: 0.9em 0.9em;
}

.reporting-portal-hide-comment-check .form-check-input:checked {
    background-color: var(--tg-grey-mid);
    border-color: var(--tg-grey-mid);
}

.reporting-portal-hide-comment-check .form-check-label {
    margin: 0;
    line-height: 1.25;
}

.reporting-portal-hide-comment-check.secondary {
    padding-top: 0;
}

.reporting-portal-hide-comment-check a {
    margin-left: 0.35em;
}

.reporting-portal-hide-comment-note {
    padding: var(--tblr-modal-padding);
    padding-bottom: 0;
    font-size: 0.82em;
    color: var(--tg-grey-mid);
}

.reporting-portal-comment-footer {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1em;
    font-size: 0.9em;
}

.reporting-portal-comment-load-more.btn.btn-link {
    color: var(--tg-orange);
}

@media (max-width: 640px) {
    .reporting-portal-comment-action-menu {
        left: 0;
        right: auto;
        width: min(100%, 14em);
    }
}

/* Comments tab: Topics / Comments view toggle */
.reporting-portal-comment-tab-titles {
    display: flex;
    align-items: baseline;
}

/* The wrapping h2 supplies the Bebas heading size once (matches legacy). */
.reporting-portal-comment-tab-titles h2 {
    margin: 0;
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    letter-spacing: -0.012em;
    line-height: 1.1;
}

.reporting-portal-comment-tab-link {
    font: inherit;
    letter-spacing: inherit;
    background: none;
    border: none;
    border-bottom: 0.2em solid transparent;
    padding: 0;
    color: var(--tg-bluegray);
    cursor: pointer;
}

.reporting-portal-comment-tab-link:hover {
    color: var(--tg-orange);
}

.reporting-portal-comment-tab-link.active {
    color: var(--tg-orange);
    border-bottom-color: var(--tg-orange);
}

.reporting-portal-comment-tab-divider {
    margin: 0 0.5em;
    color: var(--tg-bluegray);
}

.reporting-portal-comment-tab-divider::before {
    content: '|';
}

/* Topics grid header: sort + view toggle */
.reporting-portal-topics-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.5em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

.reporting-portal-topics-sort {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 0.9em;
    color: var(--tg-bluegray);
}

.reporting-portal-topics-sort label {
    margin: 0;
    font-weight: bold;
}

.reporting-portal-topics-view-toggle {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-left: auto;
}

.reporting-portal-topics-header.has-search-match-count {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 0.75em;
    row-gap: 0.5em;
}

.reporting-portal-topics-header.has-search-match-count .reporting-portal-topics-sort {
    grid-column: 1;
    justify-self: start;
}

.reporting-portal-topics-header.has-search-match-count .reporting-portal-topics-view-toggle {
    grid-column: 3;
    margin-left: 0;
    justify-self: end;
}

.reporting-portal-host .reporting-portal-topics-search-match-count {
    grid-column: 2;
    justify-self: center;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 62rem) {
    .reporting-portal-topics-header {
        flex-wrap: wrap;
    }
}

.reporting-portal-topics-view-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    padding: 0 0.2em;
    background: none;
    border: none;
    color: var(--tg-bluegray);
    font-weight: bold;
    cursor: pointer;
}

.reporting-portal-topics-view-link.active {
    color: var(--tg-orange);
}

.reporting-portal-topics-view-divider {
    margin: 0 0.3em;
    color: var(--tg-bluegray);
}
.reporting-portal-key-phrase-chart {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    position: relative;
    overflow: hidden;
}

.survey-result-text-topics .reporting-portal-key-phrase-chart {
    min-height: 20.625rem;
}

.survey-result-text-topics .reporting-portal-key-phrase-chart svg {
    min-height: inherit;
}

.reporting-portal-key-phrase-chart svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
}

.reporting-portal-key-phrase-donut-arc {
    stroke: none;
    transition: opacity 120ms ease;
}

.reporting-portal-key-phrase-node.is-hovered .reporting-portal-key-phrase-donut-arc {
    opacity: 0.84;
}

.reporting-portal-key-phrase-topic-label {
    fill: var(--reporting-portal-colour-333333);
    font-size: 0.75rem;
    font-weight: 700;
    pointer-events: none;
    dominant-baseline: central;
    text-transform: uppercase;
}

.reporting-portal-key-phrase-leaf-hit-area {
    cursor: grab;
    outline: none;
}

.reporting-portal-key-phrase-node.is-dragging,
.reporting-portal-key-phrase-node.is-dragging .reporting-portal-key-phrase-leaf-hit-area {
    cursor: grabbing;
}

.reporting-portal-key-phrase-legend {
    position: absolute;
    left: 50%;
    bottom: 0.05rem;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    width: max-content;
    max-width: calc(100% - 1.5rem);
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: var(--reporting-portal-ink);
    font-size: 0.8rem;
    white-space: nowrap;
    backdrop-filter: blur(2px);
}

.reporting-portal-key-phrase-legend-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.reporting-portal-key-phrase-legend-swatch {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    border-radius: 50%;
    background: var(--legend-colour, var(--reporting-portal-border-light));
    border: 0.1rem solid var(--legend-colour, var(--reporting-portal-border-light));
}

.reporting-portal-key-phrase-legend-label {
    color: var(--reporting-portal-ink);
    font-size: 0.8rem;
    font-weight: 500;
}

.reporting-portal-key-phrase-tooltip {
    z-index: 1100;
    min-width: 10rem;
    max-width: 16rem;
    padding: 0.85rem 1rem;
    border-radius: 0.6rem;
    background: rgba(255, 255, 255, 0.98);
    color: var(--reporting-portal-ink);
    box-shadow: 0 1rem 2.2rem rgba(35, 49, 66, 0.16);
    transition: opacity 100ms ease;
}

.reporting-portal-key-phrase-tooltip-title {
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.reporting-portal-key-phrase-tooltip-meta {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: var(--tg-bluegray);
}

@media (max-width: 767.98px) {
    .reporting-portal-key-phrase-chart {
        min-height: 0;
        max-height: none;
    }

    .reporting-portal-key-phrase-legend {
        bottom: 0.05rem;
        flex-wrap: wrap;
        gap: 0.7rem 1.2rem;
        max-width: calc(100% - 1rem);
        white-space: normal;
        border-radius: 0.9rem;
    }
}

/* Topics grid + key-phrase cards */
.reporting-portal-key-phrase-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 0.8em;
    margin-top: 1em;
}

.reporting-portal-key-phrase-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
    background-color: var(--reporting-portal-surface-muted);
    border: none;
    border-radius: 0.3em;
    padding: 1em;
    color: var(--tg-bluegray);
    cursor: pointer;
}

.reporting-portal-key-phrase-card:hover {
    background-color: var(--reporting-portal-border-light);
}

.reporting-portal-key-phrase-text {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--tg-bluegray);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.7em 0;
    margin-bottom: 0.5em;
}

.reporting-portal-key-phrase-chevron {
    color: var(--tg-bluegray);
    font-size: 0.8em;
    margin-left: 0.35em;
}

.reporting-portal-key-phrase-mentions {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
    margin-top: auto;
}

.reporting-portal-key-phrase-bar {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.reporting-portal-key-phrase-bar-track {
    display: inline-flex;
    align-items: stretch;
    height: 0.8em;
    /* Always keep at least a 1px gap between the coloured blocks. */
    gap: max(1px, 0.05em);
}

.reporting-portal-key-phrase-segment {
    display: inline-block;
    height: 100%;
}

.reporting-portal-key-phrase-segment.positive {
    background-color: var(--tg-green);
}

.reporting-portal-key-phrase-segment.neutral {
    background-color: var(--reporting-portal-warning);
}

.reporting-portal-key-phrase-segment.negative {
    background-color: var(--tg-red);
}

.reporting-portal-key-phrase-summary {
    font-size: 0.85em;
    font-weight: bold;
    color: var(--reporting-portal-colour-767676);
    white-space: nowrap;
}

.reporting-portal-key-phrase-summary-phrase {
    color: var(--tg-orange);
}

/* Topic drilldown header: sentiment bar (left) + back link (right) */
.reporting-portal-key-phrase-drilldown-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding-top: 1em;
}

.reporting-portal-key-phrase-back {
    background: none;
    border: none;
    color: var(--tg-orange);
    font-weight: bold;
    min-height: 2.5em;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
}

.reporting-portal-key-phrase-back:hover {
    background: transparent;
    color: var(--tg-orange);
    text-decoration: none;
}

.reporting-portal-host .dashboard .dash-panel {
    background: var(--tg-white);
    box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin: 2%;
    scroll-snap-align: start;
    position: relative;
    text-align: center;
    padding-top: 1em;
    height: 97.8%;
    color: var(--tg-bluegray);
}

.reporting-portal-host .dashboard .dash-panel:not(.summary):not(.mini-dash-panel) {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.reporting-portal-host .dashboard .dash-panel-header {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 2.2em;
    letter-spacing: -0.5px;
    margin: 0.51em 0 0;
    padding-bottom: 0.5em;
    height: 1.1em;
    z-index: 5;
    color: var(--tg-bluegray);
}

.reporting-portal-host .dashboard .dash-panel.narrow .dash-panel-header {
    font-size: 1.8em !important;
}

.reporting-portal-host .dashboard .dash-panel.vertical .dash-panel-header {
    margin: 0.15em 0 0 !important;
    height: 1.6em !important;
    font-size: 1.4em !important;
}

.reporting-portal-host .dashboard .dash-panel .text-muted {
    color: var(--reporting-portal-neutral-300);
}

.reporting-portal-host .dashboard .dash-panel .locked {
    display: block;
    color: var(--reporting-portal-colour-bbb);
    text-align: center;
    padding-top: 25%;
    position: absolute;
    width: 100%;
}

.reporting-portal-host .dashboard .dash-panel .locked.noHeader {
    padding-top: 6%;
}

.reporting-portal-host .dashboard .dash-panel.vertical .locked {
    padding-top: 40%;
}

.reporting-portal-host .dashboard .dash-panel .locked > div {
    margin-top: 1.5em;
    font-weight: bold;
}

.reporting-portal-host .dashboard .metric-locked-layout {
    height: 78%;
}

.reporting-portal-host .dashboard .metric-layout-base {
    flex-grow: 1;
    display: grid;
    height: 78%;
    width: 100%;
    padding: 0 2%;
}

.reporting-portal-host .dashboard .metric-layout-base > div {
    position: relative;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral {
    grid-template-columns: 65% 35%;
    grid-template-rows: 42% 58%;
    padding-top: 0.6em !important;
}

.reporting-portal-host .dashboard .metric-layout-base.narrow {
    grid-template-columns: 70% 30%;
    grid-template-rows: 42% 58%;
    font-size: 0.9em;
}

.reporting-portal-host .dashboard .metric-layout-base.vertical {
    grid-template-columns: 46% 54%;
    grid-template-rows: 60% 40%;
    font-size: 0.9em;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-dial-wrapper,
.reporting-portal-host .dashboard .metric-layout-base.narrow .metric-dial-wrapper {
    grid-column: 1;
    grid-row: 1 / 3;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-dial-wrapper {
    margin-top: -0.48em;
}

.reporting-portal-host .dashboard .metric-layout-base.vertical .metric-dial-wrapper {
    grid-column: 1 / 3;
    grid-row: 1;
    margin-top: -0.4em;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-dial-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    height: 78%;
    top: 11%;
    border-right: 1px var(--reporting-portal-surface-muted) solid;
}

.reporting-portal-host .dashboard .metric-layout-base.narrow .metric-dial-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    height: 70%;
    top: 15%;
    border-right: 1px var(--reporting-portal-surface-muted) solid;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-change-wrapper,
.reporting-portal-host .dashboard .metric-layout-base.narrow .metric-change-wrapper {
    grid-column: 2;
    grid-row: 1;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-change-wrapper {
    margin-top: 10% !important;
}

.reporting-portal-host .dashboard .metric-layout-base.narrow .metric-change-wrapper {
    margin-top: 35% !important;
}

.reporting-portal-host .dashboard .metric-layout-base.vertical .metric-change-wrapper {
    grid-column: 1;
    grid-row: 2;
    margin-left: 5%;
    margin-top: 0.7em !important;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-spread-wrapper,
.reporting-portal-host .dashboard .metric-layout-base.narrow .metric-spread-wrapper {
    grid-column: 2;
    grid-row: 2;
}

.reporting-portal-host .dashboard .metric-layout-base.vertical .metric-spread-wrapper {
    grid-column: 2;
    grid-row: 2;
    margin-right: 15%;
    margin-top: 0.7em !important;
}

.reporting-portal-host .dashboard .metric-layout-base.neutral .metric-spread-wrapper::before,
.reporting-portal-host .dashboard .metric-layout-base.narrow .metric-spread-wrapper::before {
    content: "";
    position: absolute;
    left: 15%;
    width: 70%;
    top: -8%;
    border-top: 1px var(--reporting-portal-surface-muted) solid;
}

.reporting-portal-host .dashboard .metric-layout-base.vertical .metric-spread-wrapper::before {
    content: "";
    position: absolute;
    left: 7%;
    width: 70%;
    right: 0;
    height: 70%;
    top: 7%;
    border-left: 1px var(--reporting-portal-surface-muted) solid;
}

.reporting-portal-host .dashboard .metric-dial-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1em;
}

.reporting-portal-host .dashboard .reporting-portal-dial {
    position: relative;
    width: min(95%, 11em);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reporting-portal-host .dashboard .reporting-portal-dial-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.reporting-portal-host .dashboard .reporting-portal-dial-track,
.reporting-portal-host .dashboard .reporting-portal-dial-progress {
    fill: none;
    stroke-width: 14;
    shape-rendering: geometricPrecision;
}

.reporting-portal-host .dashboard .reporting-portal-dial-track {
    stroke: var(--reporting-portal-surface-lighter);
}

.reporting-portal-host .dashboard .reporting-portal-dial-progress {
    stroke: var(--dial-colour);
    stroke-linecap: butt;
    --metric-score-percent: 0;
}

.reporting-portal-host .dashboard .reporting-portal-dial.dial-green {
    --dial-colour: var(--tg-green);
}

.reporting-portal-host .dashboard .reporting-portal-dial.dial-orange {
    --dial-colour: var(--reporting-portal-warning);
}

.reporting-portal-host .dashboard .reporting-portal-dial.dial-red {
    --dial-colour: var(--tg-red);
}

.reporting-portal-host .dashboard .reporting-portal-dial.dial-default {
    --dial-colour: var(--reporting-portal-bluegray-strong);
}

.reporting-portal-host .dashboard .metric-value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 4.5em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: var(--tg-bluegray);
}

.reporting-portal-host .dashboard .metric-value > * {
    display: block;
}

.reporting-portal-host .dashboard .metric-change-wrapper {
    margin-top: 0.51em;
}

.reporting-portal-host .dashboard .metric-change-wrapper.reporting-portal-comparison-unavailable {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.5em;
}

.reporting-portal-host .dashboard .reporting-portal-comparison-lock-icon {
    margin-top: 0.9em;
    color: var(--reporting-portal-border-muted);
    font-size: 1.6em;
}

.reporting-portal-host .dashboard .metric-change-wrapper span,
.reporting-portal-host .dashboard .metric-spread-wrapper span {
    font-weight: bold;
}

/* ═══════════════════════════════════════════════════════════════
   Survey results main panel — accordions, mini dials, answer charts
   ═══════════════════════════════════════════════════════════════ */

.reporting-portal-host .survey-results-body {
    display: flex;
    flex-direction: column;
}

.reporting-portal-host .reporting-portal-survey-locked-message {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--tg-bluegray);
    font-size: 1.1em;
    line-height: 1.53;
    min-height: 0;
}

.reporting-portal-host .reporting-portal-survey-locked-message p {
    margin: 0;
}

.reporting-portal-host .reporting-portal-survey-locked-message a {
    margin-top: 0.35em;
    color: var(--tg-orange);
    font-weight: 700;
    text-decoration: none;
}

.reporting-portal-host .reporting-portal-survey-locked-message a:hover,
.reporting-portal-host .reporting-portal-survey-locked-message a:focus-visible {
    color: var(--reporting-portal-primary-accent);
    text-decoration: underline;
}

/* ── Section accordion ─────────────────────────────────────── */

.reporting-portal-host .survey-result-section {
    background: var(--tg-grey-faint);
    border: 0.0625rem solid var(--tg-grey-comment);
    margin-bottom: 0.75em;
}

.reporting-portal-host .survey-result-section-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
    padding: 0.9em 1.2em;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    min-height: 5.4em;
}

.reporting-portal-host .survey-result-section-header.survey-result-section-header-has-metrics {
    padding: 0.7em 1.2em;
}

.reporting-portal-host .survey-result-section-header:hover {
    background: transparent;
}

.reporting-portal-host .survey-result-section-header-left {
    display: flex;
    align-items: flex-start;
    gap: 0.55em;
    min-width: 0;
    flex: 1;
}

.reporting-portal-host .survey-result-section-header-left > i {
    font-size: 1.2em !important;
}

.reporting-portal-host .survey-result-section-name {
    font-weight: 600;
    font-size: 1em;
    color: var(--tblr-secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reporting-portal-host .survey-result-section-count {
    font-size: 0.9em;
    color: var(--tblr-secondary-color);
    margin-top: 0.1em;
}

.reporting-portal-host .survey-result-section-header-right {
    display: flex;
    align-items: center;
    gap: 1.5em;
    flex-shrink: 0;
    margin-left: 2em;
}

.reporting-portal-host .survey-result-comparison {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 3.5em;
    margin-top: 0.15em;
}

.reporting-portal-host .survey-result-comparison.reporting-portal-comparison-unavailable {
    gap: 0.35em;
}

.reporting-portal-host .survey-result-comparison-label {
    color: var(--tg-bluegray);
    font-size: 0.78em;
    font-weight: 700;
    line-height: 1;
}

.reporting-portal-host .survey-result-comparison .reporting-portal-comparison-lock-icon {
    color: var(--reporting-portal-border-muted);
    font-size: 1.15em;
    margin-top: 0.15em;
}

.reporting-portal-host .survey-result-comparison .change-value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.9em;
    line-height: 1;
    margin-top: 0.18em;
}

.reporting-portal-host .survey-result-comparison .change-value span {
    font-weight: 400;
}

.reporting-portal-host .survey-result-comparison .change-positive {
    color: var(--tg-green);
}

.reporting-portal-host .survey-result-comparison .change-negative {
    color: var(--tg-red);
}

.reporting-portal-host .survey-result-comparison .change-neutral {
    color: var(--reporting-portal-bluegray-strong);
}

.reporting-portal-host .survey-result-section-spread {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0.8em;
    height: 4em;
    margin: 0.2em 0 0 0;
    font-size: 0.9em !important;
}

.reporting-portal-host .survey-result-section-spread-label {
    color: var(--tg-bluegray);
    font-size: 1em;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.reporting-portal-host .survey-result-section-body {
    overflow: hidden;
    max-height: 0;
}

.reporting-portal-host .survey-result-section-body.is-expanded {
    max-height: none;
    overflow: visible;
}

.reporting-portal-host .survey-result-section-question-row > hr {
    border: 0;
    height: 1px;
    background-color: var(--tblr-gray-400);
    margin: 0.2em 0 0.2em 2%;
    width: 96%;
}

.reporting-portal-host .survey-result-section-question-row {
    margin-left: 1rem;
}

/* ── Question accordion ────────────────────────────────────── */

.reporting-portal-host .survey-result-question {
    background: var(--tblr-light);
    border: 0.0625rem solid var(--tblr-border-color);
    margin-bottom: 0.75em;
}

.reporting-portal-host .survey-result-section > .survey-result-question {
    padding-left: 1em;
}

.reporting-portal-host .survey-result-section-question-row > .survey-result-question {
    border: none;
    margin-bottom: 0;
}

.reporting-portal-host .survey-result-question-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
    padding: 0.9em 1.2em;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    min-height: 5.8em;
}

.reporting-portal-host .survey-result-question-header-left {
    display: flex;
    align-items: flex-start;
    gap: 0.55em;
    min-width: 0;
    flex: 1;
}

.reporting-portal-host .survey-result-question-header-left > i {
    font-size: 1.6em !important;
}

.reporting-portal-host .survey-result-question-title {
    font-size: 1em;
    color: var(--tblr-secondary-color);
    display: flex;
    gap: 0.2em;
    flex-wrap: wrap;
}

.reporting-portal-host .survey-result-question-meta {
    font-size: 0.9em;
    color: var(--tblr-secondary-color);
    margin-top: 0.2em;
    display: flex;
    align-items: center;
    gap: 0;
}

.reporting-portal-host .survey-result-question-meta-submitters,
.reporting-portal-host .survey-result-question-meta-count {
    margin-right: 0.16em;
}

.reporting-portal-host .survey-result-question-meta-percent {
    font-weight: 700;
    margin-right: 0;
}

.reporting-portal-host .survey-result-question-meta-warning {
    display: inline-flex;
    align-items: center;
    margin-left: 0.3em;
    color: var(--tblr-warning);
    line-height: 1;
}

.reporting-portal-host .survey-result-question-meta-warning i {
    font-size: 0.9em;
}

.reporting-portal-host .survey-result-question-type-sep {
    color: var(--reporting-portal-neutral-300);
    margin-left: 0.4em;
    margin-right: 0.4em;
}

.reporting-portal-host .survey-result-question-type-icon {
    color: var(--reporting-portal-colour-7a8591);
}

.reporting-portal-host .survey-result-question-type-icon-text {
    font-size: 1.5em;
}

.reporting-portal-host .survey-result-question-type-label {
    margin-left: 0.3em;
}

.reporting-portal-host .survey-result-question-header-right {
    display: flex;
    align-items: center;
    gap: 1.5em;
    flex-shrink: 0;
}

.reporting-portal-host .survey-result-question-body {
    font-size: 0.9em;
    overflow: hidden;
    max-height: 0;
    background: var(--tblr-light);
}

.reporting-portal-host .survey-result-question-body.is-expanded {
    max-height: none;
    padding: 0.75em 1em 1em;
    overflow: visible;
}

/* ── Chevron ───────────────────────────────────────────────── */

.reporting-portal-host .survey-result-chevron {
    flex-shrink: 0;
    color: var(--reporting-portal-colour-7a8591);
    font-size: 0.85em;
    transition: transform 0.2s;
    margin-top: 0.15em;
}

.reporting-portal-host .survey-result-chevron.is-expanded {
    transform: rotate(90deg);
}

/* ── Mini spread (reuses .metric-spread slots from summary) ── */

.reporting-portal-host .survey-result-mini-spread {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 4.4em;
    height: 2.5em;
}

.reporting-portal-host .survey-result-mini-spread .slot {
    flex: 0 0 auto;
    width: 0.25em;
    min-height: 1px;
    margin: 0 0.08em;
    height: 0;
    transition: height 1.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Inherit spread slot colours from summary panel */
.reporting-portal-host .survey-result-mini-spread .slot-poor          { background-color: var(--tg-red); }
.reporting-portal-host .survey-result-mini-spread .slot-poor-to-average { background-color: var(--reporting-portal-colour-ef814b); }
.reporting-portal-host .survey-result-mini-spread .slot-average        { background-color: var(--reporting-portal-warning); }
.reporting-portal-host .survey-result-mini-spread .slot-average-to-good { background-color: var(--reporting-portal-olive); }
.reporting-portal-host .survey-result-mini-spread .slot-good          { background-color: var(--tg-green); }

/* ── Mini dial (pure CSS/SVG — no JS required) ─────────────── */

.reporting-portal-host .survey-result-mini-dial {
    position: relative;
    width: 4em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.reporting-portal-host .survey-result-mini-dial-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.reporting-portal-host .survey-result-mini-dial-track,
.reporting-portal-host .survey-result-mini-dial-progress {
    fill: none;
    stroke-width: 14;
    shape-rendering: geometricPrecision;
}

.reporting-portal-host .survey-result-mini-dial-track {
    stroke: var(--reporting-portal-surface-lighter);
}

.reporting-portal-host .survey-result-mini-dial-progress {
    stroke-linecap: butt;
    stroke: var(--reporting-portal-bluegray-strong);
}

.reporting-portal-host .survey-result-mini-dial.dial-green .survey-result-mini-dial-progress { stroke: var(--tg-green); }
.reporting-portal-host .survey-result-mini-dial.dial-orange .survey-result-mini-dial-progress { stroke: var(--reporting-portal-warning); }
.reporting-portal-host .survey-result-mini-dial.dial-red .survey-result-mini-dial-progress { stroke: var(--tg-red); }

.reporting-portal-host .survey-result-mini-dial-value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    color: var(--tg-bluegray);
    pointer-events: none;
}

/* ── Bar chart (choice / scale answers) ───────────────────── */

.reporting-portal-host .survey-result-bar-chart {
    width: 100%;
}

.reporting-portal-host .survey-result-bar-chart.is-scale {
    display: flex;
    gap: 1em;
}

.reporting-portal-host .survey-result-scale-labels {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.8em;
    color: var(--reporting-portal-colour-7a8591);
    min-width: 5em;
    text-align: right;
    padding: 0.25em 0;
}

.reporting-portal-host .survey-result-bar-chart-series {
    display: flex;
    flex-direction: column;
    gap: 0.4em;
    flex: 1;
}

.reporting-portal-host .survey-result-bar {
    display: flex;
    flex-direction: column;
    gap: 0.15em;
}

.reporting-portal-host .survey-result-bar-label {
    font-size: 0.8em;
    color: var(--reporting-portal-colour-3d4a58);
}

.reporting-portal-host .survey-result-bar-track {
    display: flex;
    align-items: center;
    gap: 0.5em;
    border-radius: 0.2em;
    height: 1.4em;
    position: relative;
    background: transparent;
}

.reporting-portal-host .survey-result-bar-fill {
    height: 100%;
    border-radius: 0.2em;
    min-width: 0.15em;
    flex-shrink: 0;
    transition: width 0.4s ease;
}

.reporting-portal-host .survey-result-bar-value {
    font-size: 0.78em;
    color: var(--tg-bluegray);
    white-space: nowrap;
    flex-shrink: 0;
}

.reporting-portal-host .survey-result-bar-axis {
    display: flex;
    justify-content: space-between;
    font-size: 0.72em;
    color: var(--reporting-portal-colour-9aa5b1);
    margin-top: 0.4em;
}

/* Legacy scale chart layout (ported from the React question-type renderer) */
.reporting-portal-host .optionContainer {
    margin-top: 0.5em;
}

.reporting-portal-host .bar_chart {
    position: relative;
    width: 100%;
    padding: 0 2.8em 0 1.5em;
}

.reporting-portal-host .bar_chart.isScale {
    padding-left: 0;
}

.reporting-portal-host .bar_chart_series {
    display: flex;
    flex-direction: column;
    width: 90%;
}

.reporting-portal-host .bar_chart_series_data {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0.1em 0 0.5em 0;
    background-image: linear-gradient(to right, var(--tg-grey-border) 0, var(--tg-grey-border) 0.12em, transparent 0.12em);
    background-size: 10% 100%;
    background-repeat: repeat-x;
    border-right: 0.12em solid var(--tg-grey-border);
}

.reporting-portal-host .bar_chart_series_data:first-child {
    padding-top: 0.5em;
}

.reporting-portal-host .bar_chart_series_data:last-child {
    padding-bottom: 0.7em;
}

.reporting-portal-host .bar_chart_series_data.isScale {
    padding-bottom: 1em;
}

.reporting-portal-host .bar_chart_series_data.isScale .bar_chart_series_title {
    position: absolute;
    left: -1.8em;
    line-height: 2em;
}

.reporting-portal-host .bar_chart_series_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reporting-portal-host .bar_chart_series_title span {
    margin-left: 0.4em;
    display: inline;
    padding: 0.2em 0 2em;
    line-height: 1.7em;
}

.reporting-portal-host .bar_chart_series_value {
    white-space: nowrap;
    background: var(--tg-grey-border);
    min-width: 0.5%;
    z-index: 10;
    display: flex;
    justify-content: end;
    line-height: 2em;
}

.reporting-portal-host .bar_chart_series_value.animate {
    width: 0;
    animation: reporting-portal-grow-bar 1.5s ease forwards;
}

.reporting-portal-host .bar_chart_series_value > span {
    width: 0;
    margin-right: -0.5em;
}

.reporting-portal-host .bar_chart_series_value > span span {
    font-weight: 600;
}

.reporting-portal-host .bar_chart_scale {
    display: flex;
}

.reporting-portal-host .bar_chart_scale > div:first-child {
    width: 7em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5em 0 2.4em 0;
}

.reporting-portal-host .bar_chart_scale > div:first-child > div {
    line-height: 1em;
    height: 2.063em;
    width: 75%;
    display: flex;
    align-items: center;
}

.reporting-portal-host .bar_chart_scale > div:first-child > div.reporting-portal-scale-axis-label.truncate {
    overflow: clip;
    display: block;
    line-clamp: 2;
    block-ellipsis: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reporting-portal-host .bar_chart_scale > div:last-child {
    flex: 1;
}

.reporting-portal-host .bar_chart_series_axis_values {
    display: flex;
    justify-content: space-between;
    padding-top: 0.4em;
}

.reporting-portal-host .bar_chart_series_axis_values > div {
    width: 2em;
    text-align: center;
}

.reporting-portal-host .bar_chart_series_axis_values > div:first-child {
    margin-left: -0.8em;
}

.reporting-portal-host .bar_chart_series_axis_values > div:last-child {
    margin-right: -1.2em;
}

@keyframes reporting-portal-grow-bar {
    to {
        width: var(--bar-width);
    }
}

/* ── Likert table ──────────────────────────────────────────── */

.reporting-portal-host .survey-result-likert-wrapper {
    overflow-x: auto;
}

.reporting-portal-host .survey-result-likert-table {
    margin-bottom: 0 !important;
    font-size: 1em;
}

.reporting-portal-host .survey-result-likert-table th {
    text-align: center;
    vertical-align: middle;
}

.reporting-portal-host .survey-result-likert-results-table th {
    font-weight: 400;
}

.reporting-portal-host .survey-result-likert-statement {
    color: var(--tg-bluegray);
    white-space: normal;
}

.reporting-portal-host .survey-result-likert-value-cell {
    text-align: center;
    vertical-align: middle;
}

.reporting-portal-host .survey-result-likert-value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.7em;
    color: var(--tg-bluegray);
    line-height: 1;
}

.reporting-portal-host .survey-result-likert-value::after {
    content: '%';
    font-size: 0.8em;
}

.reporting-portal-host .survey-result-likert-no-response-header {
    color: var(--tg-grey-mid);
}

/* ── Text answers ──────────────────────────────────────────── */

.reporting-portal-host .survey-result-text-answers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4em;
}

.reporting-portal-host .survey-result-text-answer {
    padding: 0.5em 0.75em;
    background: var(--reporting-portal-colour-f7f8fa);
    border-left: 0.2em solid var(--reporting-portal-colour-d0d5dd);
    border-radius: 0 0.25em 0.25em 0;
    font-size: 0.88em;
    color: var(--reporting-portal-colour-3d4a58);
}

.reporting-portal-host .survey-result-text-question {
    display: flex;
    flex-direction: column;
}

.reporting-portal-host .survey-result-text-content {
    position: relative;
    min-height: 4.5em;
}

.reporting-portal-host .survey-result-text-content > .reporting-portal-loading-overlay {
    top: 0.25rem;
    background: color-mix(in srgb, var(--tblr-light) 82%, transparent);
    animation: reporting-portal-survey-text-overlay-fade-in 180ms ease-out;
}

@keyframes reporting-portal-survey-text-overlay-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.reporting-portal-host .survey-result-text-filter-count-shell {
    min-height: 1.5em;
}

.reporting-portal-host .survey-result-text-question-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    row-gap: 0.75em;
}

.reporting-portal-host .survey-result-text-question-header > .survey-result-text-question-header-title {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
}

.reporting-portal-host .survey-result-text-question-header > .survey-result-text-question-header-search {
    flex: 0 1 30em;
    width: 30em;
    min-width: 0;
    max-width: 30em;
    margin-left: auto;
}

.reporting-portal-host .survey-result-text-tab-titles {
    min-height: 2em;
    align-items: center;
}

.reporting-portal-host .survey-result-text-search {
    width: 100%;
}

.reporting-portal-host .survey-result-text-search-shell {
    width: 100%;
}

.reporting-portal-host .survey-result-text-search-shell .form-control {
    min-width: 0;
    padding: 0.35em 0.6em;
    font-size: 1em;
}

.reporting-portal-host .survey-result-text-search-shell .input-group-text {
    padding: 0.35em 0.6em 0.35em 0 !important;
    font-size: 1em;
}

.reporting-portal-host .survey-result-text-tab-title {
    margin: 0;
}

.reporting-portal-host .survey-result-text-submitter-list {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-top: 1em;
    min-height: 4.5em;
    max-height: 25em;
    overflow-y: auto;
}

.reporting-portal-host .survey-result-text-submitter-list.survey-result-text-submitter-list-has-scrollbar {
    padding-right: 1.2em;
}

.reporting-portal-host .survey-result-text-submitter-card {
    width: 100%;
    height: auto;
    border: 0.0625rem solid var(--tblr-border-color);
    border-radius: 0.5em;
    padding: 1em;
}

.reporting-portal-host .survey-result-text-submitter-card.has-conversation {
    padding-bottom: 1.75em;
}

.reporting-portal-host .survey-result-text-submitter-card .reporting-portal-comment-text {
    height: auto;
    min-height: 0;
    margin-top: 0;
    padding-bottom: 0;
    font-weight: normal !important;
}

.reporting-portal-host .survey-result-text-start-conversation {
    position: absolute;
    right: 0.4em;
    bottom: 0.2em;
}

.reporting-portal-host .survey-result-text-start-conversation a {
    opacity: 0;
    color: var(--tblr-link-hover-color-rgb);
    text-decoration: none;
    transition: opacity 140ms ease, color 140ms ease;
}

.reporting-portal-host .survey-result-text-submitter-card:hover .survey-result-text-start-conversation a {
    opacity: 0.5;
}

.reporting-portal-host .survey-result-text-submitter-card:focus-within .survey-result-text-start-conversation a {
    opacity: 1;
}

.reporting-portal-host .survey-result-text-start-conversation a:hover,
.reporting-portal-host .survey-result-text-start-conversation a:focus-visible {
    color: var(--tg-grey-dark);
    opacity: 0.6 !important;
}

.reporting-portal-host .survey-result-text-key-phrase-grid {
    margin-top: 0;
}

.reporting-portal-host .survey-result-text-key-phrase-card {
    cursor: pointer;
}

.reporting-portal-host .survey-result-text-key-phrase-card:hover {
    background-color: color-mix(in srgb, var(--tg-grey-mid) 12%, var(--tg-white));
}

@media (max-width: 640px) {
    .reporting-portal-host .survey-result-text-start-conversation a {
        opacity: 0.8;
    }
}

.reporting-portal-host .survey-result-no-data {
    font-size: 0.9em;
    color: var(--reporting-portal-colour-9aa5b1);
    font-style: italic;
    min-height: 4.5em;
}

.reporting-portal-host .dashboard .metric-change-wrapper .change-value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    margin-top: 0.6em;
    font-size: 2.5em;
}

.reporting-portal-host .dashboard .metric-change-wrapper .change-value.dash {
    opacity: 0.5;
}

.reporting-portal-host .dashboard .metric-change-wrapper .change-value span {
    font-weight: normal;
}

.reporting-portal-host .dashboard .metric-change-wrapper .change-positive {
    color: var(--tg-green);
}

.reporting-portal-host .dashboard .metric-change-wrapper .change-negative {
    color: var(--tg-red);
}

.reporting-portal-host .dashboard .metric-change-wrapper .change-neutral {
    color: var(--reporting-portal-bluegray-strong);
}

.reporting-portal-host .dashboard .metric-spread-wrapper {
    margin-top: 0.51em;
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread {
    height: 40%;
    max-height: 5em;
    margin-top: 0.8em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread .slot {
    min-height: 1px;
    width: 0.25em;
    height: 0;
    margin: 0 0.08em;
    transition: height 1.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.reporting-portal-host.reporting-portal-metrics-ready .dashboard .metric-spread-wrapper .metric-spread .slot {
    height: var(--spread-height);
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread .slot-poor {
    background-color: var(--tg-red);
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread .slot-poor-to-average {
    background-color: var(--reporting-portal-colour-ef814b);
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread .slot-average {
    background-color: var(--reporting-portal-warning);
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread .slot-average-to-good {
    background-color: var(--reporting-portal-olive);
}

.reporting-portal-host .dashboard .metric-spread-wrapper .metric-spread .slot-good {
    background-color: var(--tg-green);
}

.reporting-portal-host .dashboard .reporting-portal-fewer-submissions-warning {
    position: absolute !important;
    right: 1em;
    bottom: 0.5em;
    color: var(--tg-bluegray);
    z-index: 2;
}

.reporting-portal-host .dashboard .reporting-portal-fewer-submissions-warning.narrow {
    bottom: 0.3em;
    font-size: 0.865em;
}

.reporting-portal-host .dashboard .summary .summary-row {
    margin: 0 0.88em;
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reporting-portal-host .dashboard .summary .summary-row.summary-row-center {
    justify-content: center;
}


.reporting-portal-host .dashboard .summary .summary-row.bottom-border {
    border-bottom: 1px solid var(--reporting-portal-surface-muted);
}

.reporting-portal-host .dashboard .summary .summary-row .title {
    font-weight: bold;
    white-space: nowrap;
}

.reporting-portal-host .dashboard .summary .summary-row .value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.5em;
}

.reporting-portal-host .dashboard .summary .summary-row .value.dial-green {
    color: var(--tg-green);
}

.reporting-portal-host .dashboard .summary .summary-row .value.dial-orange {
    color: var(--reporting-portal-warning);
}

.reporting-portal-host .dashboard .summary .summary-row .value.dial-red {
    color: var(--tg-red);
}

.reporting-portal-host .dashboard .summary.summary-expanded .summary-row {
    height: 20%;
}

.reporting-portal-host .dashboard .summary.vertical .summary-row {
    height: 16.5%;
    font-size: 0.8em !important;
}

.reporting-portal-host .dashboard .summary.vertical.summary-expanded .summary-row {
    height: 21.5%;
}

.reporting-portal-change-positive,
.reporting-portal-change-negative,
.reporting-portal-change-neutral {
    margin-left: 0.3em;
    font-size: 0.75em;
}

.reporting-portal-change-positive {
    color: var(--reporting-portal-colour-2fb344);
}

.reporting-portal-change-negative {
    color: var(--reporting-portal-colour-d63939);
}

.reporting-portal-change-neutral {
    color: var(--reporting-portal-text-subtle);
}


.reporting-portal-host .reporting-portal-metric-tab {
    min-height: 0;
}

.reporting-portal-host .reporting-portal-metric-panels {
    display: grid;
    grid-template-columns: 24.8% 25.2% 50%;
    grid-template-rows: 1fr 1fr;
    gap: 0.5em;
    min-height: 0;
    color: var(--tg-bluegray);
}

/* Each grid cell is a white card with drop-shadow (legacy @include meeting-panel),
   so the inner content (metric tile, grey comment tiles) reads as separate panels. */
.reporting-portal-host .reporting-portal-metric-panels > div {
    background: var(--tg-white);
    box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.reporting-portal-host .reporting-portal-metric-panels > .info-panel {
    grid-column: 1;
    grid-row: 1 / span 2;
    min-width: 0;
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-metric-summary-panel {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.reporting-portal-host .reporting-portal-metric-timeline-panel {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
}

.reporting-portal-host .reporting-portal-metric-comments-panel {
    grid-column: 3;
    grid-row: 1 / span 2;
    min-width: 0;
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-metric-comments-panel .reporting-portal-key-phrase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reporting-portal-host .reporting-portal-selected-metric-shell {
    height: 100%;
}

/* The selected-metric card reuses the dashboard tile styling (donut, comparison,
   spread, colours). The summary grid cell already provides the white card +
   shadow, so the inner tile fills it with no extra margin/shadow. */
.reporting-portal-host .reporting-portal-selected-metric-shell .dash-panel.reporting-portal-selected-metric {
    margin: 0;
    height: 100%;
    box-shadow: none;
    cursor: default;
}

/* The locked state in the single-metric panel uses flexbox centering instead of
   the percentage-of-width padding-top used by the square dashboard tiles, since
   the single-metric panel has a different aspect ratio. */
.reporting-portal-host .reporting-portal-selected-metric-shell .dash-panel .metric-locked-layout {
    position: absolute;
    inset: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    pointer-events: none;
}

.reporting-portal-host .reporting-portal-selected-metric-shell .dash-panel .locked {
    position: static;
    padding-top: 0;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reporting-portal-host .reporting-portal-selected-metric-shell .dash-panel .locked.noHeader {
    padding-top: 0;
}

.reporting-portal-host .reporting-portal-selected-metric-shell .dash-panel .locked > div {
    margin-top: 1em;
}

.reporting-portal-host .reporting-portal-selected-metric-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1em;
    color: var(--tg-bluegray);
}

.reporting-portal-metric-copy {
    min-width: 0;
    height: 100%;
    padding: 1.5em 2em;
    color: var(--reporting-portal-text-slate);
    overflow-y: auto;
}

.reporting-portal-host .reporting-portal-metric-copy h2,
.reporting-portal-host .reporting-portal-metric-panel-title {
    margin: 0 0 0.8em;
    font-family: BebasNeue, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: -0.012em;
    color: var(--tg-bluegray);
}

.reporting-portal-metric-copy p {
    margin: 0 0 0.75em;
}

.reporting-portal-metric-copy p:last-child {
    margin-bottom: 0;
}

.reporting-portal-metric-anchors {
    margin: 0.75em 0;
    padding-left: 1.25em;
}

.reporting-portal-metric-anchors li {
    margin-bottom: 0.35em;
}

.reporting-portal-host .reporting-portal-metric-timeline-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 1.5em 1.1em 2em 0.7em;
}

.reporting-portal-host .reporting-portal-main-timeline-shell {
    gap: 1em;
    padding-right: 2em;
    padding-left: 2em;
}

.reporting-portal-host .reporting-portal-metric-timeline-shell h2 {
    text-align: center;
}

.reporting-portal-main-timeline-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    flex-wrap: wrap;
}

.reporting-portal-main-timeline-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1em;
    margin-left: auto;
}

.reporting-portal-timeline-summary-wrapper {
    display: inline-block;
    width: 20em;
    height: 2.5em;
    border-radius: 0.5em;
    background: var(--reporting-portal-colour-f1f1f3);
}

.reporting-portal-timeline-summary-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 0.25em 1em;
    line-height: 0.9em;
}

.reporting-portal-timeline-summary-divider {
    width: 0.0625em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background: var(--tg-bluegray);
}

.reporting-portal-timeline-summary-item {
    text-align: center;
}

.reporting-portal-timeline-summary-header {
    font-size: 0.8em;
}

.reporting-portal-timeline-summary-value {
    font-weight: 700;
}

.reporting-portal-timeline-shell-panel {
    height: 100%;
}

.reporting-portal-timeline-annotations-button {
    width: auto;
    padding: 0.5em 0.8em;
    border: 0.0625em solid var(--reporting-portal-colour-d6dbe3);
    border-radius: 0.3em;
    background: var(--tg-white);
    color: var(--reporting-portal-colour-212529);
    font-weight: 400;
    flex: 0 0 auto;
}

.reporting-portal-timeline-annotations-button:hover:not(:disabled),
.reporting-portal-timeline-annotations-button:focus-visible {
    background: rgba(255, 255, 255, 0.5);
    border-color: var(--reporting-portal-colour-d6dbe3);
    color: var(--reporting-portal-colour-212529);
}

.reporting-portal-timeline-annotations-button .reporting-portal-actions-add-icon {
    width: auto;
    height: auto;
    margin-right: 0.6em;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: 1em;
}

.reporting-portal-host .reporting-portal-metric-timeline-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.reporting-portal-host .reporting-portal-metric-timeline-chart-shell {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.reporting-portal-host .reporting-portal-metric-timeline-chart {
    width: 100%;
    min-width: 0;
    height: 100%;
}

.reporting-portal-host .reporting-portal-metric-timeline-chart-overlay {
    border-radius: 0.5rem;
}

.reporting-portal-host .reporting-portal-metric-timeline-chart .highcharts-container {
    margin: 0 auto;
}

.reporting-portal-host .reporting-portal-metric-timeline-placeholder {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    min-height: 10em;
    border: 1px dashed var(--reporting-portal-colour-d0d7de);
    border-radius: 0.25em;
    background: var(--reporting-portal-colour-f8fafc);
    color: var(--reporting-portal-text-subtle);
    text-align: center;
}

@media (max-width: 640px) {
    .reporting-portal-main-timeline-header {
        align-items: stretch;
    }

    .reporting-portal-main-timeline-header-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .reporting-portal-timeline-summary-wrapper {
        width: 100%;
        margin-right: 0;
    }

    .reporting-portal-timeline-annotations-button {
        width: 100%;
    }
}

.reporting-portal-host .reporting-portal-metric-timeline-placeholder p {
    max-width: 24em;
    margin: 0;
}

.reporting-portal-host .reporting-portal-loading-surface {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 10em;
    width: 100%;
    border-radius: 0.25em;
    background: var(--reporting-portal-colour-f8fafc);
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-activity-loading-surface {
    min-height: 18em;
}

.reporting-portal-host .reporting-portal-activity-tab {
    position: relative;
    overflow: hidden;
    padding: 1em 2%;
    font-family: "Source Sans 3 VF", "Source Sans 3", Arial, sans-serif;
}

.reporting-portal-activity-panel {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.reporting-portal-activity-grid {
    display: grid;
    grid-auto-flow: row;
    /* Keep equal card heights by locking implicit rows to 1fr tracks. */
    grid-auto-rows: minmax(0, 1fr);
    /* Legacy activity panel sizing: wider cards with runway gutters and snap peeks. */
    grid-template-columns: 0.9% repeat(7, 23.2em) 1.5%;
    gap: 1em;
    width: 104%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    margin-left: -2%;
    margin-right: -2%;
    padding: 0;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 2%;
    position: relative;
}

.reporting-portal-activity-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--tg-white);
    box-shadow: rgba(0, 0, 0, 0.1) 0.159722rem 0.159722rem 0.159722rem 0;
    scroll-snap-align: start;
}

.reporting-portal-activity-grid-padding {
    grid-row: span 2 / 1;
}

.reporting-portal-activity-grid-padding-right {
    grid-column-start: 9;
}

.reporting-portal-activity-grid-additional-column {
    /* Legacy extra-column activity sizing. */
    grid-template-columns: 0.9% repeat(8, 22.2em) 1.5%;
}

.reporting-portal-activity-grid-additional-column .reporting-portal-activity-grid-padding-right {
    grid-column-start: 10;
}

.reporting-portal-activity-grid-spacer {
    min-height: 1px;
}

.reporting-portal-activity-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 0.76667em;
}

.reporting-portal-activity-card-header h2 {
    height: 1.1em;
    margin: 0.51em 0 0;
    padding-bottom: 0.5em;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.03125em;
    line-height: 0.8785em;
}

.reporting-portal-activity-summary {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0.4em 0.8em;
    border-radius: 0.3125em;
    background: var(--tg-grey-comment);
    color: var(--tg-bluegray);
    text-align: center;
    line-height: 1em;
    font-size: 0.8em;
}

.reporting-portal-activity-summary span {
    display: block;
    margin-bottom: 0.3em;
    color: inherit;
    font-size: 1em;
    text-transform: uppercase;
}

.reporting-portal-activity-summary strong {
    display: inline;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    font-weight: 700;
}

.reporting-activity-chart-host {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    padding: 0 0.6em;
    overflow: hidden;
}

.reporting-activity-chart-host .highcharts-container,
.reporting-activity-chart-host .highcharts-root {
    overflow: hidden !important;
}

.reporting-activity-chart-host .highcharts-tooltip text,
.reporting-activity-chart-host .highcharts-tooltip tspan {
    fill: var(--tg-white) !important;
}

.reporting-activity-chart-host .highcharts-tooltip-box {
    fill: var(--reporting-portal-colour-333333);
    stroke: none;
}

.reporting-portal-activity-scroll-arrow {
    position: absolute;
    top: 45%;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.8em;
    height: 0.8em;
    border: 0;
    border-radius: 50%;
    background: var(--tg-bluegray);
    color: var(--reporting-portal-colour-d9d9d9);
    font-size: 5em;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    pointer-events: auto;
    transition: 0.5s;
}

.reporting-portal-activity-scroll-arrow.show {
    opacity: 0.3;
    visibility: visible;
}

.reporting-portal-activity-scroll-arrow i {
    font-size: 0.5em;
    line-height: 1;
}

.reporting-portal-activity-scroll-arrow:hover,
.reporting-portal-activity-scroll-arrow:focus-visible {
    opacity: 0.55;
}

.reporting-portal-activity-scroll-arrow-back {
    left: 0.2%;
}

.reporting-portal-activity-scroll-arrow-forward {
    right: 0.2%;
}

.reporting-portal-activity-tab-scroll-arrow-back {
    left: -1.8%;
}

.reporting-portal-activity-tab-scroll-arrow-forward {
    right: -1.8%;
}

@media (hover: none), (pointer: coarse) {
    /* Hide hold-to-scroll arrows for touch/coarse pointers; horizontal swipe remains available. */
    .reporting-portal-activity-scroll-arrow {
        display: none;
    }
}

.reporting-portal-host .reporting-portal-metric-comments-panel .reporting-portal-comments {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    padding: 1.5em 2em 2em;
    box-sizing: border-box;
    overflow-y: auto;
}

/* Narrower comments column in the metric view -> two card columns (legacy mini-layout). */
.reporting-portal-host .reporting-portal-metric-comments-panel .reporting-portal-comment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reporting-portal-metric-spread {
    display: flex;
    min-height: 2.5em;
    margin-top: 1em;
    overflow: hidden;
    border-radius: 0.25em;
}

.reporting-portal-metric-spread span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2em;
    background: var(--reporting-portal-colour-eef1f5);
    border-right: 1px solid var(--tg-white);
    color: var(--reporting-portal-text-slate);
    font-size: 0.875em;
    font-weight: 600;
}

.reporting-portal-metric-spread span:last-child {
    border-right: 0;
}

.reporting-portal-survey-options {
    margin-top: 1.25em;
}

.reporting-portal-survey-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
    gap: 0.75em;
    margin-top: 1em;
}

.reporting-portal-survey-list button {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25em;
    min-height: 4em;
    padding: 1em;
    background: var(--tg-white);
    border: 1px solid var(--reporting-portal-surface-soft);
    border-radius: 0.25em;
    color: var(--reporting-portal-text-strong);
    text-align: left;
}

.reporting-portal-survey-list button:hover,
.reporting-portal-survey-list button:focus-visible,
.reporting-portal-survey-list button.selected {
    border-color: var(--reporting-portal-colour-206bc4);
    outline: 0;
}

.reporting-portal-survey-name {
    font-weight: 600;
}

.reporting-portal-survey-meta {
    color: var(--reporting-portal-text-subtle);
    font-size: 0.875em;
}

.reporting-portal-empty-state {
    margin-top: 1em;
    padding: 2em;
    background: var(--tg-white);
    border: 1px solid var(--reporting-portal-surface-soft);
    border-radius: 0.25em;
    color: var(--reporting-portal-text-subtle);
    text-align: center;
}

.reporting-portal-session-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-top: 1em;
    padding: 0.75em 1em;
    text-align: center;
}

.reporting-portal-connection-error {
    position: absolute;
    inset: 0;
    z-index: 4300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em;
    background: var(--reporting-portal-surface-hover);
    color: var(--tg-bluegray);
    text-align: center;
}

.reporting-portal-connection-error-content {
    max-width: 28em;
}

.reporting-portal-connection-error-content i {
    font-size: 3em;
    color: var(--tg-red);
}

.reporting-portal-connection-error-content h2 {
    margin: 0.5em 0 0.25em;
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.8em;
    letter-spacing: -0.012em;
    color: var(--tg-bluegray);
}

.reporting-portal-connection-error-content p {
    margin: 0 0 1.25em;
}

.reporting-portal-connection-error-content .btn-primary {
    background-color: var(--tg-orange);
    border-color: var(--tg-orange);
    color: var(--tg-white);
}

.reporting-portal-connection-error-content .btn-primary:hover,
.reporting-portal-connection-error-content .btn-primary:focus {
    background-color: var(--reporting-portal-primary-hover);
    border-color: var(--reporting-portal-primary-hover);
    color: var(--tg-white);
}

.reporting-portal-shared-results-overlay {
    position: absolute;
    inset: 0;
    z-index: 4200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em;
    background: rgba(35, 39, 45, 0.55);
    backdrop-filter: blur(0.08em);
}

.reporting-portal-shared-results-dialog {
    width: min(32em, 100%);
    padding: 2em;
    background: var(--tg-grey-dark);
    color: var(--tg-white);
    box-shadow: 0.25em 0.25em 0.75em rgba(0, 0, 0, 0.35);
    text-align: center;
}

.reporting-portal-shared-results-dialog-wide {
    width: min(34em, 100%);
}

.reporting-portal-shared-results-dialog-intro {
    width: min(30em, 100%);
}

.reporting-portal-shared-results-dialog h2 {
    margin: 0 0 0.5em;
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 2.1em;
    line-height: 1.05;
    letter-spacing: -0.012em;
    color: var(--tg-orange);
}

.reporting-portal-shared-results-dialog h2 span {
    color: var(--tg-white);
}

.reporting-portal-shared-results-dialog p {
    margin: 0 0 1em;
    line-height: 1.5;
}

.reporting-portal-shared-results-message {
    margin: 1.5em 0;
    white-space: pre-wrap;
    text-align: left;
    line-height: 1.5;
}

.reporting-portal-shared-results-actions {
    display: flex;
    justify-content: center;
    gap: 1em;
    margin-top: 1.5em;
}

.reporting-portal-shared-results-actions .btn-primary,
.reporting-portal-shared-results-actions .btn-success {
    min-width: 10em;
}

.reporting-portal-shared-results-learn-more {
    margin-top: 1em;
}

.reporting-portal-shared-results-learn-more a {
    color: var(--tg-white);
    text-decoration: underline;
}

.reporting-portal-shared-comments-tab .reporting-portal-shell-panel {
    height: 100%;
    padding: 1.5em 2em 2em;
    background: var(--tg-white);
    overflow-y: auto;
}

.reporting-portal-shared-comments-tab .reporting-portal-comments {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.reporting-portal-shared-comments-tab .reporting-portal-comment-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reporting-portal-shell-footer {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    padding: 1em 2em;
    background: var(--tg-white);
    border-top: 1px solid var(--reporting-portal-surface-soft);
    color: var(--reporting-portal-text-slate);
}

@media (max-width: 40em) {
    .reporting-portal-shell-content {
        padding: 1em;
    }

    .reporting-portal-shell-footer {
        flex-direction: column;
        padding: 1em;
    }

    .reporting-portal-shared-comments-tab .reporting-portal-shell-panel {
        padding: 1em;
    }

    .reporting-portal-shared-comments-tab .reporting-portal-comment-grid {
        grid-template-columns: 1fr;
    }

    .reporting-portal-host .reporting-portal-metric-panels {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .reporting-portal-host .reporting-portal-metric-panels > .info-panel,
    .reporting-portal-host .reporting-portal-metric-summary-panel,
    .reporting-portal-host .reporting-portal-metric-timeline-panel,
    .reporting-portal-host .reporting-portal-metric-comments-panel {
        grid-column: auto;
        grid-row: auto;
    }
}

/* =============================================
   Survey summary panel (left panel, Surveys tab)
   ============================================= */

.reporting-portal-host .results-content .surveys-panel.summary {
    display: flex;
    flex-direction: column;
    padding: 0.5em 0;
}

.reporting-portal-host .results-content .dashboard.survey-summary-dashboard {
    padding: 0 !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-survey-summary-loading-indicator {
    flex: 1 1 auto;
    width: 100%;
    min-height: 16em;
    justify-content: center;
    align-items: center;
}

.reporting-portal-host .reporting-portal-survey-results-panel .reporting-portal-survey-results-loading-status {
    justify-content: center;
    text-align: center;
    border-top: 0;
    padding-top: 0;
    margin-top: 2rem;
}

.reporting-portal-host .results-content .surveys-panel.summary .survey-summary-header {
    line-height: 2em;
    margin: 0 0.4em 0.3em 0;
    padding: 0 1.2em;
}

.reporting-portal-host .results-content .surveys-panel.summary .survey-summary-header .dash-panel-header {
    height: auto !important;
    padding: 0 0 0.2em !important;
    font-size: 2em !important;
    word-break: break-word;
}

.reporting-portal-host .results-content .surveys-panel.summary .survey-summary-header.survey-summary-header-smaller {
    line-height: 1.6em;
}

.reporting-portal-host .results-content .surveys-panel.summary .survey-summary-header.survey-summary-header-smaller .dash-panel-header {
    font-size: 1.6em !important;
}

.reporting-portal-host .results-content .survey-summary-actions {
    display: flex;
    justify-content: center;
    gap: 0.5em;
    padding: 0.25em 1em 0.5em;
}

.reporting-portal-host .results-content .survey-summary-actions .btn {
    font-size: 0.8em;
    padding: 0.2em 0.75em;
    color: var(--tg-bluegray);
    border-color: var(--reporting-portal-neutral-300);
    background: transparent;
}

.reporting-portal-host .results-content .survey-summary-actions .btn:hover {
    color: var(--reporting-portal-black);
    border-color: var(--reporting-portal-colour-999);
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDial {
    height: 13em;
    margin-top: 1em;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDial.hidden {
    position: absolute;
    z-index: -1;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDial > div {
    height: 100% !important;
    left: -0.7em;
    position: relative;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDial .metric-dial-wrapper {
    width: 13.5em !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDial .slot {
    min-height: 0.12em !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDialPlacement.noComparison {
    grid-template-rows: 20% 80% !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDialPlacement.noComparison .metric-spread-wrapper {
    margin-top: 0.3em !important;
    margin-left: 0.7em !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDialPlacement.noComparison .metric-spread {
    height: 40% !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryDialPlacement.noComparison > div::before {
    border-top: none !important;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryLocked {
    height: 13em;
    margin-top: 1em;
    padding-top: 2em;
    color: var(--reporting-portal-border-muted);
    text-align: center;
}

.reporting-portal-host .results-content .surveys-panel.summary .summaryLocked > div {
    margin-top: 1.5em;
    font-weight: bold;
}

.reporting-portal-host .results-content .surveys-panel.summary .summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85em 1.2em;
    font-size: 1em;
}

.reporting-portal-host .results-content .surveys-panel.summary .summary-row.bottom-border {
    border-bottom: 1px solid var(--reporting-portal-colour-e0e3e8);
}

.reporting-portal-host .results-content .surveys-panel.summary .summary-row .title {
    font-weight: bold;
}

.reporting-portal-host .results-content .surveys-panel.summary .summary-row .value {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1.5em;
}

.reporting-portal-host .results-content .surveys-panel.summary .summary-row.survey-open-row .value {
    font-size: 1.1em;
}

.reporting-portal-host .results-content .surveys-panel.summary .summary-row .value .reporting-portal-change-negative {
    color: var(--reporting-portal-colour-d63939);
    font-size: 1em;
    margin-left: 0;
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-dial.dial-green .reporting-portal-dial-progress {
    stroke: var(--tg-green);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-dial.dial-orange .reporting-portal-dial-progress {
    stroke: var(--reporting-portal-warning);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-dial.dial-red .reporting-portal-dial-progress {
    stroke: var(--tg-red);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-dial.dial-default .reporting-portal-dial-progress {
    stroke: var(--reporting-portal-bluegray-strong);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-sidekick-switch-button {
    display: inline-block;
    width: 2.5em;
    height: 1.25em;
    border-radius: 0.625em;
    background: var(--reporting-portal-neutral-300);
    border: 0;
    position: relative;
    cursor: pointer;
    transition: background 0.2s;
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-sidekick-switch-button.is-checked {
    background: var(--tg-green);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-sidekick-switch-button::after {
    content: "";
    position: absolute;
    top: 0.125em;
    left: 0.125em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: var(--tg-white);
    transition: transform 0.2s;
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-sidekick-switch-button.is-checked::after {
    transform: translateX(1.25em);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-sidekick-switch-button:disabled {
    opacity: 0.5;
    cursor: default;
}

/* Spread slots for survey (score 0-100) — match Huddle's spread palette */
.reporting-portal-host .results-content .surveys-panel.summary .metric-spread .slot-poor { background-color: var(--tg-red); }
.reporting-portal-host .results-content .surveys-panel.summary .metric-spread .slot-poor-to-average { background-color: var(--reporting-portal-colour-ef814b); }
.reporting-portal-host .results-content .surveys-panel.summary .metric-spread .slot-average-to-good { background-color: var(--reporting-portal-olive); }
.reporting-portal-host .results-content .surveys-panel.summary .metric-spread .slot-good { background-color: var(--tg-green); }

.reporting-portal-host .results-content .surveys-panel.summary .metric-change-wrapper {
    margin-top: 0.25em;
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-change-negative,
.reporting-portal-host .results-content .surveys-panel.summary .change-value .change-negative {
    color: var(--tg-red);
}

.reporting-portal-host .results-content .surveys-panel.summary .reporting-portal-change-positive,
.reporting-portal-host .results-content .surveys-panel.summary .change-value .change-positive {
    color: var(--tg-green);
}

/* Reporting portal Heatmap grid */
.reporting-portal-host .reporting-portal-heatmap-tab {
    display: grid;
    grid-template-rows: 2em minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-heatmap-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.reporting-portal-host .reporting-portal-heatmap-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;
    min-height: 200px;
    color: var(--reporting-portal-colour-6e7687);
    font-size: 1em;
    font-weight: bold;
}

.reporting-portal-host .reporting-portal-heatmap-panel {
    flex: 1;
    overflow: auto;
    margin: 0.5em 2em 0;
    background: var(--tg-white);
    box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
    color: var(--tg-bluegray);
    width: auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    flex: 1 1 auto;
}

.reporting-portal-host .reporting-portal-heatmap-tab .reporting-portal-heatmap-panel {
    margin-left: 0;
    margin-right: 0;
}

.reporting-portal-host .reporting-portal-heatmap-placeholder,
.reporting-portal-host .reporting-portal-heatmap-loading {
    margin: 0.5em 2em 1em;
    min-height: 12em;
    background: var(--tg-white);
    box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1);
    color: var(--tg-bluegray);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2em;
}

.reporting-portal-host .reporting-portal-heatmap-table {
    background: var(--tg-white);
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
    min-width: 100%;
    font-size: 1em;
}

.reporting-portal-host .reporting-portal-heatmap-header-container {
    position: sticky;
    top: 0;
    z-index: 10;
}

.reporting-portal-host .reporting-portal-heatmap-header-row,
.reporting-portal-host .reporting-portal-heatmap-team-row {
    display: flex;
    align-items: flex-end;
}

.reporting-portal-host .reporting-portal-heatmap-header-row {
    height: 8.5em;
    background: var(--tg-white);
}

.reporting-portal-host .reporting-portal-heatmap-team-row {
    height: 3.4em;
    min-height: 3.4em;
    max-height: 3.4em;
    align-items: center;
    background: var(--tg-white);
}

.reporting-portal-host .reporting-portal-heatmap-table tbody tr:has(td:hover) {
    filter: brightness(96%);
}

.reporting-portal-host .reporting-portal-heatmap-table th,
.reporting-portal-host .reporting-portal-heatmap-table td {
    background-clip: padding-box;
}

.reporting-portal-host .reporting-portal-heatmap-table tbody td {
    border: 1px solid var(--tg-grey-faint);
}

.reporting-portal-host .reporting-portal-heatmap-table tbody td:hover {
    filter: brightness(93%);
}

.reporting-portal-host .reporting-portal-heatmap-table a,
.reporting-portal-host .reporting-portal-heatmap-table a:hover,
.reporting-portal-host .reporting-portal-heatmap-table a:focus {
    text-decoration: none !important;
}

.reporting-portal-host .reporting-portal-heatmap-team-name-header,
.reporting-portal-host .reporting-portal-heatmap-team-name {
    position: sticky;
    left: 0;
    z-index: 4;
    width: 22em;
    min-width: 22em;
    max-width: 22em;
    background: var(--tg-white);
}

.reporting-portal-host .reporting-portal-heatmap-team-name-header {
    height: 100%;
    padding-top: 3em;
    border-right: 1px solid var(--reporting-portal-surface-muted);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.reporting-portal-host .reporting-portal-heatmap-team-name {
    align-self: stretch;
    display: flex;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: var(--reporting-portal-surface-muted);
    cursor: pointer;
}

.reporting-portal-host .reporting-portal-heatmap-team-name:hover,
.reporting-portal-host .reporting-portal-heatmap-team-name:focus-within {
    filter: brightness(93%);
}

.reporting-portal-host .reporting-portal-heatmap-team-name > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.reporting-portal-host .reporting-portal-heatmap-child-indicator {
    margin-right: 0.5em;
    transition: transform 0.2s ease;
}

.reporting-portal-host .reporting-portal-heatmap-child-indicator.expanded {
    transform: rotate(90deg);
}

.reporting-portal-host .reporting-portal-heatmap-child-indicator.hidden {
    opacity: 0;
}

.reporting-portal-host .reporting-portal-heatmap-team-actions {
    max-height: 0;
    overflow: hidden;
    font-size: 0.8em;
    padding-left: 15px;
    transition: max-height 0.2s ease;
}

.reporting-portal-host .reporting-portal-heatmap-team-name:hover .reporting-portal-heatmap-team-actions,
.reporting-portal-host .reporting-portal-heatmap-team-name:focus-within .reporting-portal-heatmap-team-actions {
    max-height: 1.5em;
}

.reporting-portal-host .reporting-portal-heatmap-level-button {
    border: 0;
    background: none;
    padding: 0;
    color: var(--tg-orange);
}

.reporting-portal-host .reporting-portal-heatmap-no-more-levels {
    color: rgba(87, 98, 112, 0.88);
}

.reporting-portal-host .reporting-portal-heatmap-team-actions-divider {
    margin: 0 0.5em;
}

.reporting-portal-host .reporting-portal-heatmap-team-actions a {
    color: var(--tg-orange);
    font-weight: 600;
}

.reporting-portal-host .reporting-portal-heatmap-actions-container {
    display: flex;
    background: var(--reporting-portal-surface-muted);
    overflow: hidden;
    height: 1.65em;
    min-height: 1.65em;
    max-height: 1.65em;
    padding-left: 1em;
}

.reporting-portal-host .reporting-portal-heatmap-team-name-actions {
    position: relative;
    top: -1.65em;
    transition: all 0.2s ease;
    flex: 1;
}

.reporting-portal-host .reporting-portal-heatmap-team-name-actions.sortActive {
    top: 0;
}

.reporting-portal-host .reporting-portal-heatmap-clear-sorting,
.reporting-portal-host .reporting-portal-heatmap-expand-collapse {
    height: 1.65em;
    min-height: 1.65em;
    max-height: 1.65em;
    display: flex;
    align-items: center;
}

.reporting-portal-host .reporting-portal-heatmap-actions-left,
.reporting-portal-host .reporting-portal-heatmap-actions-right {
    display: flex;
    align-items: center;
    gap: 0.4em;
}

.reporting-portal-host .reporting-portal-heatmap-actions-right {
    margin-left: auto;
    margin-right: 0.5em;
}

.reporting-portal-host .reporting-portal-heatmap-actions-container button {
    border: 0;
    background: none;
    padding: 0;
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-heatmap-actions-container button.muted {
    color: var(--reporting-portal-colour-b9b9b9);
}

.reporting-portal-host .reporting-portal-heatmap-toggle-all {
    display: flex;
    align-items: center;
    font-size: 0.9em;
}

.reporting-portal-host .reporting-portal-heatmap-toggle-divider {
    margin: 0 0.5em;
    line-height: 1.65em;
}

.reporting-portal-host .reporting-portal-heatmap-column-header,
.reporting-portal-host .reporting-portal-heatmap-numeric-cell {
    width: 4.5em;
    min-width: 4.5em;
    max-width: 4.5em;
    transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out, max-width 0.3s ease-in-out;
}

.reporting-portal-host .reporting-portal-heatmap-column-header.topicHeader,
.reporting-portal-host .reporting-portal-heatmap-topic-cell {
    width: 11.5em;
    min-width: 11.5em;
    max-width: 11.5em;
}

.reporting-portal-host .reporting-portal-heatmap-team-size,
.reporting-portal-host .reporting-portal-heatmap-team-size-header {
    position: sticky;
    left: 22em;
    z-index: 3;
    width: 6em;
    min-width: 6em;
    max-width: 6em;
    background: var(--tg-white);
}

.reporting-portal-host .reporting-portal-heatmap-team-size {
    box-shadow: 0.2em 0 0.8em rgba(0, 0, 0, 0.1);
    clip-path: inset(0 -15px 0 0);
}

.reporting-portal-host .reporting-portal-heatmap-column-header {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    overflow: visible;
    font-weight: 400;
    background: var(--tg-white);
}

.reporting-portal-host .reporting-portal-heatmap-column-header.hidden,
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.hidden,
.reporting-portal-host .reporting-portal-heatmap-topic-cell.hidden {
    overflow: hidden;
    width: 0;
    min-width: 0;
    max-width: 0;
    border-width: 0;
    padding: 0;
}

.reporting-portal-host .reporting-portal-heatmap-column-label-container {
    transform: rotate(-45deg);
    margin-bottom: 1.1em;
    margin-left: 1.6em;
    font-weight: 600;
    white-space: nowrap;
}

.reporting-portal-host .reporting-portal-heatmap-column-header.topicHeader .reporting-portal-heatmap-column-label-container {
    width: calc(4.5em - 1.6em);
}

.reporting-portal-host .reporting-portal-heatmap-team-size-header .reporting-portal-heatmap-column-label-container {
    transform: none;
    margin: 0 0 0.2em;
    text-align: center;
}

.reporting-portal-host .reporting-portal-heatmap-column-label {
    display: -webkit-box;
    width: 7.3em;
    overflow: hidden;
    text-align: left;
    white-space: normal;
    text-wrap: auto;
    line-height: 1em;
    font-size: 0.95em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.reporting-portal-host .reporting-portal-heatmap-column-header.reporting-portal-heatmap-survey-section-gap-before,
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.reporting-portal-heatmap-survey-section-gap-before {
    margin-left: 0.5em;
}

.reporting-portal-host .reporting-portal-heatmap-team-size-header .reporting-portal-heatmap-column-label {
    width: unset;
    text-align: center;
}

.reporting-portal-host .reporting-portal-heatmap-sort-button {
    width: 100%;
    min-height: 1.65em;
    border: 0;
    background: var(--reporting-portal-surface-muted);
    color: var(--reporting-portal-neutral-400);
    padding: 0;
    transition: border-bottom-width 0.1s ease;
}

.reporting-portal-host .reporting-portal-heatmap-sort-button i {
    margin: 0 0.2em;
    font-size: 0.95em;
}

.reporting-portal-host .reporting-portal-heatmap-sort-button:not(.disabled):not(.reporting-portal-heatmap-sort-button-static):hover,
.reporting-portal-host .reporting-portal-heatmap-sort-button.sortActive {
    border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
    color: var(--reporting-portal-neutral-400);
}

.reporting-portal-host .reporting-portal-heatmap-sort-button-static {
    cursor: default;
}

.reporting-portal-host .reporting-portal-heatmap-numeric-cell {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
}

.reporting-portal-host .reporting-portal-heatmap-numeric-cell:hover {
    filter: brightness(93%);
}

.reporting-portal-host .reporting-portal-heatmap-cell-value-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}

.reporting-portal-host .reporting-portal-heatmap-team-size-container {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tg-bluegray);
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-weight: 400;
    font-size: 1em;
}

.reporting-portal-host .reporting-portal-heatmap-team-size-icon {
    font-size: 0.8em;
}

.reporting-portal-host .reporting-portal-heatmap-comparison-value {
    margin-left: 0.15em;
    font-size: 0.8em;
    line-height: 1;
}

.reporting-portal-host .reporting-portal-heatmap-comparison-icon {
    color: inherit;
    margin-left: 0.3em;
    font-size: 0.4em;
    line-height: 1em;
    font-weight: normal;
}

.reporting-portal-heatmap-tooltip-explanation {
    margin-top: 1em;
}

.reporting-portal-host .reporting-portal-heatmap-recipient-icon {
    margin-right: 0.25em;
    font-size: 0.8em;
}

.reporting-portal-host .reporting-portal-heatmap-numeric-cell.locked {
    background: var(--tg-white);
    color: var(--reporting-portal-colour-b9b9b9);
}

.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundStatic,
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.static,
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.reporting-portal-heatmap-comment-activity {
    background: var(--tg-white);
}

.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundDarkRed { background: var(--reporting-portal-colour-fbb9b9); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundLightRed { background: var(--reporting-portal-colour-ffdbdb); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundRealLightRed { background: var(--reporting-portal-colour-fff8f8); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundRealLightGreen { background: var(--reporting-portal-colour-f0f8f5); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundLightAmber { background: var(--reporting-portal-colour-faf0e1); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundLightGreen { background: var(--reporting-portal-colour-daf2e9); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.backgroundDarkGreen { background: var(--reporting-portal-colour-aeeed4); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.responseRateGood { background: rgba(95, 128, 184, 0.26); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.responseRateAverage { background: rgba(95, 128, 184, 0.17); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.responseRatePoor { background: rgba(95, 128, 184, 0.10); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.reporting-portal-heatmap-results-activity { background: var(--reporting-portal-colour-e7eef9); }
.reporting-portal-host .reporting-portal-heatmap-numeric-cell.reporting-portal-heatmap-member-changes { background: var(--reporting-portal-colour-f3e5f9); }

.reporting-portal-host .reporting-portal-heatmap-topic-cell {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--tg-white);
    overflow: hidden;
    padding: 0.75em;
    height: 3.4em;
    max-height: 3.4em;
    transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out, max-width 0.3s ease-in-out;
}

.reporting-portal-host .reporting-portal-heatmap-topic-cell:hover {
    filter: brightness(93%);
}

.reporting-portal-host .reporting-portal-heatmap-topic-link {
    color: var(--tg-bluegray) !important;
    font-weight: unset !important;
    text-decoration: none !important;
}

.reporting-portal-host .reporting-portal-heatmap-topic-link * {
    text-decoration: none !important;
}

.reporting-portal-host .reporting-portal-heatmap-topic-link:hover {
    color: var(--tg-bluegray) !important;
}

.reporting-portal-host .reporting-portal-heatmap-topic-label {
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: -0.55em;
    margin-top: 0.5em;
    line-height: 1.5;
    color: var(--tg-bluegray) !important;
}

.reporting-portal-host .reporting-portal-heatmap-topic-details {
    display: flex;
    align-items: center;
    line-height: 1.5;
    color: var(--tg-bluegray) !important;
}

.reporting-portal-host .reporting-portal-heatmap-topic-mentions-icon,
.reporting-portal-host .reporting-portal-heatmap-topic-mentions-count {
    color: var(--tg-bluegray) !important;
}

.reporting-portal-host .reporting-portal-heatmap-topic-bar-container {
    display: flex;
}

.reporting-portal-host .reporting-portal-heatmap-topic-bar {
    display: inline-block;
    height: 0.2em;
    margin-right: 1px;
}

.reporting-portal-host .reporting-portal-heatmap-topic-bar.positive { background: var(--tg-green); }
.reporting-portal-host .reporting-portal-heatmap-topic-bar.neutral { background: var(--reporting-portal-colour-fbb03a); }
.reporting-portal-host .reporting-portal-heatmap-topic-bar.negative { background: var(--tg-red); }

.reporting-portal-host .reporting-portal-heatmap-topic-mentions-icon {
    margin: 0 0.5em;
    font-size: 0.7em;
}

.reporting-portal-host .reporting-portal-heatmap-topic-mentions-count {
    font-family: BebasNeue, "Bebas Neue", sans-serif;
    font-size: 0.9em;
    margin-bottom: 0.2em;
    margin-left: -0.2em;
}

.reporting-portal-host .reporting-portal-heatmap-section-spacer {
    align-self: stretch;
    display: flex;
    width: 1.3em;
    min-width: 1.3em;
    max-width: 1.3em;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.reporting-portal-host .reporting-portal-heatmap-column-group-toggle-header {
    width: 1.3em;
    min-width: 1.3em;
    max-width: 1.3em;
}

.reporting-portal-host .reporting-portal-heatmap-section-spacer.header {
    height: 100%;
    align-items: flex-end;
    background: var(--tg-white) !important;
}

.reporting-portal-host .reporting-portal-heatmap-section-spacer.results { background: var(--reporting-portal-colour-dadada); }
.reporting-portal-host .reporting-portal-heatmap-section-spacer.comments { background: var(--reporting-portal-colour-d7d8ec); }
.reporting-portal-host .reporting-portal-heatmap-section-spacer.topics { background: var(--reporting-portal-colour-d7d8ec); }
.reporting-portal-host .reporting-portal-heatmap-section-spacer.resultsActivity { background: var(--reporting-portal-colour-dfeafa); }
.reporting-portal-host .reporting-portal-heatmap-section-spacer.memberChanges { background: var(--reporting-portal-colour-e8cef3); }

.reporting-portal-host .reporting-portal-heatmap-section-spacer button {
    position: relative;
    width: 100%;
    min-height: 1.65em;
    border: 0;
    background: transparent;
    color: var(--tg-white);
    padding: 0;
}

.reporting-portal-host .reporting-portal-heatmap-section-spacer.header button {
    min-height: 1.65em;
    height: 1.65em;
}

.reporting-portal-host .reporting-portal-heatmap-column-group-toggle[data-tg-heatmap-section-tooltip]:hover::before,
.reporting-portal-host .reporting-portal-heatmap-column-group-toggle[data-tg-heatmap-section-tooltip]:focus-visible::before {
    content: attr(data-tg-heatmap-section-tooltip);
    position: absolute;
    bottom: calc(100% + 0.5em);
    left: 50%;
    z-index: 1080;
    width: max-content;
    max-width: 12em;
    padding: 0.45em 0.75em;
    border-radius: 0.25rem;
    background: var(--reporting-portal-colour-1f2328);
    color: var(--tg-white);
    font-size: var(--reporting-portal-tooltip-font-size, 0.875rem);
    font-weight: 400;
    line-height: 1.25;
    pointer-events: none;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
}

.reporting-portal-host .reporting-portal-heatmap-column-group-toggle[data-tg-heatmap-section-tooltip]:hover::after,
.reporting-portal-host .reporting-portal-heatmap-column-group-toggle[data-tg-heatmap-section-tooltip]:focus-visible::after {
    content: "";
    position: absolute;
    bottom: calc(100% + 0.15em);
    left: 50%;
    z-index: 1080;
    border-width: 0.35em 0.35em 0;
    border-style: solid;
    border-color: var(--reporting-portal-colour-1f2328) transparent transparent;
    pointer-events: none;
    transform: translateX(-50%);
}

.reporting-portal-host .reporting-portal-heatmap-section-spacer button:focus {
    outline: none;
    box-shadow: none;
}

.reporting-portal-host .reporting-portal-heatmap-section-spacer button.hidden i {
    transform: rotate(-180deg);
}

.reporting-portal-host .reporting-portal-heatmap-numeric-cell.loading,
.reporting-portal-host .reporting-portal-heatmap-topic-cell.loading {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: reporting-portal-heatmap-placeholder-shimmer;
    animation-timing-function: ease-in-out;
}

.reporting-portal-host .reporting-portal-heatmap-control-group,
.reporting-portal-host .reporting-portal-heatmap-toolbar-group {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin-right: 0.8em;
    color: var(--tg-bluegray);
}

.reporting-portal-host .reporting-portal-heatmap-toolbar-label {
    margin-right: 0.5em;
}

.reporting-portal-host .reporting-portal-heatmap-toolbar-command {
    display: inline-flex;
    align-items: center;
    margin-right: 0.45em;
}

.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-group button.reporting-portal-toolbar-icon-button {
    width: 2.2em;
    min-width: 2.2em;
    height: 1.95em;
    padding: 0.18em 0.4em;
    border: 0.08em solid rgba(87, 98, 112, 0.08);
    border-radius: 0;
    background: var(--reporting-portal-colour-f0f0f0);
    font-size: 0.8em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-command button.reporting-portal-toolbar-icon-button {
    width: 1.6em;
    min-width: 1.6em;
    height: 1.95em;
    padding: 0.18em 0.15em;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--tg-bluegray);
    font-size: 0.8em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-command button.reporting-portal-toolbar-icon-button:disabled {
    pointer-events: none;
}

.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-group button.reporting-portal-toolbar-icon-button:first-of-type {
    border-right: none;
    border-radius: 0.15em 0 0 0.15em;
}

.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-group button.reporting-portal-toolbar-icon-button:last-of-type {
    border-left: none;
    border-radius: 0 0.15em 0.15em 0;
}

.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-group .reporting-portal-toolbar-icon-button i:first-of-type,
.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-group .reporting-portal-toolbar-icon-button svg:first-of-type,
.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-command .reporting-portal-toolbar-icon-button i:first-of-type,
.reporting-portal-host .results-content .reporting-portal-heatmap-toolbar-command .reporting-portal-toolbar-icon-button svg:first-of-type {
    font-size: 1em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.reporting-portal-host .reporting-portal-toolbar-icon-button.active {
    background: var(--tg-bluegray) !important;
    color: var(--tg-white) !important;
}

@keyframes reporting-portal-heatmap-placeholder-shimmer {
    0% { background-color: var(--reporting-portal-surface-light); }
    20% { background-color: var(--reporting-portal-border-light); }
    100% { background-color: var(--reporting-portal-surface-light); }
}