/* Lucian UX/UI Prompts #030, #032, #097, #095 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/ */
.nt211 { --ui-surface:var(--account-surface,var(--surface,#fff));--ui-subtle:var(--account-subtle,#edf4f8);--ui-text:var(--account-text,var(--text,#182538));--ui-muted:var(--account-muted,var(--muted,#526477));--ui-line:var(--account-border,var(--line,#bccbd5));--ui-accent:var(--account-primary,var(--accent,#0f766e));--ui-ease:cubic-bezier(.2,.8,.2,1);--ui-spring:cubic-bezier(.34,1.45,.64,1); color:var(--ui-text);box-sizing:border-box; }
.nt211 *, .nt211 *::before,.nt211 *::after {box-sizing:border-box;}
.nt211 button {font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;}
.nt211 button:focus-visible {outline:2px solid var(--ui-accent);outline-offset:3px;}
.nt211 button:disabled {opacity:.5;cursor:default;}
.rangeControl {display:grid;gap:4px;max-width:300px;min-width:0;font-size:13px;}
.rangeControl>button {min-height:44px;display:flex;gap:12px;align-items:center;justify-content:space-between;white-space:normal;}
html body label[data-range-native][hidden] {display:none!important;}
html body #workspace[data-view="audit"] .auditToolbar label.auditDateFilter[data-range-native][hidden] {display:none!important;}
html body #workspace[data-view="audit"] .auditToolbar:has(.rangeControl) {display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
html body #workspace[data-view="audit"] .auditToolbar:has(.rangeControl)>.rangeControl {display:grid!important;flex:0 1 280px;max-width:100%;}
html body #workspace[data-view="audit"] .auditToolbar:has(.rangeControl)>.studentAdminSearch {flex:0 1 320px;min-width:0!important;}
html body .pllHistoryHeader .rangeControl {display:inline-grid;vertical-align:middle;margin:4px 8px 4px 0;}
html body #revenueGroupChart:has(>.ntBars) {display:block!important;height:auto!important;background:transparent!important;min-width:0;padding:0!important;}
html body .revenueBenefitBody:has(>.ntDonut) {display:grid;grid-template-columns:minmax(0,1fr);}
html body .revenueBenefitBody>.ntDonut {min-width:0;width:100%;}
html body .revenueBenefitBody>dl {margin:8px 0 0;font-size:13px;}
html body :is(.revenueBenefitCard,.statusPieCard):has(.ntDonut) {background:var(--account-surface,var(--surface,#fff));color:var(--account-text,var(--text,#182538));border-color:var(--account-border,var(--line,#bccbd5));}
html body :is(.revenueBenefitCard,.statusPieCard):has(.ntDonut) :is(h4,dt,dd,p) {color:inherit;}
html body #studentFlowReport .rangeControl {flex:0 1 290px;}
html body dialog.discountEvidenceDialog [data-evidence-delete] {color:var(--danger,#b91c1c)!important;}
html body dialog.discountEvidenceDialog {background:var(--account-surface,var(--surface,#fff))!important;color:var(--account-text,var(--text,#182538))!important;border-color:var(--account-border,var(--line,#bccbd5))!important;}
html body dialog.discountEvidenceDialog :is(h3,label,p,strong,span) {color:inherit;}
html body dialog.discountEvidenceDialog .ghostBtn {background:var(--account-subtle,#edf4f8)!important;color:var(--account-text,#182538)!important;border-color:var(--account-border,#bccbd5)!important;}
html body dialog.discountEvidenceDialog .evidenceFileList article {border-color:var(--account-border,#bccbd5);}
html body dialog.discountEvidenceDialog [data-evidence-status].isError {background:var(--account-subtle,#fff1f2);color:var(--account-text,#991b1b);border-left:3px solid #b91c1c;}
:root[data-theme-resolved="dark"] dialog.discountEvidenceDialog [data-evidence-delete] {color:#fda4af!important;}
html body dialog.rangeCalendar {width:min(350px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:18px 16px 16px;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-surface);color:var(--ui-text);}
.rangeCalendar header,.rangeCalendar nav,.rangeCalendar footer {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.rangeCalendar header {margin-bottom:12px;}
.rangeCalendar button {border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-subtle);min-height:44px;padding:8px 10px;}
.rangeCalendar header button {min-width:44px;}
.rangePills {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.rangePills button {text-align:left;}
.rangePills small,.rangePills b {display:block;}
.rangePills small {color:var(--ui-muted);font-size:12px;}
.rangePills .selecting {box-shadow:inset 0 0 0 2px var(--ui-accent);}
.rangeCalendar nav {margin-bottom:8px;}
.rangeCalendar nav button {min-width:44px;font-size:24px;line-height:1;}
.rangeWeek,.rangeGrid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}
.rangeWeek {text-align:center;font-size:12px;color:var(--ui-muted);margin-bottom:5px;}
.rangeGrid {min-height:0;}
.rangeGrid button {border:0;border-radius:50%;padding:0;min-width:0;height:44px;background:transparent;font-variant-numeric:tabular-nums;}
.rangeGrid button.inRange {background:color-mix(in srgb,var(--ui-accent) 18%,var(--ui-surface));border-radius:4px;}
.rangeGrid button.edge {background:var(--ui-accent);color:#fff;border-radius:50%;}
.rangeCalendar p {font-size:13px;min-height:20px;margin:10px 0;}
.rangeCalendar footer {border-top:1px solid var(--ui-line);padding-top:12px;}
.rangeCalendar footer .primaryBtn {background:var(--ui-accent);color:#fff;}
.ntDonut {display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;padding:8px 0;background:var(--ui-surface);max-width:100%;}
.donutStage {position:relative;width:140px;height:140px;max-width:100%;margin:auto;}
.donutStage svg {width:100%;height:100%;transform:rotate(-90deg);overflow:visible;}
.donutTrack,.donutSlice {fill:none;stroke-width:26;}
.donutTrack {stroke:var(--ui-subtle);}
.donutSlice {cursor:pointer;transition:stroke-dasharray .6s var(--ui-ease),stroke-dashoffset .6s var(--ui-ease),stroke-width .45s var(--ui-spring),opacity .25s;}
.donutSlice.highlight {stroke-width:34;}
.highlighting .donutSlice:not(.highlight) {opacity:.38;}
.donutCenter {position:absolute;inset:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:3px;}
.donutCenter small,.donutCenter span {font-size:12px;color:var(--ui-muted);}
.donutCenter b {font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:normal;}
.donutLegend {display:grid;grid-template-columns:minmax(0,1fr);gap:0;}
.donutLegend button {display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;text-align:left;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;background:transparent;padding:4px;}
.donutLegend button i {width:12px;height:12px;flex-shrink:0;background:var(--slice-color);border-radius:4px;}
.donutLegend button span {flex:1;min-width:0;font-size:13px;overflow-wrap:normal;}
.donutLegend button b {font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.donutLegend button small {display:block;font-size:12px;}
.ntDonut[data-zero-expanded="false"] .donutLegend [data-value="0"] {display:none !important;}
.ntDonut .zeroStatusToggle {grid-column:1/-1;justify-self:start;min-height:44px;font-size:13px;}
.ntDonut .zeroStatusEmpty {grid-column:1/-1;margin:0;font-size:14px;color:var(--ui-muted);}
.donutLegend button[aria-pressed="false"] span {text-decoration:line-through;}
.donutLegend button[aria-pressed="false"] i {background:transparent;border:2px solid var(--slice-color);}
.chartHint {display:block;margin-top:8px;font-size:12px;color:var(--ui-muted);}
.ntBars {padding:8px 0;background:var(--ui-surface);min-width:0;}
.ntBars header {display:flex;justify-content:space-between;align-items:start;gap:12px;}
.ntBars header>div:first-child {min-width:0;display:grid;gap:4px;}
.ntBars header small,.ntBars header span {font-size:12px;color:var(--ui-muted);}
.ntBars header strong {font-size:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.ntBars header :is(small,strong,span):empty {display:none;}
.barModes {display:flex;gap:4px;flex-shrink:0;}
.barModes button {min-height:44px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-subtle);}
.barModes [aria-pressed="true"] {background:var(--ui-accent);color:#fff;}
.barLegend {display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:12px 0;}
.barLegend i {display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;}
.ntBars .series0>i,.barLegend .series0 {background:#526b86;}
.ntBars .series1>i,.barLegend .series1 {background:var(--ui-accent);}
#revenueGroupChart .series0>i,#revenueGroupChart .barLegend .series0 {background:#d85c19;}
#revenueGroupChart .series1>i,#revenueGroupChart .barLegend .series1 {background:#13706d;}
.barPlot {display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:8px 4px;}
.barGroup {display:flex;flex-direction:column;min-width:85px;flex:1;gap:6px;}
.barGroup>strong {order:2;font-size:12px;text-align:center;overflow-wrap:anywhere;}
.barGroup>small {order:3;font-size:12px;color:var(--ui-muted);}
.barPair {display:flex;gap:4px;height:160px;align-items:stretch;}
.barPair button {position:relative;flex:1;min-width:35px;padding:0;border:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-end;}
.barPair button>i {display:block;width:100%;height:var(--bar);min-height:0;max-height:100%;border-radius:8px 8px 4px 4px;transition:height .65s var(--ui-spring),opacity .25s;}
.barPair button>span {font-size:11px;position:absolute;bottom:calc(var(--bar) + 2px);left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;pointer-events:none;}
.barPair button.highlight>span {opacity:1;background:var(--ui-text);color:var(--ui-surface);padding:4px;border-radius:6px;bottom:50%;}
.barPair button.highlight>i {opacity:.65;}
.barPair button[aria-pressed="true"] {outline:2px solid var(--ui-accent);outline-offset:2px;}
.ntBars[data-mode="horizontal"] .barPlot {display:grid;overflow:visible;}
.ntBars[data-mode="horizontal"] .barGroup {display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,3fr);}
.ntBars[data-mode="horizontal"] .barGroup>strong {order:0;text-align:left;}
.ntBars[data-mode="horizontal"] .barPair {height:auto;display:grid;gap:4px;}
.ntBars[data-mode="horizontal"] .barPair button {min-height:28px;display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:start;}
.ntBars[data-mode="horizontal"] .barPair button>i {height:12px;width:var(--bar);transition:width .55s var(--ui-ease);flex-shrink:1;}
.ntBars[data-mode="horizontal"] .barPair button>span {position:static;opacity:1;transform:none;font-size:12px;}
.ntBars[data-mode="horizontal"] .barGroup>small {grid-column:1/-1;}
.nt211.uploadZone {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:130px;width:100%;border:2px dashed var(--ui-line);border-radius:20px;background:var(--ui-subtle);padding:16px;text-align:center;cursor:pointer;transition:transform .5s var(--ui-spring),background-color .3s var(--ui-ease);}
.uploadZone.isDragging {border-color:var(--ui-accent);transform:scale(1.015);}
.uploadZone input[type="file"] {position:absolute;width:1px;height:1px;opacity:0;}
.uploadZone:focus-within {outline:2px solid var(--ui-accent);outline-offset:3px;}
.uploadZone .uploadIcon {font-size:30px;color:var(--ui-accent);}
.uploadQueue {display:grid;gap:8px;margin:12px 0;}
.uploadRow {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);}
.uploadRow strong {font-size:14px;overflow-wrap:anywhere;}
.uploadRow small {grid-column:1/-1;font-size:12px;color:var(--ui-muted);}
.uploadRow progress {grid-column:1/-1;width:100%;height:6px;accent-color:var(--ui-accent);}
.uploadRow button {min-height:44px;}
.uploadRow.isError {border-color:#b91c1c;}
.uploadQueue:empty {display:none;}
.revenueBenefitCard {container-type:inline-size;}
.revenueBenefitCard .ntDonut {grid-template-columns:minmax(0,1fr);gap:4px;}
@container(min-width:280px){.revenueBenefitCard .ntDonut {grid-template-columns:106px minmax(0,1fr);gap:8px;}.revenueBenefitCard .donutStage {width:106px;height:106px;}.revenueBenefitCard .donutCenter {inset:20px;}.revenueBenefitCard .donutCenter small {font-size:11px;}}
.revenueBenefitCard .benefitBase {font-size:13px;margin:4px 0;}
.statusPieCard>.ntDonut {margin-top:8px;}
@media(min-width:1100px){.statusPieCard .donutLegend {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;}}
@media(max-width:600px){
  .ntBars:not([data-mode="columns"]) .barPlot {display:grid;overflow:visible;}
  .ntBars:not([data-mode="columns"]) .barGroup {display:grid;grid-template-columns:minmax(85px,1fr) minmax(100px,2fr);}
  .ntBars:not([data-mode="columns"]) .barGroup>strong {order:0;text-align:left;}
  .ntBars:not([data-mode="columns"]) .barPair {height:auto;display:grid;gap:4px;}
  .ntBars:not([data-mode="columns"]) .barPair button {min-height:28px;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:6px;}
  .ntBars:not([data-mode="columns"]) .barPair button>i {height:12px;width:var(--bar);flex-shrink:1;}
  .ntBars:not([data-mode="columns"]) .barPair button>span {position:static;opacity:1;transform:none;}
  .ntBars:not([data-mode="columns"]) .barGroup>small {grid-column:1/-1;}
  .donutLegend {grid-template-columns:1fr;}
  .ntDonut {grid-template-columns:minmax(0,1fr);gap:4px;}
  .rangeControl {max-width:100%;}
}
@media(prefers-reduced-motion:reduce){.nt211 *,.nt211 *::before,.nt211 *::after {transition:none!important;animation:none!important;}}

/* TESTDD213: isolate new chart layout from legacy descendant flex rules. */
html body #revenueMovementSummary .ntBars {display:block;min-height:0;}
html body #revenueMovementSummary .ntBars header {display:flex;align-items:start;justify-content:space-between;}
html body #revenueMovementSummary .ntBars header>div:first-child {display:grid;gap:4px;}
html body #revenueMovementSummary .ntBars .barModes {display:flex;gap:4px;}
html body #revenueMovementSummary .ntBars .barLegend {display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:12px;margin:6px 0;}
html body #revenueMovementSummary .ntBars .barPlot {display:flex;align-items:stretch;justify-content:start;gap:12px;}
html body #revenueMovementSummary .ntBars .barGroup {display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:6px;}
html body #revenueMovementSummary .ntBars .barPair {display:flex;align-items:stretch;justify-content:start;gap:4px;height:140px;}
html body :is(#revenueMovementSummary,#revenueGroupChart) .ntBars .barGroup {flex:1 1 80px;max-width:110px;min-width:72px;}
html body :is(#revenueMovementSummary,#revenueGroupChart) .ntBars .barPair {height:140px;}
html body :is(#revenueMovementSummary,#revenueGroupChart) .ntBars .barPair button {height:100%;min-width:28px;max-width:48px;}
html body #workspace[data-view="revenue"][data-report-tab="revenue"] .revenueTopGrid {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:12px;align-items:start;}
html body .revenueGroupComparePanel {padding:12px;}
html body .revenueActualOverview {padding:16px;border:1px solid var(--account-border,var(--line,#bccbd5));border-radius:14px;background:var(--account-surface,#fff);color:var(--account-text,#182538);min-width:0;}
.revenueActualOverview header {display:grid;gap:4px;}
.revenueActualOverview header small {font-size:12px;color:var(--account-muted,#526477);}
.revenueActualOverview .actualRevenueTotal {font-size:22px;font-weight:700;margin:8px 0;}
.revenueActualOverview .ntDonut {grid-template-columns:140px minmax(0,1fr);}
.revenueActualOverview .donutCenter [data-center-value] {font-size:12px;}
html body #studentFlowReport {padding:12px;}
html body #studentFlowReport .studentFlowAdvanced .studentFlowFilters {display:grid;grid-template-columns:repeat(4,minmax(120px,190px));justify-content:start;gap:8px;margin:4px 0 10px;}
html body #studentFlowReport .studentFlowAdvanced summary {min-height:36px;}
html body #studentFlowReport .studentFlowQuickFilters .rangeControl {flex-basis:250px;}
html body dialog.rangeCalendar {padding:12px;border-radius:16px;}
.rangeCalendar header {margin-bottom:8px;}
.rangePills {gap:6px;margin-bottom:8px;}
.rangeCalendar nav {gap:4px;}
.rangeCalendar p {margin:6px 0;}
.rangeCalendar footer {padding-top:8px;}
@media(max-width:900px){
 html body #workspace[data-view="revenue"][data-report-tab="revenue"] .revenueTopGrid {grid-template-columns:minmax(0,1fr);}
 html body #studentFlowReport .studentFlowAdvanced .studentFlowFilters {grid-template-columns:repeat(2,minmax(0,190px));}
}
@media(max-width:600px){
 .revenueActualOverview .ntDonut {grid-template-columns:minmax(0,1fr);}
 html body #revenueMovementSummary .ntBars:not([data-mode="columns"]) .barPlot {display:grid;}
 html body #revenueMovementSummary .ntBars:not([data-mode="columns"]) .barGroup {display:grid;grid-template-columns:minmax(85px,1fr) minmax(100px,2fr);max-width:none;}
 html body #revenueMovementSummary .ntBars:not([data-mode="columns"]) .barPair {display:grid;grid-template-columns:minmax(0,1fr);height:auto;}
 html body :is(#revenueMovementSummary,#revenueGroupChart) .ntBars:not([data-mode="columns"]) .barPair button {height:auto;max-width:none;}
}
html body #revenueMovementSummary .ntBars[data-mode="horizontal"] .barPlot {display:grid;}
html body #revenueMovementSummary .ntBars[data-mode="horizontal"] .barGroup {display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,3fr);max-width:none;}
html body #revenueMovementSummary .ntBars[data-mode="horizontal"] .barPair {display:grid;grid-template-columns:minmax(0,1fr);height:auto;}
html body :is(#revenueMovementSummary,#revenueGroupChart) .ntBars[data-mode="horizontal"] .barPair button {height:auto;max-width:none;}

/* TESTDD214: main facts first; optional explanations stay accessible. */
html body #revenueKpis {gap:8px;margin:8px 0;}
html body #revenueKpis article {padding:12px!important;min-height:0!important;display:flex!important;flex-direction:column;align-items:start;justify-content:start!important;gap:5px!important;}
html body #revenueKpis article>span {margin:0!important;font-size:13px;}
html body #revenueKpis article>strong {margin:0!important;font-size:clamp(20px,2vw,28px)!important;line-height:1.2;}
.reportSecondaryDetails {font-size:12px;margin:4px 0;min-width:0;}
.reportSecondaryDetails summary {cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;color:var(--account-primary,var(--accent,#0f766e));}
.reportSecondaryDetails summary::before {content:'▸';}
.reportSecondaryDetails[open]>summary::before {content:'▾';}
.reportSecondaryDetails p {font-size:13px;line-height:1.5;max-width:720px;margin:4px 0;}
html body :is(#revenueGroupChartMeta,#revenueMovementSummaryMeta)[hidden] {display:none!important;}
html body .revenueGroupComparePanel>header {padding:8px!important;min-height:0!important;}
html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars[data-embedded="true"] {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;position:relative;}
html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars[data-embedded="true"]>header {grid-column:2;grid-row:1;padding:0;}
html body .ntBars[data-embedded="true"]>header>div:first-child {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars[data-embedded="true"]>.barLegend {grid-column:1;grid-row:1;align-self:center;margin:0;gap:8px;}
html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars[data-embedded="true"]>.barPlot {grid-column:1/-1;}
html body #revenueMovementSummary .movementQuickSummary {margin:0 0 4px;font-weight:600;}
html body .movementSummaryPanel {padding:12px!important;}
html body .movementSummaryPanel>strong {margin:0 0 8px!important;}
html body .revenueActualOverview {padding:12px;}
html body .revenueActualOverview .actualRevenueTotal {font-size:22px;margin:6px 0;}
html body .revenueBenefitMore {width:auto;min-height:44px;padding:8px 12px;margin-top:4px;}
html body .revenueBenefitCard .benefitBase {font-size:12px;}
html body :is(#revenueSegmentReport,#revenueMovementBoard)>h3 {margin:8px 0;}
html body .revenueBoardHeading {padding:8px 0!important;min-height:0!important;}
html body .reportSecondaryDetails .revenueMobileZoomBar {margin:0!important;padding:4px!important;min-height:0!important;}
@media(max-width:600px){
 html body #revenueKpis {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html body #revenueKpis article:last-child {grid-column:1/-1;}
 html body #revenueKpis article>strong {font-size:clamp(16px,4vw,20px)!important;white-space:nowrap;}
 html body .ntBars .barModes button {padding:6px 8px;min-width:44px;}
 .reportSecondaryDetails p {max-width:100%;}
 html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars:not([data-mode="columns"]) .barGroup {max-width:none;}
 html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars:not([data-mode="columns"]) .barPair {height:auto;grid-template-columns:minmax(0,1fr);}
}
html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars[data-mode="horizontal"] .barGroup {max-width:none;}
html body :is(#revenueGroupChart,#revenueMovementSummary) .ntBars[data-mode="horizontal"] .barPair {height:auto;grid-template-columns:minmax(0,1fr);}

/* TESTDD215: heading actions and help do not reserve extra rows. */
html body #revenueBenefitReport>.revenueBenefitGrid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
html body .benefitCardHeading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding:0;}
html body .benefitCardHeading h4 {margin:0;min-width:0;}
html body .benefitCardHeading .revenueBenefitMore {margin:0;flex-shrink:0;min-height:44px;padding:6px 10px;}
.reportHeadingHelp,.reportTableOptions {position:relative;margin:0;max-width:100%;}
.reportHeadingHelp>summary {display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;}
.reportHeadingHelp>summary::-webkit-details-marker,.reportTableOptions>summary::-webkit-details-marker {display:none;}
.reportHeadingHelp summary h3 {margin:0;font-size:16px;}
.reportHeadingHelp summary i {font-size:14px;color:var(--account-primary,var(--accent,#0f766e));}
.reportHeadingHelp summary:focus-visible,.reportTableOptions summary:focus-visible {outline:2px solid var(--account-primary,#0f766e);outline-offset:2px;}
.reportHelpPanel {position:fixed;z-index:3000;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:12px;border:1px solid var(--account-border,#bccbd5);border-radius:10px;background:var(--account-surface,#fff);color:var(--account-text,#182538);box-shadow:0 6px 22px #0002;}
.reportHelpPanel p {font-size:13px;line-height:1.5;margin:0;}
html body #revenueKpis .reportHeadingHelp {font-size:13px;}
html body #revenueKpis .reportHeadingHelp>summary {min-height:24px;}
html body .reportTitleRow {display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;min-width:0;}
html body .reportTitleRow>h3,html body .reportTitleRow .revenueBoardHeading {margin:0;padding:0!important;}
.reportTableOptions>summary {display:flex;align-items:center;min-height:44px;padding:6px 10px;cursor:pointer;list-style:none;color:var(--account-primary,var(--accent,#0f766e));font-size:13px;white-space:nowrap;}
html body .reportTableOptions .revenueMobileZoomBar {display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;padding:0!important;margin:0 0 8px!important;min-height:0!important;}
.reportTableOptions button {min-height:44px;min-width:44px;}
@media(max-width:1100px){html body #revenueBenefitReport>.revenueBenefitGrid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){
 html body #revenueBenefitReport>.revenueBenefitGrid {grid-template-columns:minmax(0,1fr);}
 html body #revenueKpis .reportHeadingHelp>summary {min-height:44px;}
 html body .reportTitleRow>h3,html body .reportTitleRow h3 {font-size:14px;}
 html body .reportTitleRow {align-items:start;}
}