/* Compass / Tabler visual theme, v6.74.
 * Source of truth: the user-supplied Tabler 1.6.1 dashboard templates.
 * This file changes presentation only. Remove its link to disable the theme.
 * The original Compass styles, application scripts and data structure are retained.
 */

/* 1. Reference tokens: Tabler's light canvas, system typography and blue accent. */
html[data-compass-theme="tabler"] {
  color-scheme: light;
  --green: #24833b !important;
  --amber: #855b00 !important;
  --bb-card-accent-background: #fff !important;
  --theme-surface: #fff;
  --theme-hover: #f5f5f5;
  --theme-radius: 8px;
  --theme-shadow: 0 1px 2px rgb(0 0 0 / 4%);
}
/* Translate only the untouched original palette. Any custom appearance
 * profile continues to supply its own inline colours and font, as before.
 * Matching the complete signature also covers edits to the original profile. */
html[data-compass-theme="tabler"][style*="--navy: #081E40;" i][style*="--blue: #0963CF;" i][style*="--bright: #3780FF;" i][style*="--pale: #EEF5FF;" i][style*="--line: #D8E2EF;" i][style*="--muted: #52637A;" i][style*="--site-background: #FFFFFF;" i][style*="Inter" i] {
  --navy: #404040 !important;
  --blue: #066fd1 !important;
  --bright: #066fd1 !important;
  --pale: #edf5fc !important;
  --line: #e5e5e5 !important;
  --muted: #737373 !important;
  --site-background: #f3f4f6 !important;
  --site-font: Inter, Arial, sans-serif !important;
}
html[data-compass-theme="tabler"] body {
  color: var(--navy) !important;
  background: var(--site-background) !important;
  font: 400 14px/1.5 var(--site-font) !important;
  -webkit-font-smoothing: antialiased;
}
html[data-compass-theme="tabler"] :is(button,input,select,textarea,summary) { font-family: var(--site-font) !important; }
html[data-compass-theme="tabler"] :is(h1,h2,h3,h4) { color: inherit; letter-spacing: 0; font-weight: 600; }
html[data-compass-theme="tabler"] :is(.sectionhead h2,.bb-page-header h2,#admin>h2) { font-size: 20px !important; line-height: 1.4; font-weight: 600; }
html[data-compass-theme="tabler"] :is(.sectionhead p,.bb-page-header p) { color: var(--muted); font-size: 14px; line-height: 1.5; }
html[data-compass-theme="tabler"] :is(.muted,.source,.small,.bb-card-subtitle) { color: var(--muted); }
html[data-compass-theme="tabler"] a { color: var(--blue); }
html[data-compass-theme="tabler"] :focus-visible { outline: 3px solid #559ce0 !important; outline-offset: 3px; }

/* 2. Keep Compass's navigation and page structure; give its chrome Tabler's
 * white toolbar, understated navigation and blue selected indicator. */
html[data-compass-theme="tabler"] header.top {
  padding-bottom: 0 !important;
  background: #fff !important;
  color: var(--navy) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: var(--theme-shadow) !important;
}
html[data-compass-theme="tabler"] header.top .brandrow {
  min-height: 72px;
  padding: 12px 0 !important;
  background-color: transparent !important;
  color: var(--navy) !important;
}
html[data-compass-theme="tabler"] header.top .headtitle { color: var(--navy) !important; font: 600 22px/1.2 var(--site-font) !important; letter-spacing: -.5px; }
html[data-compass-theme="tabler"] header.top .brand { filter: none !important; opacity: .85; }
html[data-compass-theme="tabler"] header.top :is(.headgroup,.right) { color: var(--navy) !important; }
html[data-compass-theme="tabler"] header.top .navigation-frame328 {
  margin-top: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
html[data-compass-theme="tabler"] header.top #pillars.pillarbar { gap: 0; padding: 0; background: #fff; }
html[data-compass-theme="tabler"] :is(header.top #pillars.pillarbar,.bb-top-navigation-buttons) > button {
  min-height: 57px;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  outline: 0;
  background: transparent !important;
  color: #626262 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3;
  justify-content: center;
  gap: 10px;
}
html[data-compass-theme="tabler"] :is(header.top #pillars.pillarbar,.bb-top-navigation-buttons) > button:hover { color: var(--blue) !important; background: #f7f9fb !important; }
html[data-compass-theme="tabler"] :is(header.top #pillars.pillarbar,.bb-top-navigation-buttons) > button:is(.active,.is-active,[aria-pressed="true"]) {
  color: var(--blue) !important;
  background: #f5f9fd !important;
  border-bottom: 2px solid var(--blue) !important;
  box-shadow: none !important;
  outline: 0;
}
html[data-compass-theme="tabler"] .bb-top-navigation-icon { color: currentColor !important; }
html[data-compass-theme="tabler"] header.top :is(#adminButton,#signOut,#previewUserButton,#approvalNotifications) {
  color: #626262 !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
  box-shadow: var(--theme-shadow);
  font-size: 12px;
  font-weight: 500;
}
html[data-compass-theme="tabler"] header.top :is(#adminButton,#signOut,#previewUserButton,#approvalNotifications):hover { color: var(--blue) !important; background: #f5f9fd !important; }
html[data-compass-theme="tabler"] header.top #search { color: var(--navy) !important; background: #fafafa !important; border: 1px solid var(--line) !important; border-radius: 6px !important; font-size: 13px; }
html[data-compass-theme="tabler"] header.top #search::placeholder { color: var(--muted) !important; }
html[data-compass-theme="tabler"] .layout { gap: 28px !important; padding-top: 24px !important; }
html[data-compass-theme="tabler"] .sidebar {
  padding: 16px 10px !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--theme-radius) !important;
  box-shadow: var(--theme-shadow);
}
html[data-compass-theme="tabler"] .sidebar .sidebar-group-card { padding: 4px 0 12px; background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none !important; }
html[data-compass-theme="tabler"] .sidebar #sidenav.bb-left-side-navigation { padding: 0; background: transparent !important; border: 0; border-radius: 0; }
html[data-compass-theme="tabler"] .sidebar .sidebar-group-card + .sidebar-group-card { padding-top: 16px; border-top: 1px solid var(--line) !important; }
html[data-compass-theme="tabler"] .sidebar :is(.sidebar-group-heading,.navcaption) { color: var(--muted) !important; font-size: 11px; font-weight: 600; letter-spacing: .5px; }
html[data-compass-theme="tabler"] .sidebar #sidenav :is(a,button) { color: #626262; font-size: 13px; font-weight: 400; border-radius: 6px; }
html[data-compass-theme="tabler"] .sidebar #sidenav :is(a,button) .nav-icon { color: #8a8a8a; width: 19px; height: 19px; flex-basis: 19px; }
html[data-compass-theme="tabler"] .sidebar #sidenav :is(a,button):hover { background: var(--theme-hover); color: var(--blue); }
html[data-compass-theme="tabler"] .sidebar #sidenav :is(a,button).active { background: #eaf3fc !important; color: var(--blue) !important; font-weight: 600; border-left-color: var(--blue); }
html[data-compass-theme="tabler"] .sidebar #sidenav :is(a,button).active .nav-icon { color: var(--blue); }
html[data-compass-theme="tabler"] .admin-view .sidebar #sidenav { gap: 4px; }
html[data-compass-theme="tabler"] .admin-view .sidebar .sidebar-group-card { padding: 0 !important; border: 0 !important; }
html[data-compass-theme="tabler"] .footer { color: var(--muted); background: #fff; border-top: 1px solid var(--line); padding-top: 16px !important; padding-bottom: 16px !important; font-size: 11px; }

/* 3. Shared card surfaces also cover the legacy page-specific card classes.
 * No display, ordering, visibility, chart data or event hooks are changed. */
html[data-compass-theme="tabler"] :is(.card,.bb-card,.bb-panel,.bb-resource-card,.bb-section-card,.bb-settings-card,.performance-card375,.performance-target375,.performance-chart375,.performance-sales379,.question,.course,.driver,.newsitem,.key-contact-group361,.integration-accordion,.customer-sales,.portfolio-pillar-grid>.bb-resource-card) {
  background: #fff !important;
  color: var(--navy);
  border-color: var(--line) !important;
  border-radius: var(--theme-radius) !important;
  box-shadow: var(--theme-shadow) !important;
}

html[data-compass-theme="tabler"] .bb-metric-card {
  background:
    radial-gradient(ellipse at center,#fff 0%,color-mix(in oklab,#fff 0%,transparent) 80%) border-box,
    linear-gradient(180deg,color-mix(in oklab,#fff 86%,transparent) 0%,#fff 40%) border-box,
    linear-gradient(450deg,#066fd1,#066fd1) border-box !important;
}
html[data-compass-theme="tabler"] #pillarPerformanceCharts435 .pillar-chart-card435 {
  background:
    radial-gradient(ellipse at center,#fff 0%,color-mix(in oklab,#fff 0%,transparent) 80%) border-box,
    linear-gradient(180deg,color-mix(in oklab,#fff 86%,transparent) 0%,#fff 40%) border-box,
    linear-gradient(450deg,#066fd1,#066fd1) border-box !important;
}
html[data-compass-theme="tabler"] :is(.card,.bb-card,.bb-panel) { padding: 20px; }
html[data-compass-theme="tabler"] #adminBody .admin-settings-card-grid>.bb-settings-card { padding: 20px !important; }
html[data-compass-theme="tabler"] :is(.bb-card,.bb-panel,.card) :is(h3,.bb-card-head h3) { font-size: 16px; font-weight: 600; letter-spacing: 0; }
html[data-compass-theme="tabler"] :is(.bb-resource-card,.bb-profile-card,.bb-settings-card) :is(h3,.bb-card-head h3) { font-size: 16px !important; }
html[data-compass-theme="tabler"] :is(.bb-section-footer,.bb-resource-actions,.dialog-heading) { border-color: var(--line); }
html[data-compass-theme="tabler"] :is(.bb-metric-card,.performance-target375) { min-height: 148px; padding: 20px !important; }
html[data-compass-theme="tabler"] .bb-metric-card .bb-card-head h3 { color: #737373 !important; font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: .35px; }
html[data-compass-theme="tabler"] :is(.bb-metric-value,.performance-value375) { font: 600 27px/1.25 var(--site-font) !important; letter-spacing: -.5px; font-variant-numeric: tabular-nums; color: var(--navy); }
html[data-compass-theme="tabler"] :is(.bb-metric-label,.bb-metric-note,.bb-metric-subtitle,.performance-target375>p) { color: var(--muted); font-size: 12px; }
html[data-compass-theme="tabler"] .bb-metric-footer { margin-top: 12px; }
html[data-compass-theme="tabler"] :is(.bb-progress-track,.progress-track,.target-progress375) { background: #e5e5e5; border-radius: 2px; }
html[data-compass-theme="tabler"] :is(.bb-progress-fill,.bb-progress-success,.bb-progress-warning,.bb-progress-danger) { border-radius: 2px; }
html[data-compass-theme="tabler"] :is(.bb-progress-track,.bb-progress-fill) { height: 4px; }
html[data-compass-theme="tabler"] :is(.bb-preview,.pale,.pending,.contract,.hero) { background: #f5f8fb !important; border-color: var(--line) !important; border-radius: 8px; }
html[data-compass-theme="tabler"] .portfolio-pillar-grid>.bb-resource-card>.bb-resource-header { background: #f5f9fd !important; border-bottom: 1px solid var(--line); }
html[data-compass-theme="tabler"] :is(.bb-avatar,.profile-avatar) { color: var(--blue); background: #eaf3fc; border-radius: 8px; }

/* 4. Form fields and filter panels. Keep actual fields and reset handlers. */
html[data-compass-theme="tabler"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,.bb-input,.bb-select,.bb-search,.bb-form-control) {
  color: var(--navy) !important;
  background-color: #fff !important;
  border-color: #d9d9d9 !important;
  border-radius: 6px !important;
  font-family: var(--site-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  box-shadow: var(--theme-shadow);
}
html[data-compass-theme="tabler"] :is(input,select,textarea):focus { border-color: #75afe6 !important; box-shadow: 0 0 0 3px rgb(6 111 209 / 12%) !important; }
html[data-compass-theme="tabler"] :is(.field,.bb-field,.bb-form-label) { color: var(--navy); font-size: 13px; font-weight: 500; }
html[data-compass-theme="tabler"] .bb-field-hint { display: block; margin-top: 4px; color: var(--muted); font-weight: 400; }
html[data-compass-theme="tabler"] #docgenForm .bb-field { margin: 0; }
html[data-compass-theme="tabler"] #docgenForm>.bb-field { margin-bottom: 20px; }
html[data-compass-theme="tabler"] #docgenForm>.grid { align-items: start; margin-bottom: 20px; gap: 20px 16px; }
html[data-compass-theme="tabler"] #main .bb-filter-bar {
  padding: 16px !important;
  margin-bottom: 24px !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  box-shadow: var(--theme-shadow);
}
html[data-compass-theme="tabler"] #main .bb-filter-bar>.bb-field { font-size: 13px; font-weight: 500; }
html[data-compass-theme="tabler"] #main .bb-filter-bar :is(input.bb-search,select.bb-select,summary.bb-select) { height: 38px !important; min-height: 38px !important; max-height: 38px !important; padding: 8px 12px !important; font-size: 13px !important; border: 1px solid #d9d9d9 !important; border-radius: 6px !important; }
html[data-compass-theme="tabler"] :is(button,.button-link,.bb-button) { border-radius: 6px; font-weight: 500; }
html[data-compass-theme="tabler"] :is(button.primary,button.bb-button-primary,.portal-action-primary395,.button-link.primary) { background: var(--blue) !important; color: #fff !important; border-color: var(--blue) !important; border-radius: 6px !important; box-shadow: var(--theme-shadow); }
html[data-compass-theme="tabler"] :is(button.primary,button.bb-button-primary,.portal-action-primary395):hover { background: #055fb3 !important; border-color: #055fb3 !important; }
html[data-compass-theme="tabler"] :is(button.bb-button-secondary,.portal-action-secondary395,.copy,.button-link) { color: var(--navy); background: #fff; border-color: #dedede; border-radius: 6px !important; font-weight: 500; box-shadow: var(--theme-shadow); }
html[data-compass-theme="tabler"] .bb-button-danger { color: #b42323; background: #fff; border-color: #e8bbbb; }
html[data-compass-theme="tabler"] :is(.bb-alert,.bb-empty,.bb-file-zone) { border-radius: 8px; }
html[data-compass-theme="tabler"] :is(dialog,.searchpanel,.sales-period-menu525,.pipeline-health-popover402) { border-color: var(--line); border-radius: 8px; box-shadow: 0 12px 40px rgb(0 0 0 / 14%); }
html[data-compass-theme="tabler"] dialog { color: var(--navy); background: #fff; font: 14px/1.5 var(--site-font); }
html[data-compass-theme="tabler"] dialog::backdrop { background: rgb(24 36 51 / 40%); }
html[data-compass-theme="tabler"] #portalDialog #closeDialog { background: #fff !important; color: #626262 !important; border: 1px solid #dedede !important; border-radius: 6px !important; }

/* 5. Tables: compact neutral header band, quiet dividers and readable rows. */
html[data-compass-theme="tabler"] :is(table,.bb-table):not(.brand-preview-table512) { color: var(--navy); border-color: var(--line); font-family: var(--site-font); font-size: 13px; }
html[data-compass-theme="tabler"] :is(table,.bb-table):not(.brand-preview-table512) :is(th,td) { border-color: var(--line) !important; }
html[data-compass-theme="tabler"] :is(table,.bb-table):not(.brand-preview-table512) thead th {
  color: #737373 !important;
  background: #fafafa !important;
  font-family: var(--site-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5;
  letter-spacing: .45px;
  text-transform: uppercase;
  padding-top: 11px;
  padding-bottom: 11px;
}
html[data-compass-theme="tabler"] :is(table,.bb-table):not(.brand-preview-table512) tbody td { color: var(--navy); }
html[data-compass-theme="tabler"] :is(table,.bb-table):not(.brand-preview-table512) tbody tr:hover>td { background-color: #f7f9fb; }
html[data-compass-theme="tabler"] :is(.feature-parent362 td,.feature-subitem362 td) { background: #fafafa !important; }
html[data-compass-theme="tabler"] .bb-pagination { margin-top: 20px; padding: 8px 0 4px; }
html[data-compass-theme="tabler"] .bb-pagination .bb-button { min-width: 34px; padding: 7px 11px; border-radius: 5px; }
html[data-compass-theme="tabler"] .bb-pagination [aria-current="page"] { color: var(--blue) !important; background: #eaf3fc !important; border-color: #b9d6f2 !important; }
html[data-compass-theme="tabler"] :is(.bb-coverage-cell,.coverage-cell337) { border-radius: 5px !important; box-shadow: none !important; }
html[data-compass-theme="tabler"] .bb-coverage-cell.recorded { color: #fff !important; background: #066fd1 !important; }
html[data-compass-theme="tabler"] .bb-coverage-cell.no-gp336 { color: #081e40 !important; background: #d99500 !important; }
html[data-compass-theme="tabler"] .bb-coverage-cell.full-coverage334 { color: #081e40 !important; background: #2f9e44 !important; }
html[data-compass-theme="tabler"] .bb-coverage-key.recorded { background: #066fd1; }
html[data-compass-theme="tabler"] .bb-coverage-key.no-gp336 { background: #d99500; }
html[data-compass-theme="tabler"] .bb-coverage-key.full-coverage334 { background: #2f9e44; }

/* 6. Linked collapsibles, tabs, chart marks and semantic states. */
html[data-compass-theme="tabler"] :is(.bb-collapsible,.integration-accordion,details.capability) { background: #fff !important; border-color: var(--line) !important; border-radius: 8px !important; }
html[data-compass-theme="tabler"] :is(.bb-collapsible,.integration-accordion,details.capability)>summary { background: #fff !important; color: var(--navy); font-weight: 500; }
html[data-compass-theme="tabler"] :is(.bb-collapsible,.integration-accordion,details.capability)>summary:hover { background: #fafafa !important; }
html[data-compass-theme="tabler"] :is(.bb-collapsible,.integration-accordion,details.capability)[open]>summary { border-bottom: 1px solid var(--line); }
html[data-compass-theme="tabler"] .bb-tabs-list { gap: 0; border-color: var(--line); padding: 0; }
html[data-compass-theme="tabler"] #main .bb-tabs-list button { color: var(--muted) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 12px 16px; box-shadow: none !important; }
html[data-compass-theme="tabler"] #main .bb-tabs-list [aria-selected="true"] { color: var(--blue) !important; background: transparent !important; border-bottom-color: var(--blue) !important; }
html[data-compass-theme="tabler"] :is(.bb-chart,.trend-chart) text { fill: var(--muted); font-family: var(--site-font) !important; font-size: 11px; }
html[data-compass-theme="tabler"] .bb-chart-series-line { stroke-width: 2; }
html[data-compass-theme="tabler"] .bb-chart-point { stroke-width: 2; }
html[data-compass-theme="tabler"] .bb-chart-reference { stroke: #a3a3a3; stroke-width: 1.5; }
html[data-compass-theme="tabler"] .bb-chart-trend { stroke: #d99500; stroke-width: 2; }
html[data-compass-theme="tabler"] :is(.bb-status,.tag) { border-radius: 4px; font-size: 11px; font-weight: 500; letter-spacing: 0; }
html[data-compass-theme="tabler"] .account-good-standing { background: #e6f4e9; color: #236d36; border-radius: 4px; font-weight: 500; }
html[data-compass-theme="tabler"] .account-on-hold { background: #fff2ce; color: #785200; border-radius: 4px; font-weight: 500; }
/* Preserve the low-coverage red value and its existing hover-only tooltip. */
html[data-compass-theme="tabler"] .bb-metric-value.is-below-target { color: #c02c2c !important; }

/* Existing sign-in content and fields retain their two-panel arrangement. */
html[data-compass-theme="tabler"] :is(.lead,.readiness) { color: var(--navy); background: #edf5fc; border: 1px solid var(--line); border-radius: 8px; }
html[data-compass-theme="tabler"] .lead :is(p,.role,small) { color: var(--navy); }
html[data-compass-theme="tabler"] .lead a { color: #fff; background: var(--blue); border-radius: 6px; }

/* Fit the existing seven sales columns on desktop; retain the original
 * scrollable table at smaller breakpoints, with every column accessible. */
@media (min-width: 1200px) {
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 { width: 100%; min-width: 0; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(1) { width: 14% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(2) { width: 20% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(3) { width: 13% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(4) { width: 18% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(5) { width: 11% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(6) { width: 10% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 col:nth-child(7) { width: 14% !important; }
  html[data-compass-theme="tabler"] #main .seller-pipeline-table146 thead th { white-space: normal; overflow: visible; text-overflow: clip; }
}

/* 7. The original breakpoints retain all mobile navigation and workflows. */
@media (max-width: 1100px) {
  html[data-compass-theme="tabler"] .layout { gap: 20px !important; }
  html[data-compass-theme="tabler"] :is(.bb-metric-value,.performance-value375) { font-size: 24px !important; }
  html[data-compass-theme="tabler"] header.top .headtitle { font-size: 19px !important; }
  html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (max-width: 650px) {
  html[data-compass-theme="tabler"] header.top .headtitle { font-size: 16px !important; }
  html[data-compass-theme="tabler"] header.top .brandrow { min-height: 64px; padding-top: 10px !important; padding-bottom: 10px !important; }
  html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button { font-size: 12px !important; min-height: 54px; }
  html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button { flex: 0 0 132px !important; width: 132px !important; min-width: 132px !important; max-width: none !important; }
  html[data-compass-theme="tabler"] header.top #pillars.pillarbar { overflow-x: auto !important; flex-wrap: nowrap !important; }
  html[data-compass-theme="tabler"] .layout { padding-top: 16px !important; }
  html[data-compass-theme="tabler"] :is(.card,.bb-card,.bb-panel) { padding: 16px; }
  html[data-compass-theme="tabler"] :is(.bb-metric-card,.performance-target375) { min-height: 132px; padding: 16px !important; }
  html[data-compass-theme="tabler"] #main .bb-filter-bar { padding: 14px !important; }
  html[data-compass-theme="tabler"] :is(.sectionhead h2,.bb-page-header h2) { font-size: 20px !important; }
  html[data-compass-theme="tabler"] .footer { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-compass-theme="tabler"] *,html[data-compass-theme="tabler"] *::before,html[data-compass-theme="tabler"] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media print {
  html[data-compass-theme="tabler"] body { background: #fff !important; color: #222 !important; }
  html[data-compass-theme="tabler"] :is(.card,.bb-card,.bb-panel) { box-shadow: none !important; }
}

/* Requested navy-to-blue banner; dropdown panels retain their light surface. */
html[data-compass-theme="tabler"] :is(header.top,body>.footer){background:linear-gradient(105deg,#081e40 0%,#10365f 55%,#154b80 100%)!important;color:#fff!important;border-bottom-color:#214e78!important}
html[data-compass-theme="tabler"] header.top :is(.brandrow,.headtitle,.headgroup,.right){color:#fff!important}
html[data-compass-theme="tabler"] header.top .brand{filter:brightness(0) invert(1)!important;opacity:1}
html[data-compass-theme="tabler"] header.top :is(.navigation-frame328,#pillars.pillarbar){background:transparent!important}
html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button{color:#e1ecfa!important}
html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button:hover{color:#fff!important;background:rgb(255 255 255 / 9%)!important}
html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button:is(.active,.is-active,[aria-pressed="true"],[aria-expanded="true"]){color:#fff!important;background:rgb(255 255 255 / 13%)!important;border-bottom-color:#81bdff!important}
html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button{border:0.05px solid rgb(255 255 255 / 12%)!important}
html[data-compass-theme="tabler"] header.top #pillars.pillarbar>button:is(.active,.is-active,[aria-pressed="true"],[aria-expanded="true"]){border:0.05px solid rgb(255 255 255 / 12%)!important}
html[data-compass-theme="tabler"] header.top :is(#adminButton,#signOut,#previewUserButton,#approvalNotifications){color:#fff!important;background:rgb(255 255 255 / 5%)!important;border-color:#718ba9!important}
html[data-compass-theme="tabler"] header.top :is(#adminButton,#signOut,#previewUserButton,#approvalNotifications):hover{color:#fff!important;background:rgb(255 255 255 / 14%)!important}
html[data-compass-theme="tabler"] header.top :focus-visible{outline-color:#a4cfff!important}

/* Keep the top-left Compass wordmark prominent across site pages. */
html[data-compass-theme="tabler"] header.top .brandrow .headtitle{font-size:30px;}
@media(max-width:850px){html[data-compass-theme="tabler"] header.top .brandrow .headtitle{font-size:26px;}}
@media(max-width:650px){html[data-compass-theme="tabler"] header.top .brandrow .headtitle{font-size:24px;}}

/* Keep Performance Scorecard cards white. */
html[data-compass-theme="tabler"] #main :is(#performancePanel .performance-targets375,#market .market-metrics)>:is(.performance-target375,.bb-metric-card){
  background:#fff!important;
  background-image:none!important;
}
html[data-compass-theme="tabler"] #main #pillarPerformanceCharts435 .pillar-chart-card435{
  background:#fff!important;
  background-image:none!important;
}

/* Top navigation dropdowns use the active blue surface with high-contrast items. */
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu{
  background:#2a4262!important;
  color:#fff!important;
  border-color:#617b9b!important;
}
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu :is(h4,.settings-menu-group-toggle,.settings-menu-group-toggle svg,a,a .nav-icon,a svg){
  color:#fff!important;
}
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu-group+.sales-dashboard-menu-group,
html[data-compass-theme="tabler"] header.top .settings-menu-category+.settings-menu-category,
html[data-compass-theme="tabler"] header.top .catalogue-menu-column .sales-dashboard-menu-group+.sales-dashboard-menu-group{
  border-color:rgb(255 255 255 / 32%)!important;
}
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu a:hover,
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu a:focus-visible,
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu a.active,
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu .settings-menu-group-toggle:hover,
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu .settings-menu-group-toggle:focus-visible{
  color:#fff!important;
  background:rgb(255 255 255 / 18%)!important;
}
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu a:focus-visible,
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu .settings-menu-group-toggle:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:1px;
}

/* Keep Performance Scorecard card titles consistent with the Gross Profit vs Target heading. */
html[data-compass-theme="tabler"] :is(#performancePanel .performance-targets375,#market .market-metrics) .bb-metric-card .bb-card-head h3 {
  color: var(--navy) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-compass-theme="tabler"] :is(#seller-opportunities,#forecast,#committed-pipeline,#orders) .sales-record-metrics381 .bb-metric-card .bb-card-head h3 {
  color: var(--navy) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  text-transform: none !important;
}
html[data-compass-theme="tabler"] :is(#performancePanel .performance-progress-row497 .performance-storage-title497,#pillarPerformanceCharts435 .pillar-chart-card435>h3) {
  color: var(--navy) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Keep revenue columns blue and show gross margin as a connected, filled teal series. */
html[data-compass-theme="tabler"] #performancePanel .performance-two-axes402 .bb-chart text {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-rendering: geometricPrecision;
}
html[data-compass-theme="tabler"] #performancePanel .performance-two-axes402 .bb-chart text:not([transform]) {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleX(.656);
}

html[data-compass-theme="tabler"] #performancePanel .performance-two-axes402 path.bb-chart-series-line.bb-chart-series-green {
  fill: none !important;
  stroke: #22b8a8 !important;
  stroke-width: 2.24px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-compass-theme="tabler"] #performancePanel .performance-two-axes402 path.bb-chart-line-trend {
  fill: none !important;
  stroke: #087f73 !important;
  stroke-width: 2px !important;
  stroke-dasharray: 2 4 !important;
  stroke-linecap: round !important;
  vector-effect: non-scaling-stroke !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
html[data-compass-theme="tabler"] #performancePanel .performance-two-axes402 .bb-chart-point-green {
  fill: #22b8a8 !important;
  stroke: #22b8a8 !important;
}
html[data-compass-theme="tabler"] #performancePanel .performance-two-axes402 .bb-chart-key-line-green {
  border-top-color: #22b8a8;
}

/* Axis titles use unscaled page typography, matching Pipeline Age labels. */
.performance-chart-viewport { position: relative; }
html[data-compass-theme="tabler"] .performance-axis-label {
  position: absolute;
  width: 21px;
  height: max-content;
  color: var(--navy);
  font: 400 14px/21px var(--site-font) !important;
  letter-spacing: normal;
  writing-mode: vertical-rl;
  direction: ltr;
  transform: translateY(-50%) rotate(180deg);
  text-align: right;
  white-space: nowrap;
}
@media (max-width:800px) {
  html[data-compass-theme="tabler"] .performance-axis-label { font-size:13px !important; }
}

html[data-compass-theme="tabler"] .performance-axis-label-revenue {
  transform: translate(-35%, -50%) rotate(180deg);
}

html[data-compass-theme="tabler"] body>.footer { border-top-color:#214e78; }
html[data-compass-theme="tabler"] .footer #footerFeedback { color:#fff; }
html[data-compass-theme="tabler"] .footer #footerFeedback:hover { background:rgb(255 255 255 / 14%); }
html[data-compass-theme="tabler"] .footer #footerFeedback:focus-visible { outline-color:#a4cfff; }

/* Reserve the live footer height so content can scroll clear of the fixed bar. */
@media screen {
  html[data-compass-theme="tabler"] body:not(.login-required) {
    box-sizing: border-box;
    min-height: 100dvh;
    padding-bottom: var(--compass-footer-height, 60px);
  }
  html[data-compass-theme="tabler"] body>.footer {
    position: fixed;
    inset: auto 0 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 30;
    margin: 0;
  }
}

html[data-compass-theme="tabler"] header.top #pillars .sales-dashboard-menu-caret{margin-left:auto!important;flex:0 0 11px!important}

html[data-compass-theme="tabler"] header.top .headtitle-label{font-size:1.38em!important;line-height:inherit}

/* The dialog Close action stays red across Tabler theme overrides. */
html[data-compass-theme="tabler"] #portalDialog #closeDialog{background:#c52230!important;border:1px solid #c52230!important;color:#fff!important}
html[data-compass-theme="tabler"] #portalDialog #closeDialog:hover{background:#991b1b!important;border-color:#991b1b!important;color:#fff!important}


/* Match System Information summary values to the live resource metrics. */
html[data-compass-theme="tabler"] #adminBody .system-kpis539 .bb-metric-value{font:500 20px/1.2 var(--site-font)!important;letter-spacing:normal}

/* Independent bar themes: the original Compass palette remains the default. */
html[data-compass-theme="tabler"][data-top-bar-theme="cisilion"] header.top,
html[data-compass-theme="tabler"][data-bottom-bar-theme="cisilion"] body>.footer{background:linear-gradient(90deg,#363532 0%,#4b4741 50%,#605850 100%)!important;border-color:#756e65!important}
.bar-theme-settings{margin-bottom:16px}
.bar-theme-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:16px 0}
.bar-theme-fields label{display:flex;flex-direction:column;gap:8px}
.bar-theme-fields select{width:100%}
.bar-theme-preview{display:block;height:48px;border-radius:6px;background:linear-gradient(105deg,#081e40 0%,#10365f 55%,#154b80 100%)}
.bar-theme-preview[data-theme="cisilion"]{background:linear-gradient(90deg,#363532,#4b4741,#605850)}
@media(max-width:650px){.bar-theme-fields{grid-template-columns:1fr;gap:16px}}

.bar-theme-fields .bar-theme-preview{margin-top:8px}

/* Per-theme navigation menu colours follow the top bar selection. */
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu{background:var(--theme-dropdown-background,#2a4262)!important;color:var(--theme-dropdown-text,#fff)!important;border-color:color-mix(in srgb,var(--theme-dropdown-text,#fff) 35%,var(--theme-dropdown-background,#2a4262))!important}
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu :is(h4,.settings-menu-group-toggle,.settings-menu-group-toggle svg,a,a .nav-icon,a svg){color:var(--theme-dropdown-text,#fff)!important}
html[data-compass-theme="tabler"] header.top .sales-dashboard-menu :is(a,.settings-menu-group-toggle):is(:hover,:focus-visible,.active){color:var(--theme-dropdown-text,#fff)!important;background:color-mix(in srgb,var(--theme-dropdown-text,#fff) 15%,var(--theme-dropdown-background,#2a4262))!important;outline-color:var(--theme-dropdown-text,#fff)!important}
.dropdown-theme-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0}
.dropdown-theme-fields fieldset{min-width:0;border:1px solid var(--line);border-radius:6px;padding:16px}
.dropdown-theme-fields legend{font-weight:500;padding:0 6px}
.dropdown-theme-fields label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0}
.dropdown-theme-fields input[type=color]{width:64px;height:34px;padding:3px;cursor:pointer}
.dropdown-theme-preview{padding:14px;border-radius:6px;margin-top:14px}
@media(max-width:650px){.dropdown-theme-fields{grid-template-columns:1fr}}

/* Cisilion branding is also available before sign-in. */
html[data-top-bar-theme="cisilion"] header.top .compass-mark>circle:first-child{fill:#0b284c;stroke:var(--cisilion-logo,#075256)}
html[data-top-bar-theme="cisilion"] header.top .compass-mark>path{fill:color-mix(in srgb,var(--cisilion-logo,#075256) 60%,white);stroke:#e6f3ff}
html[data-top-bar-theme="cisilion"] :is(.login-page,.login-story){background:linear-gradient(90deg,#363532 0%,#4b4741 50%,#605850 100%)}
html[data-top-bar-theme="cisilion"] .login-shell{border-color:#756e65}
html[data-top-bar-theme="cisilion"] .login-confidential{color:#fff}
html[data-top-bar-theme="cisilion"] .login-intro>p:not(.eyebrow){color:#f2e8dc}

.portal-theme-gallery{margin:20px 0}
.portal-theme-gallery .bar-theme-preview{height:38px;margin-top:12px}
.bar-theme-settings .dropdown-theme-fields{grid-template-columns:1fr}
.bar-theme-settings .dropdown-theme-fields fieldset[hidden]{display:none}
.bar-theme-settings .dropdown-theme-fields fieldset{max-width:none}
.portal-theme-gallery .brand-default512[hidden]{display:none}

.bar-theme-settings .portal-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}
@media(max-width:650px){.bar-theme-settings .portal-theme-gallery{grid-template-columns:1fr}}

.portal-theme-editor{margin-bottom:20px}
.portal-theme-workspace{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.75fr);gap:20px;align-items:stretch;margin-top:20px}
.portal-theme-workspace .card{min-width:0;margin:0}
.portal-theme-controls .bar-theme-fields{grid-template-columns:1fr;gap:16px}
.portal-preview-canvas{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f3f4f6;margin-top:20px;font-size:12px}
.portal-preview-top{display:flex;align-items:center;gap:9px;padding:18px 14px;color:white}
.portal-preview-top>span:last-child{margin-left:auto;font-size:11px}
.portal-preview-logo{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;flex-shrink:0}
.portal-preview-nav{background:#e5e7eb;padding:10px 14px;font-size:10px;color:#404040}
.portal-preview-body{padding:20px 14px;min-height:310px;color:#404040}
.portal-preview-menu{display:grid;gap:12px;padding:16px;border-radius:6px;margin-bottom:24px;box-shadow:0 4px 14px #0002}
.portal-preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.portal-preview-metrics>div,.portal-preview-content{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:16px}
.portal-preview-metrics strong{display:block;font-size:20px;font-weight:500;margin-top:8px}
.portal-preview-content{margin-top:14px;min-height:65px}
.portal-preview-bottom{padding:14px;color:white;font-size:10px}
@media(max-width:900px){.portal-theme-workspace{grid-template-columns:1fr}}

html[data-compass-theme="tabler"][data-top-bar-theme="cisilion"] header.top{background:var(--cisilion-top-background,linear-gradient(90deg,#363532,#4b4741,#605850))!important}
html[data-compass-theme="tabler"][data-bottom-bar-theme="cisilion"] body>.footer{background:var(--cisilion-bottom-background,linear-gradient(90deg,#363532,#4b4741,#605850))!important}
.portal-colour-fields{border:0;padding:0;margin:0 0 20px;min-width:0}
.portal-colour-fields .brand-colour-row544{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.6fr);align-items:center;gap:12px;margin:14px 0;font-size:12px}
.portal-colour-fields .brand-colour512{display:grid;grid-template-columns:32px minmax(0,1fr) 36px;gap:10px;align-items:center}
.portal-colour-fields input[type=text]{width:100%;height:42px}
.portal-colour-fields input[type=color]{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.portal-colour-fields input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.portal-colour-fields input[type=color]::-webkit-color-swatch{border:1px solid #d8e2ed;border-radius:50%}
.portal-colour-fields .brand-picker544{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c3d2e4;border-radius:6px;background:#fff;color:#081e40}
@media(max-width:520px){.portal-colour-fields .brand-colour-row544{grid-template-columns:1fr;gap:6px}}

/* Swatches display colour; only the edit button opens the picker. */
.portal-colour-fields input[type=color]{pointer-events:none;cursor:default}
.portal-colour-fields .brand-picker544{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.portal-colour-fields .brand-picker544:hover{background:#075eb0!important;border-color:#075eb0!important}

.portal-preview-logo{background:transparent!important}
.portal-preview-logo svg{width:26px;height:26px}
.portal-preview-logo circle:first-child{fill:#0b284c;stroke:var(--preview-compass-colour,#1685ff);stroke-width:1.8}
.portal-preview-logo path{fill:color-mix(in srgb,var(--preview-compass-colour,#1685ff) 60%,white);stroke:#e6f3ff;stroke-width:.8}

html[data-compass-theme="tabler"][data-top-bar-theme] body:not(.login-required){background:var(--portal-theme-backdrop,#f3f4f6)!important}

html[data-compass-theme="tabler"] header.top .sales-dashboard-menu{background:var(--theme-dropdown-surface,var(--theme-dropdown-background,#2a4262))!important}
.theme-gradient-controls{margin:0 0 20px;padding-left:12px}
.theme-gradient-controls>label{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:10px}
.theme-gradient-controls [hidden]{display:none!important}
.theme-gradient-controls .brand-colour512{max-width:320px;margin-left:auto}

.theme-dialog-colour-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}
.theme-dialog-colour-row input[type=color]{width:42px;height:42px;padding:3px;border:1px solid var(--line);border-radius:6px}
.theme-dialog-colour-row input[type=text]{width:100%}
.theme-colour-dialog>[data-colour-stop]{margin:16px 0}
.theme-colour-dialog>[hidden]{display:none!important}
.theme-dialog-preview{height:64px;border-radius:6px;border:1px solid var(--line);margin:20px 0}

#themeGradientShift{width:100%;accent-color:var(--blue)}
.theme-gradient-direction{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
#themeGradientShiftValue{margin-left:auto}

.portal-site-preview .portal-preview-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;color:#fff;font-size:9px}
.portal-preview-nav>span{padding:12px 7px;border:1px solid #ffffff25;line-height:1.4;min-width:0}
.portal-site-preview .portal-preview-body{position:relative;min-height:380px;padding-top:30px;padding-right:48%}
.portal-site-preview .portal-preview-menu{position:absolute;right:12px;top:0;width:43%;gap:12px;z-index:1;border:1px solid #ffffff40;box-shadow:0 8px 20px #0003}
.portal-preview-menu-group{font-size:10px;font-weight:600;opacity:.8;border-top:1px solid currentColor;padding-top:10px}
.portal-site-preview .portal-preview-metrics{grid-template-columns:1fr}
@media(max-width:520px){.portal-site-preview .portal-preview-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-site-preview .portal-preview-body{padding-right:53%;min-height:400px}.portal-site-preview .portal-preview-menu{width:49%;right:6px;padding:10px;font-size:10px}.portal-preview-top{padding:14px 8px;gap:6px;font-size:11px}.portal-preview-metrics>div{padding:10px}}

.theme-hex-input{display:flex;align-items:center;min-width:0;border:1px solid #b5c5d8;border-radius:6px;background:#fff;overflow:hidden}
.theme-hex-prefix{padding-left:12px;color:var(--muted);user-select:none}
.portal-colour-fields .theme-hex-input input[type=text],.theme-dialog-colour-row .theme-hex-input input[type=text]{border:0;border-radius:0;box-shadow:none;padding-left:4px;width:100%;min-width:0;background:transparent}
.theme-hex-input:focus-within{outline:2px solid var(--blue);outline-offset:1px}
.theme-hex-input input:focus-visible{outline:none!important}

[data-preview-card="card2"]{border:1px solid #d8e2ed;border-radius:6px;padding:14px;margin-top:18px}
[data-preview-card="card2"]>span{display:block;margin-top:8px;font-size:11px}

/* Theme card colours apply only to their assigned customer content. */
html[data-compass-theme="tabler"][data-top-bar-theme] #main :is(#understanding,.capability-understanding732) .understanding-benefit-card341,
html[data-compass-theme="tabler"][data-top-bar-theme] #main :is(#understanding,.capability-understanding732) .understanding-learning-list341>li{background:var(--portal-theme-card1,#fff)!important}
html[data-compass-theme="tabler"][data-top-bar-theme] #main #market .market-evidence-box{background:var(--portal-theme-card2,#fff)!important;color:var(--portal-theme-card2-text,#081e40);border-color:var(--line)}

/* Keep sign-in passwords masked; suppress Edge’s built-in reveal control. */
#loginPassword::-ms-reveal,#loginPassword::-ms-clear{display:none}
#loginPassword{-webkit-text-security:disc}

html[data-compass-theme="tabler"][data-top-bar-theme] header.top{background:var(--cisilion-top-background,linear-gradient(105deg,#081e40,#10365f 55%,#154b80))!important}
html[data-compass-theme="tabler"][data-bottom-bar-theme] body>.footer{background:var(--cisilion-bottom-background,linear-gradient(105deg,#081e40,#10365f 55%,#154b80))!important}
html[data-top-bar-theme] header.top .compass-mark>circle:first-child{fill:#0b284c;stroke:var(--cisilion-logo,#1685ff)}
html[data-top-bar-theme] header.top .compass-mark>path{fill:color-mix(in srgb,var(--cisilion-logo,#1685ff) 60%,white);stroke:#e6f3ff}

html[data-compass-theme="tabler"][data-top-bar-theme] #main :is(#understanding,.capability-understanding732) .understanding-benefit-card341>.capability-icon{background:var(--portal-theme-icons,#0963cf)!important;border-color:transparent}
#performancePanel [data-dashboard-panel="dashboardOverview"] .bb-metric-icon,
:is(#seller-opportunities,#forecast,#committed-pipeline,#orders) .sales-record-metrics381 .bb-metric-icon{width:38px;height:38px;border-radius:50%;border-color:transparent;background:var(--portal-theme-icons,#0963cf);color:#fff;}
.portal-preview-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;margin-right:8px}

.portal-preview-flag{display:inline-block!important;width:24px;height:28px;margin:0 8px 0 0!important;vertical-align:middle;clip-path:polygon(0 0,100% 0,100% 70%,10% 70%,10% 100%,0 100%)}

/* Card flag banners share the selected theme's flag paint. */
html[data-compass-theme="tabler"][data-top-bar-theme] #main .understanding-card-ribbon341{background:var(--portal-theme-flags,#0963cf)!important;border-color:transparent!important}
html[data-compass-theme="tabler"][data-top-bar-theme] #main .understanding-card-ribbon341::before{width:4px;height:4px;border:0!important;background:var(--portal-theme-flags,#0963cf);clip-path:polygon(100% 0,100% 100%,0 100%)}

/* Scaled portal layout keeps the preview faithful at every editor width. */
.portal-site-preview .portal-preview-site{width:1100px;font-size:14px;line-height:1.5;text-align:left}
.portal-site-preview .portal-preview-top{padding:22px 20px;gap:10px}
.portal-site-preview .portal-preview-top>strong{font-size:28px;color:#fff}
.portal-site-preview .portal-preview-logo,.portal-site-preview .portal-preview-logo svg{width:36px;height:36px}
.portal-preview-tools{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px}
.portal-preview-primary,.portal-preview-tool,.portal-preview-search{padding:9px 12px;border-radius:5px;white-space:nowrap}
.portal-preview-primary{background:#087bdf;color:white}.portal-preview-tool{border:1px solid #ffffff66}.portal-preview-search{background:#fff;color:#777;width:210px}
.portal-site-preview .portal-preview-nav{grid-template-columns:repeat(7,minmax(0,1fr));font-size:12px}
.portal-site-preview .portal-preview-nav>span{padding:14px 10px}
.portal-site-preview .portal-preview-body{padding:24px;min-height:650px;position:relative}
.portal-site-preview .portal-preview-body h4{margin:0 0 6px;font-size:22px;font-weight:600}
.portal-site-preview .portal-preview-body h5{margin:20px 0 12px;font-size:16px;font-weight:600}
.portal-site-preview .portal-preview-body p{margin:0 0 16px}.portal-preview-muted{color:#64748b}
.portal-site-preview .portal-preview-menu{right:24px;top:0;width:255px;padding:18px;gap:9px;font-size:12px;box-sizing:border-box}
.portal-site-preview .portal-preview-menu-group{font-size:11px}
.portal-preview-overview{position:relative;background:#fff;border:1px solid #e1e5eb;border-radius:8px;padding:20px;margin:20px 0}
.portal-preview-overview>h5{margin:0 0 10px!important}.portal-preview-overview>p{max-width:700px}
.portal-preview-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.portal-preview-benefits>[data-preview-card]{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #d7e7fb;border-radius:12px;padding:18px 16px 34px;min-height:145px;box-sizing:border-box}
.portal-preview-benefits p{margin:0!important;font-size:13px;line-height:1.6}.portal-preview-icon{flex:0 0 36px;width:36px;height:36px;margin:0;font-size:20px}
.portal-preview-actions{position:absolute;bottom:10px;right:14px;color:#087bdf;font-size:15px}.portal-preview-actions b{color:#dc3545;font-weight:400}
.portal-site-preview .portal-preview-flag{position:absolute;right:12px;top:-4px;display:flex!important;align-items:center;justify-content:center;width:32px;height:36px;clip-path:none;border-radius:0 6px 6px 6px;margin:0!important;color:#fff;font-size:20px}
.portal-preview-flag::before{content:'';position:absolute;right:100%;top:0;width:4px;height:4px;background:var(--preview-flag);clip-path:polygon(100% 0,100% 100%,0 100%);filter:brightness(.7)}
.portal-preview-overview>[data-preview-card="card2"]{border-radius:8px;padding:18px;margin-top:16px;font-size:14px}
.portal-site-preview .portal-preview-bottom{display:flex;justify-content:space-between;padding:18px 20px;font-size:11px}

.portal-preview-icon svg,.portal-preview-flag svg{width:20px;height:20px;color:#fff}.portal-site-preview .portal-preview-nav>span{display:flex;align-items:center;gap:7px}.portal-preview-nav svg{width:19px;height:19px;flex:0 0 19px;color:#fff}

/* Shared brand colour editor controls. */
.brand-swatch714{display:block;width:32px;height:32px;flex:0 0 32px;border-radius:50%;border:1px solid #d8e1ed;}
#brandProfileEditor .brand-colour512 .brand-picker544{background:#066fd1;color:#fff;border-color:#066fd1;}
#brandProfileEditor .brand-colour512 .brand-picker544:hover{background:#0059b3;color:#fff;}

/* Content-specific branding workspace. */
.brand-preview-tabs724{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px;border-bottom:1px solid #dce4ef;padding-bottom:10px;}
.brand-preview-tabs724 button{background:#f4f7fb;border:1px solid #dce4ef;color:#183b65;padding:8px 12px;border-radius:6px;font-size:12px;}
.brand-preview-tabs724 button[aria-selected="true"]{background:#0674dc;color:white;border-color:#0674dc;}
.brand-document-content724{padding:24px 0;min-height:400px;}.brand-document-content724 h2{font-size:22px;line-height:1.3;margin:0 0 8px;}.brand-document-panel724{padding:12px;margin:18px 0;font-size:12px;}.brand-document-section724{margin:20px 0;}.brand-document-section724 h4{font-size:13px;margin:0 0 8px;}.brand-document-section724 p{font-size:12px;line-height:1.6;margin:0;}.brand-document-content724 table{width:100%;margin:18px 0;}.brand-document-content724 td,.brand-document-content724 th{padding:10px;text-align:left;}
.portal-advanced724{display:grid;gap:14px;margin:18px 0;}.portal-advanced724 h4{margin:0;}.portal-advanced724 input[type="range"]{width:100%;}
#brandProfileEditor .portal-theme-workspace{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);}.portal-site-preview .brand-preview-tabs724{position:relative;z-index:1;}
body{color:var(--portal-bodyText,#081e40);}header.top{color:var(--portal-headerText,#fff);}header.top .brand-title,header.top #pillars button,header.top #pillars a{color:var(--portal-headerText,#fff);}.footer{color:var(--portal-footerText,#fff);}
button.primary,a.primary{background:var(--portal-button,#0674dc);color:var(--portal-buttonText,#fff);}
.card,.bb-resource-card{border-radius:var(--portal-radius,8px);border-color:var(--portal-border,#dce4ef);box-shadow:var(--portal-shadow,0 1px 3px #0001);}
@media(max-width:800px){#brandProfileEditor .portal-theme-workspace{grid-template-columns:1fr;}.brand-preview-tabs724 button{flex:1 1 40%;}}

header.top .headtitle-label{color:var(--portal-headerText,#fff);}body>.footer,body>.footer a{color:var(--portal-footerText,#fff);}

/* One stable shell for every Brand Settings content tab. Long editors scroll
   inside their cards instead of changing the shared workspace geometry. */
#brandProfileEditor :is(.brand-saved544,.portal-saved-themes){box-sizing:border-box;height:264px;margin:0;display:flex;flex-direction:column;overflow:hidden;}
#brandProfileEditor .brand-saved-heading544{min-height:44px;flex:0 0 44px;margin:0 0 16px;}
#brandProfileEditor .portal-saved-themes>h3{min-height:23px;flex:0 0 23px;}
#brandProfileEditor .portal-saved-themes>p{height:21px;flex:0 0 21px;margin:0 0 16px;overflow:auto;}
#brandProfileEditor :is(.brand-gallery512,.portal-theme-gallery){min-height:0;flex:1;overflow:auto;scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;}
#brandProfileEditor .brand-tile512{box-sizing:border-box;min-height:152px;}
#brandProfileEditor :is(.brand-workspace512,.portal-theme-workspace){display:grid;grid-template-columns:minmax(340px,.7fr) minmax(0,1.55fr);gap:14px;margin:14px 0 0;align-items:stretch;}
#brandProfileEditor :is(.brand-controls512,.brand-preview512){box-sizing:border-box;height:860px;min-height:0;margin:0;padding:18px;}
#brandProfileEditor .brand-controls512{overflow:auto;scrollbar-gutter:stable;}
#brandProfileEditor .brand-preview512{display:flex;flex-direction:column;overflow:hidden;}
#brandProfileEditor .brand-preview-heading512{flex:none;}
#brandProfileEditor .brand-preview-heading512>p{height:36px;overflow:auto;margin:6px 0 16px;}
#brandProfileEditor :is(.brand-preview-canvas544,.portal-preview-canvas){flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;}
#brandProfileEditor .brand-actionbar544{box-sizing:border-box;min-height:116px;}
@media(max-width:1150px){#brandProfileEditor :is(.brand-workspace512,.portal-theme-workspace){grid-template-columns:minmax(310px,.8fr) minmax(0,1.5fr);}#brandProfileEditor :is(.brand-gallery512,.portal-theme-gallery){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:850px){#brandProfileEditor :is(.brand-workspace512,.portal-theme-workspace){grid-template-columns:1fr;}#brandProfileEditor .brand-saved544{height:300px;}#brandProfileEditor .brand-saved-heading544{min-height:60px;flex-basis:60px;}#brandProfileEditor .portal-saved-themes>h3{min-height:39px;flex-basis:39px;}}

/* Keep shared card geometry without nested scrolling. The common minimum
   accommodates the complete portal editor; the page handles vertical overflow. */
#brandProfileEditor :is(.brand-controls512,.brand-preview512){height:auto;min-height:1480px;overflow:visible;scrollbar-gutter:auto;}
#brandProfileEditor :is(.brand-preview-canvas544,.portal-preview-canvas){flex:0 0 auto;min-height:0;overflow:visible;scrollbar-gutter:auto;}
#brandProfileEditor .brand-preview-heading512>p{overflow:visible;}
#brandProfileEditor .portal-theme-gallery .brand-tile512{height:152px;}
@media(max-width:850px){#brandProfileEditor :is(.brand-controls512,.brand-preview512){min-height:1880px;}}

/* Shared form rhythm for every content-specific brand editor. */
#brandProfileEditor .brand-controls512>p:first-of-type{margin:6px 0 16px;font-size:12px;line-height:1.5;min-height:36px;}
#brandProfileEditor :is(.brand-fields544,.portal-colour-fields){display:grid;gap:12px;padding:0;margin:0;min-width:0;}
#brandProfileEditor .brand-colour-row544{display:grid;grid-template-columns:minmax(104px,.85fr) minmax(0,1.6fr);align-items:center;gap:10px;margin:0;font-size:12px;}
#brandProfileEditor .brand-colour512{display:grid;grid-template-columns:32px minmax(0,1fr) 36px;gap:10px;align-items:center;}
#brandProfileEditor .brand-controls512 input:not([type=checkbox]):not([type=color]):not([type=range]),#brandProfileEditor .brand-controls512 select{height:42px;min-height:42px;box-sizing:border-box;}
#brandProfileEditor .portal-advanced724{display:block;margin:16px 0 0;}
#brandProfileEditor .portal-advanced724>.field{margin:14px 0;}
@media(max-width:1150px) and (min-width:851px){#brandProfileEditor .brand-colour-row544{grid-template-columns:1fr;gap:6px;}}
@media(max-width:520px){#brandProfileEditor .brand-colour-row544{grid-template-columns:1fr;gap:6px;}}

#brandProfileEditor [data-theme-error]:empty{display:none;}
@media(max-width:1150px) and (min-width:851px){#brandProfileEditor :is(.brand-controls512,.brand-preview512){min-height:1800px;}}

/* Brand Settings uses the same page-level tab component as Video Library. */
#brandContentTabs764>.bb-tabs{margin-top:0;}
#brandContentTabs764 .bb-tabs-list{margin-bottom:0;}
#brandContentTabs764 .bb-tab-panel{padding:14px 0 0;}
#brandContentTabs764 #brandProfileEditor :is(.brand-workspace512,.portal-theme-workspace){margin-top:0;}
#brandProfileEditor :is(.brand-saved544,.portal-saved-themes){height:174px;min-height:174px;overflow:visible;}
#brandProfileEditor .brand-saved-heading544{min-height:44px;flex-basis:44px;margin:0 0 12px;}
@media(max-width:520px){#brandProfileEditor .brand-saved-heading544{flex-direction:row;align-items:center;gap:10px;}#brandProfileEditor .brand-saved-heading544 h3{font-size:14px;}#brandProfileEditor .brand-saved-heading544 button{font-size:11px;}}

/* Brand selectors belong to the editor, alongside its profile name. */
#brandProfileEditor .brand-controls-heading774{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;min-height:42px;}
#brandProfileEditor .brand-controls-heading774 h3{margin:0;font-size:16px;line-height:1.5;}
#brandProfileEditor .brand-controls-heading774 button{white-space:nowrap;font-size:12px;padding:9px 12px;}
#brandProfileEditor .brand-preview-type774{margin:0 0 18px;}
#brandProfileEditor .brand-document-settings544>h4{margin:0;}
#brandProfileEditor .brand-document-settings544>p{margin:0;}
/* Shared card and filter surfaces override fixed page styles and the mobile shadow reset. */
html[data-compass-theme="tabler"][data-top-bar-theme] #main :is(.card,.bb-card,.bb-panel,.bb-resource-card,.bb-section-card,.bb-settings-card,.performance-card375,.performance-target375,.performance-chart375,.performance-sales379,.question,.course,.driver,.newsitem,.key-contact-group361,.integration-accordion,.customer-sales,.understanding-benefit-card341,.understanding-learning-list341>li,.bb-filter-bar,.dd-match-card,.dd-step){border-radius:var(--portal-radius,8px)!important;border-color:var(--portal-border,#dce4ef)!important;box-shadow:var(--portal-shadow,0 1px 3px #0001)!important;}
html[data-compass-theme="tabler"][data-top-bar-theme] :is(button.primary,button.bb-button-primary,.portal-action-primary395,.button-link.primary,a.primary){background:var(--portal-button,#0674dc)!important;color:var(--portal-buttonText,#fff)!important;border-color:var(--portal-button,#0674dc)!important;}
html[data-top-bar-theme] .login-page{background:var(--portal-login-background,var(--cisilion-top-background));}
html[data-top-bar-theme] .login-story{background:var(--cisilion-top-background);}

@media(max-width:850px){#brandProfileEditor :is(.brand-controls512,.brand-preview512){min-height:2100px;}}

html[data-compass-theme="tabler"][data-top-bar-theme] header.top :is(.brandrow,.headtitle,.headgroup,.right,.headtitle-label){color:var(--portal-headerText,#fff)!important;}
html[data-compass-theme="tabler"][data-top-bar-theme] header.top #pillars.pillarbar>button,
html[data-compass-theme="tabler"][data-top-bar-theme] header.top #pillars.pillarbar>button:is(:hover,.active,.is-active,[aria-pressed="true"],[aria-expanded="true"]){color:var(--portal-headerText,#fff)!important;}
html[data-compass-theme="tabler"][data-top-bar-theme] header.top :is(#adminButton,#signOut,#previewUserButton,#approvalNotifications),
html[data-compass-theme="tabler"][data-top-bar-theme] header.top :is(#adminButton,#signOut,#previewUserButton,#approvalNotifications):hover{color:var(--portal-headerText,#fff)!important;}
html[data-compass-theme="tabler"][data-bottom-bar-theme] body>.footer,
html[data-compass-theme="tabler"][data-bottom-bar-theme] body>.footer :is(a,#footerFeedback){color:var(--portal-footerText,#fff)!important;}
html[data-compass-theme="tabler"][data-top-bar-theme] header.top #headerOpportunity104{background:var(--portal-button,#0674dc)!important;border-color:var(--portal-button,#0674dc)!important;color:var(--portal-buttonText,#fff)!important;}

/* Compact live previews sit beside the editor in every brand tab. */
/* Reduce the previous editor width by another 20%, leaving the space for preview. */
#brandContentTabs764 #brandProfileEditor :is(.brand-workspace512,.portal-theme-workspace){grid-template-columns:minmax(0,calc(68% - 214.88px)) minmax(0,1fr);gap:16px;align-items:stretch;}
#brandContentTabs764 #brandProfileEditor :is(.brand-controls512,.brand-preview512){min-height:0;height:auto;overflow:visible;}
#brandContentTabs764 #brandProfileEditor .brand-controls512{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;align-content:start;padding:14px;container-type:inline-size;}
#brandContentTabs764 .brand-controls512>:is(h3,h4,p,div,fieldset,details,section){grid-column:1/-1;}
#brandContentTabs764 #brandProfileEditor .brand-controls512>:is(h4,p,.field,.brand-controls-heading774){margin:0;}
#brandContentTabs764 #brandProfileEditor .brand-controls512>.field{grid-column:1/-1;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:16px;}
#brandContentTabs764 #brandProfileEditor .brand-controls512>.brand-profile-name544{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:6px;align-self:start;padding:0;border:0;}
#brandContentTabs764 #brandProfileEditor .brand-controls512>p:first-of-type{min-height:0;}
#brandContentTabs764 #brandProfileEditor :is(.brand-fields544,.portal-colour-fields){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start;}
#brandContentTabs764 #brandProfileEditor .portal-colour-fields{border:0;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234{grid-column:1/-1;min-width:0;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .bb-tabs{margin:0;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .bb-tabs-list{flex-wrap:wrap;gap:2px;overflow:visible;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 [role="tab"]{padding:8px 10px;font-size:12px;white-space:normal;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .bb-tab-panel{padding:12px 0 0;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .portal-colour-group{border:0;padding:0;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .portal-colour-group>h4{display:none;}
#brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .portal-colour-group-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;}
#brandContentTabs764 #brandProfileEditor .portal-colour-group{min-width:0;border:1px solid var(--portal-border,#dce4ef);border-radius:8px;padding:12px;}
#brandContentTabs764 #brandProfileEditor .portal-colour-group>h4{margin:0 0 4px;font-size:14px;}
#brandContentTabs764 #brandProfileEditor .portal-colour-group>p{margin:0 0 10px;line-height:1.4;}
#brandContentTabs764 .portal-colour-group-fields{display:grid;gap:8px;}
#brandContentTabs764 #brandProfileEditor .brand-colour-row544{grid-template-columns:minmax(0,1fr) minmax(145px,.85fr);gap:10px;}
#brandContentTabs764 .brand-colour-description{display:grid;gap:3px;}
#brandContentTabs764 .brand-colour-description strong{font-weight:600;color:#081e40;line-height:1.5;}
#brandContentTabs764 .brand-colour-description small{font-size:11px;line-height:1.5;color:#52637a;}
#brandContentTabs764 #brandProfileEditor .portal-header-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:0;padding:0;}
#brandContentTabs764 #brandProfileEditor .portal-header-settings>:is(h4,p){grid-column:1/-1;margin:0;}
#brandContentTabs764 #brandProfileEditor .portal-header-settings>.field{margin:0;}
#brandContentTabs764 #brandProfileEditor .brand-document-settings544>:is(h4,p){grid-column:1/-1;}
#brandContentTabs764 #brandProfileEditor .portal-advanced724{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;}

#brandContentTabs764 #brandProfileEditor .brand-actionbar544{min-height:0;padding:12px 0 0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
#brandContentTabs764 #brandProfileEditor .brand-preview512{padding:14px;min-width:0;align-self:stretch;}
#brandContentTabs764 #brandProfileEditor .brand-preview-heading512{min-height:0;flex:0 0 auto;}
#brandContentTabs764 #brandProfileEditor .brand-preview-heading512>h3{font-size:16px;line-height:1.5;margin:0;}
#brandContentTabs764 #brandProfileEditor .brand-preview-heading512>p{height:auto;margin:6px 0 12px;font-size:12px;}
#brandContentTabs764 #brandProfileEditor .brand-preview-canvas544{padding:8px;}
#brandContentTabs764 #brandProfileEditor [data-profile-preview]{width:595px;max-width:none;box-sizing:border-box;margin:0;}
#brandContentTabs764 #brandProfileEditor .brand-document-section724{padding:0;border:0;}
#brandContentTabs764 #brandProfileEditor .portal-preview-canvas{margin-top:0;padding:8px;border:0;border-radius:0;background:#f4f6f8;}
#brandContentTabs764 #brandProfileEditor .brand-preview-type774{margin:0 0 12px;font-size:12px;}
#brandContentTabs764 #brandProfileEditor .brand-preview-type774 select{height:36px;min-height:36px;padding:6px 9px;}
#brandContentTabs764 #brandProfileEditor [data-brand-template-pdf]{width:100%;font-size:12px;}
@media(max-width:1050px){
 #brandContentTabs764 #brandProfileEditor :is(.brand-workspace512,.portal-theme-workspace){grid-template-columns:minmax(0,1fr);}
 #brandContentTabs764 #brandProfileEditor .brand-preview512{width:100%;max-width:360px;justify-self:center;box-sizing:border-box;}
}
@media(max-width:700px){
 #brandContentTabs764 #brandProfileEditor :is(.brand-controls512,.brand-controls512>.field,.brand-fields544,.portal-colour-fields,.portal-header-settings,.portal-advanced724){grid-template-columns:minmax(0,1fr);}
}

#brandContentTabs764 #brandProfileEditor .brand-controls-heading774{min-height:36px;}
#brandContentTabs764 #brandProfileEditor .brand-controls512>[data-brand-font-heading]{display:none;}
#brandContentTabs764 #brandProfileEditor .brand-controls512>.brand-font512{padding-bottom:10px;}
#brandContentTabs764 #brandProfileEditor .brand-controls512 input:not([type=checkbox]):not([type=color]):not([type=range]),#brandContentTabs764 #brandProfileEditor .brand-controls512 select{height:36px;min-height:36px;padding:6px 9px;}
#brandContentTabs764 #brandProfileEditor .brand-colour512{grid-template-columns:26px minmax(0,1fr) 34px;gap:6px;}
#brandContentTabs764 #brandProfileEditor :is(input[type=color],.brand-swatch714){width:26px;height:26px;}
#brandContentTabs764 #brandProfileEditor .brand-picker544{width:34px;height:34px;}
#brandContentTabs764 #brandProfileEditor .brand-document-settings544{gap:10px 18px;}
#brandContentTabs764 #brandProfileEditor .portal-advanced724{margin:0;padding:0;}
#brandContentTabs764 #brandProfileEditor .portal-advanced724>.field{margin:0;}

/* Keep the preview type beside its heading instead of reserving a blank row. */
#brandContentTabs764 #brandProfileEditor .brand-preview512{display:grid;grid-template-rows:36px minmax(0,1fr) 42px;gap:12px;align-content:start;}
#brandContentTabs764 #brandProfileEditor .brand-preview-heading512{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
#brandContentTabs764 #brandProfileEditor .brand-preview-heading512>h3{white-space:nowrap;}
#brandContentTabs764 #brandProfileEditor .brand-preview-type774{margin:0;min-width:0;width:240px;max-width:60%;}
#brandContentTabs764 #brandProfileEditor .brand-preview-type774 select{width:100%;min-width:0;}
.brand-preview-type-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
#brandContentTabs764 #brandProfileEditor :is(.brand-preview-canvas544,.portal-preview-canvas){grid-row:2;aspect-ratio:595/842;box-sizing:border-box;width:100%;min-width:0;align-self:start;}
#brandContentTabs764 #brandProfileEditor .brand-preview512>.buttons{grid-row:3;margin:0!important;align-self:end;}
/* Match the document heading height without adding a separate selector row. */
#brandContentTabs764 #brandProfileEditor .brand-preview512.portal-site-preview{grid-template-rows:36px minmax(0,1fr);}
#brandContentTabs764 #brandProfileEditor .portal-site-preview .portal-preview-canvas{grid-row:2;}
.portal-preview-menu[hidden]{display:none!important;}
.portal-preview-page .portal-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;}
.portal-preview-page .portal-preview-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));}
.portal-preview-page .portal-preview-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));}
.portal-preview-page .portal-preview-grid>.portal-preview-overview{margin:0;min-width:0;}
.portal-preview-page .portal-preview-grid h5{margin:12px 0 8px;}
.portal-preview-page .portal-preview-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;line-height:1.3;min-height:34px;box-sizing:border-box;}
.portal-preview-filter{display:flex;align-items:center;gap:12px;margin-top:14px;}
.portal-preview-input,.portal-preview-reset{display:block;border:1px solid #dce4ef;border-radius:6px;background:#fff;color:#52637a;padding:10px 12px;line-height:1.3;}
.portal-preview-filter>.portal-preview-input:first-child{flex:1;}
.portal-preview-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;}
.portal-preview-table :is(th,td){padding:14px 10px;border-bottom:1px solid #dce4ef;color:inherit;}
.portal-preview-table th{background:#f4f6f8;font-weight:600;}
.portal-preview-pagination{text-align:right;padding-top:18px;}
.portal-preview-metric{display:block;font-size:26px;font-weight:500;margin-top:16px;}
.portal-preview-progress{height:12px;background:#dce4ef;border-radius:6px;overflow:hidden;}
.portal-preview-progress>.portal-preview-primary{display:block;min-height:12px;width:76%;}
.portal-preview-document-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.portal-preview-library{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;}
.portal-preview-site[data-preview-page="login"]>:is(.portal-preview-header,.portal-preview-bottom){display:none;}
.portal-preview-site[data-preview-page="login"] .portal-preview-body{padding:0;}
.portal-preview-login{min-height:750px;padding:130px 60px 50px;box-sizing:border-box;}
.portal-preview-login-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;}
.portal-preview-login-story{padding:28px;color:white;}
.portal-preview-login-story h4{color:inherit;font-size:24px;}
.portal-preview-login-story p{color:#8bd8ff;}
.portal-preview-login-compass{display:flex;justify-content:center;margin:30px;}
.portal-preview-login-compass .portal-preview-logo{width:120px;height:120px;}
.portal-preview-login-compass .portal-preview-logo svg{width:120px;height:120px;}
.portal-preview-login-form{padding:64px 34px;background:white;color:#081e40;}
.portal-preview-login-form h4{font-size:30px;}
.portal-preview-login-form>.portal-preview-primary{display:flex;margin-top:36px;}
.portal-preview-login-footer{text-align:center;color:#cbd5e1;}
#brandContentTabs764 #brandProfileEditor .brand-controls-heading774{flex-wrap:wrap;align-items:center;gap:8px;}
#brandContentTabs764 #brandProfileEditor .brand-profile-actions254{display:flex;gap:8px;flex-wrap:wrap;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;scrollbar-gutter:auto;flex:none;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-tile512{display:grid;grid-template-rows:1fr 18px;align-items:start;gap:8px;min-height:84px;height:84px;padding:10px;box-shadow:none;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-tile512.is-selected{box-shadow:inset 0 0 0 1px #0963cf;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 :is(.brand-radio544,.brand-description544,.brand-tile-font544,.brand-protected544){display:none;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-tile-heading512{display:grid;justify-items:start;gap:0;min-width:0;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-tile-heading512 strong{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-default512{flex-shrink:0;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-swatches512{margin:0;width:100%;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-swatches512>span{max-width:none;height:18px;}
#brandContentTabs764 #brandProfileEditor .brand-profile-cards254 .brand-tile-copy544{gap:0;}
#brandContentTabs764 #brandProfileEditor .brand-default-choice512{grid-column:1/-1;}
#brandContentTabs764 #brandProfileEditor .brand-font-panel264 .brand-font512{padding:0;border:0;max-width:420px;}
@container(max-width:500px){
 #brandContentTabs764 #brandProfileEditor .brand-profile-cards254{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:1051px){
 #brandContentTabs764 #brandProfileEditor :is(.brand-controls512,.brand-preview512){min-height:1020px;}
}
@container(min-width:1200px){
 #brandContentTabs764 #brandProfileEditor :is(.portal-colour-fields,.brand-fields544){grid-template-columns:repeat(3,minmax(0,1fr));}
}
@container(max-width:800px){
 #brandContentTabs764 #brandProfileEditor .brand-colour-row544{grid-template-columns:minmax(0,1fr);gap:6px;}
}
@container(max-width:500px){
 #brandContentTabs764 #brandProfileEditor :is(.portal-colour-fields,.brand-fields544,.portal-header-settings,.portal-advanced724){grid-template-columns:minmax(0,1fr);}
 #brandContentTabs764 #brandProfileEditor .brand-colour-tabs234 .portal-colour-group-fields{grid-template-columns:minmax(0,1fr);}
}

/* Let neighbouring fields share their row height without vertically centring
   shorter descriptions. Headings start together and colour controls finish together. */
#brandContentTabs764 #brandProfileEditor :is(.brand-fields544,.portal-colour-group-fields,.brand-document-settings544,.portal-header-settings,.portal-advanced724){align-items:stretch;}
#brandContentTabs764 #brandProfileEditor :is(.brand-colour-row544,.brand-setting-row284){display:flex;flex-direction:column;align-items:stretch;align-self:stretch;justify-content:flex-start;gap:6px;margin:0;}
#brandContentTabs764 #brandProfileEditor .brand-colour-description{align-content:start;}
#brandContentTabs764 #brandProfileEditor .brand-colour512{margin-top:auto;width:100%;}
#brandContentTabs764 #brandProfileEditor .brand-setting-row284>:is(input,select){margin-top:auto;}
#brandProfileEditor :is([data-profile-lock],[data-portal-profile-lock]){min-width:112px;}
#brandProfileEditor [data-brand-card512]{position:relative;}
#brandProfileEditor [data-brand-card512]:has(.portal-theme-lock314) .brand-tile-heading512{padding-right:18px;}
#brandProfileEditor [data-portal-theme-card]{position:relative;}
#brandProfileEditor [data-portal-theme-card]:has(.portal-theme-lock314) .brand-tile-heading512{padding-right:18px;}
.portal-theme-lock314{position:absolute;right:8px;top:8px;display:inline-flex;color:#52637a;}
#brandContentTabs764 #brandProfileEditor [id$="-panel-text"] .brand-colour512:has([data-profile-setting]){grid-template-columns:26px minmax(70px,96px) 34px;}
#brandContentTabs764 #brandProfileEditor [id$="-panel-text"] .brand-colour512:has([data-profile-text-size]){grid-template-columns:26px minmax(70px,96px) 34px minmax(105px,1fr);}
.brand-text-size354{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:6px;min-width:0;font-size:11px;line-height:1.2;}
#brandProfileEditor .brand-text-size354 input{width:54px!important;min-width:0;min-height:34px;height:34px;margin:0;padding-inline:6px;}