/* Presentation contract shared by canvas, publication and embed. */
:root{--muted:var(--ink-2);--line:var(--border);--bg:var(--page)}
body:has(.modern-canvas),body:has(.rde){background:var(--page);color:var(--ink);font-family:var(--font)}
.main:has(.modern-canvas){background:var(--page);padding:var(--s5)}
.page-head:has(~.canvas-viewport .modern-canvas){background:transparent;border:0;padding:0;margin-bottom:var(--s4)}
.page-head h1{font-size:var(--fs-page);font-weight:var(--fw-title)}
html[data-theme=dark] :is(.panel,dialog,.editor-toolbar,.parameter-panel,input,select,textarea,button){background:var(--surface);color:var(--ink);border-color:var(--border)}
/* Primary actions keep the same accessible brand token in both themes. */
html button.primary,html[data-theme] button.primary{background:var(--red);border-color:var(--red);color:var(--on-red)}
html button.primary:hover,html[data-theme] button.primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:var(--on-red)}
#copilot-status:not(:empty){display:block;margin-block:var(--s4);line-height:1.55}
.conversation-context{margin-block:var(--s4)}
.conversation-context>p{margin-bottom:var(--s3)}
.conversation-context details>summary{margin-bottom:var(--s3)}
.modern-canvas,.rde{font:var(--fs-body)/1.45 var(--font);color:var(--ink)}
.modern-canvas .widget,.rde-widget{background:var(--surface);border:var(--stroke) solid var(--border);border-radius:var(--r-card);box-shadow:none;color:var(--ink);overflow:hidden;min-width:0}
.modern-canvas .widget:hover,.rde-widget:hover{box-shadow:var(--shadow-hover)}
.modern-canvas .widget-header{min-height:0;padding:var(--s4) var(--s4) 0;border:0;background:none;gap:var(--s2);align-items:flex-start}
.modern-canvas .widget-title,.rde-widget h3{font:var(--fw-title) var(--fs-card-title)/1.4 var(--font);color:var(--ink);white-space:normal;margin:0}
.modern-canvas [data-type=metric] .widget-title,.modern-canvas [data-type=calculated] .widget-title,.rde-widget[data-type=metric] h3{font-size:var(--fs-card);font-weight:var(--fw-label);color:var(--ink-2)}
.modern-canvas .widget-content{display:block;padding:var(--s2) var(--s4) var(--s4);position:relative;flex:1;min-height:0;overflow:auto}
.modern-chart{width:100%;height:var(--chart-height);min-height:0}.modern-spark{height:var(--spark-height);width:100%;margin-top:var(--s1)}
.modern-kpi{position:relative;display:grid;gap:var(--s1)}
.modern-kpi .widget-metric{font:var(--fw-title) var(--fs-kpi-card)/1.15 var(--font);color:var(--ink);font-variant-numeric:proportional-nums;text-align:left;padding:0;overflow-wrap:anywhere}
.kpi-change{font-size:var(--fs-note);font-weight:var(--fw-label)}.kpi-change span,.kpi-target,.modern-kpi small{font-size:var(--fs-note);color:var(--ink-2);font-weight:var(--fw-body)}
.kpi-change.good{color:var(--delta-good-text)}.kpi-change.bad{color:var(--delta-bad-text)}.kpi-change.neutral{color:var(--ink-muted)}
.kpi-progress{height:var(--s1);background:var(--grid);border-radius:var(--r-control);overflow:hidden}.kpi-progress>span{display:block;height:100%;background:var(--series-1)}
.widget-info{font-size:var(--fs-note);color:var(--ink-2);margin-top:var(--s1)}.widget-info summary{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:var(--stroke) solid var(--border);border-radius:var(--r-panel);height:var(--fs-section);width:var(--fs-section);font:var(--fs-note) var(--font)}
.widget-info[open]{background:var(--page);padding:var(--s2)}.widget-info .widget-freshness{font-size:var(--fs-note)}
.modern-kpi>.widget-info{position:absolute;right:0;top:0}.modern-kpi>.widget-info[open]{position:relative}
.canvas.modern-canvas[data-reader=true],.rde-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4);width:100%!important;height:auto!important;min-height:0;background:transparent;box-shadow:none;align-items:stretch;padding:0}
.canvas.modern-canvas[data-reader=true]>.widget{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0;grid-column:span var(--span,6);display:flex;flex-direction:column}
.canvas.modern-canvas[data-reader=true]>.widget:is([data-type=metric],[data-type=calculated]){min-height:var(--kpi-height);order:0}
.canvas.modern-canvas[data-reader=true]>.widget{order:2}.canvas.modern-canvas[data-reader=true]>.widget[data-type=text]{order:1}
.canvas.modern-canvas[data-reader=true]>.widget:is([data-type=table],[data-type=pivot],[data-type=scorecard]){order:3;grid-column:span 12}
.canvas-viewport:has(.modern-canvas[data-reader=true]){background:transparent;padding:0;border:0;overflow:visible;min-height:0}
.modern-canvas[data-reader=true] .widget.selected{outline:none;border-color:var(--border)}
.modern-canvas[data-reader=true] .widget-header{cursor:default}
.modern-canvas[data-reader=true] :is(.resize-handle,[data-props],[data-remove],[data-widget-comment],.local-variance-edit){display:none!important}
.modern-canvas table,.rde table{width:100%;border-collapse:collapse;font-size:var(--fs-card);font-variant-numeric:tabular-nums}
.modern-canvas th,.rde th{font-size:var(--fs-note);font-weight:var(--fw-label);color:var(--ink-2);text-align:left;padding:var(--s2);position:sticky;top:0;background:var(--surface);border-bottom:var(--stroke) solid var(--baseline)}
.modern-canvas td,.rde td{padding:var(--s2);border-bottom:var(--stroke) solid var(--grid);height:var(--row-height)}
.modern-canvas tbody tr:nth-child(even),.rde tbody tr:nth-child(even){background:color-mix(in srgb,var(--page) 50%,var(--surface))}
.modern-canvas td.num,.rde td.num{text-align:right}
.modern-canvas[data-reader=true] .widget-content:has(table){max-height:var(--table-height)}
.widget-data{font-size:var(--fs-note);margin-top:var(--s2)}.widget-data summary{border:0;color:var(--ink-2);font-weight:var(--fw-label);padding:0}
.modern-canvas :focus-visible,.rde :focus-visible{outline:var(--line-width) solid var(--focus);outline-offset:var(--s1)}
.rde{background:var(--page);padding:var(--s5)}.rde-widget{grid-column:span var(--span,6);padding:var(--s4)}
.panel-seal{font-size:var(--fs-note);color:var(--ink-2);margin-top:var(--s5)}
@media(max-width:767px){.main:has(.modern-canvas),.rde{padding:var(--s4)}.canvas.modern-canvas[data-reader=true]>.widget,.rde-widget{grid-column:span 12}.canvas.modern-canvas[data-reader=true]>.widget:is([data-type=metric],[data-type=calculated]),.rde-widget[data-type=metric]{grid-column:span 6}.modern-chart{height:var(--chart-mobile)}.page-head .actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.modern-canvas *,.rde *{animation:none!important;transition:none!important}}
@media print{.modern-canvas *,.rde *{animation:none!important;transition:none!important}}

.modern-canvas .widget{container-type:inline-size}
.modern-canvas .modern-chart svg,.modern-canvas .modern-spark svg{min-height:0}
.modern-canvas .widget-header .widget-info{margin:0 0 0 auto;flex:none;position:relative}
.modern-canvas .widget-header .widget-info[open]{position:absolute;z-index:10;inset:var(--s2);background:var(--surface-raised);border:var(--stroke) solid var(--border);border-radius:var(--r-control);padding:var(--s3);box-shadow:var(--shadow-hover)}
.modern-kpi .widget-metric{white-space:nowrap;letter-spacing:normal}

.modern-canvas>.panel-seal{grid-column:span 12;order:99}.modern-canvas>.widget[hidden]{display:none!important}

.dashboard-subtitle{grid-column:span 12;order:-1;margin:0;color:var(--ink-2);font-size:var(--fs-body)}
.dashboard-highlights{grid-column:span 12;order:1;display:flex;flex-wrap:wrap;gap:var(--s4);padding:var(--s4);border:var(--stroke) solid var(--border);border-radius:var(--r-card);background:var(--surface);font-size:var(--fs-card)}
.dashboard-highlights span{flex:1}.dashboard-highlights strong{color:var(--ink-2)}
/* One filter bar; the mobile drawer uses the same authorized controls. */
.parameter-panel{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:var(--stroke) solid var(--border);border-radius:var(--r-card);background:var(--surface);position:relative}
.parameter-panel>.actions{order:2;margin-left:auto}.parameter-panel>.actions>strong{display:none}
.parameter-grid{display:flex;align-items:center;gap:var(--s3);margin:0;flex-wrap:wrap;min-width:0}
.parameter-control{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);min-width:0}
.parameter-control label,.parameter-control input,.parameter-control select{font-size:var(--fs-card)}
.parameter-control label{white-space:nowrap}.parameter-control>small{display:none}
.parameter-control .form-grid{display:flex;gap:var(--s1);align-items:center;position:relative}
.parameter-control input[data-param-range]{width:var(--period-width);padding:var(--s2)}
.parameter-control select{max-width:var(--calendar-width);padding:var(--s2);background:var(--surface);color:var(--ink)}
.period-shortcuts{display:flex;gap:var(--s1);flex-wrap:wrap}.period-shortcuts button{font-size:var(--fs-note);padding:var(--s1) var(--s2);white-space:nowrap}
.filter-help{font-size:var(--fs-note);color:var(--ink-2)}.filter-help>summary{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--s5);height:var(--s5);border:var(--stroke) solid var(--border);border-radius:var(--r-panel)}
.filter-help[open]{position:absolute;top:100%;right:0;max-width:100%;background:var(--surface-raised);padding:var(--s3);z-index:12;box-shadow:var(--shadow-hover)}
.selection-bar{border:0!important;background:transparent!important;padding:var(--s1) 0 var(--s2)!important;gap:var(--s2);font-size:var(--fs-note)}
.selection-bar>strong{font-size:var(--fs-note)}.selection-bar button[data-clear-selection]{border-radius:var(--r-panel);background:var(--surface);padding:var(--s2) var(--s3)}
.selection-bar>span{display:none}.selection-bar:has([data-clear-all]:disabled){display:none}
.calendar-open{padding:var(--s2);font-size:var(--fs-card-title)}
.period-calendar{position:absolute;top:100%;left:0;z-index:30;width:var(--calendar-width);padding:var(--s3);border:var(--stroke) solid var(--border);border-radius:var(--r-card);background:var(--surface-raised);box-shadow:var(--shadow-hover)}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}.calendar-head strong{font-size:var(--fs-card);text-transform:capitalize}
.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s1);margin-bottom:var(--s2)}.calendar-days span{text-align:center;font-size:var(--fs-axis);color:var(--ink-2)}
.calendar-days button{min-height:var(--control-height);padding:var(--s1)}.calendar-days [aria-pressed=true]{background:var(--ink);color:var(--surface)}
.filters-toggle{display:none}
html[data-theme=dark] :is(.topbar,.sidebar){background:var(--surface);border-color:var(--border);color:var(--ink)}
html[data-theme=dark] .logo-img{content:url('../reddata-logo-white.png')}
html[data-theme=dark] .nav-link:is(:hover,.active){background:var(--surface-raised);color:var(--ink)}
html[data-theme=dark] #toast{background:var(--ink);color:var(--page)}
@media(max-width:767px){.parameter-panel{display:block}.filters-toggle{display:block}.parameter-panel:not(.filters-open)>:not(.filters-toggle){display:none}.parameter-grid{display:grid;grid-template-columns:1fr;margin-top:var(--s3)}.parameter-control{display:flex}.parameter-panel>.actions{margin-top:var(--s3)}.period-calendar{position:fixed;top:20%;left:50%;transform:translateX(-50%)}.filter-help[open]{position:relative}}
.dashboard-summary,.rde-summary{grid-column:span 12;order:1;border:var(--stroke) solid var(--border);border-radius:var(--r-card);background:var(--surface);padding:var(--s4);display:grid;gap:var(--s3);color:var(--ink);margin:0}
.dashboard-summary h2,.rde-summary h3{font:var(--fw-label) var(--fs-card)/1.4 var(--font);margin:0}.dashboard-summary small{font-size:var(--fs-note);color:var(--ink-2)}
.dashboard-summary ul{margin:0;padding-left:var(--s4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}.dashboard-summary li{font-size:var(--fs-card);line-height:1.5}
.dashboard-summary a,.rde-summary a{color:var(--ink);text-decoration-color:var(--baseline);text-underline-offset:var(--s1)}
.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s5)}.template-gallery>button{display:grid;text-align:left;gap:var(--s2);padding:var(--s4);white-space:normal;background:var(--surface);color:var(--ink)}
.template-gallery [aria-pressed=true]{outline:var(--line-width) solid var(--focus);background:var(--page)}.template-gallery small{color:var(--ink-2);font-size:var(--fs-note)}
.template-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1);height:var(--s7);margin-bottom:var(--s1)}.template-mini i{height:var(--s4);background:var(--grid);border-radius:var(--r-control)}.template-mini b{grid-column:span 2;background:var(--seq-100);border-bottom:var(--line-width) solid var(--series-1);border-radius:var(--r-control);height:var(--s6)}
@media(max-width:767px){.dashboard-summary ul{grid-template-columns:1fr}.template-gallery{grid-template-columns:1fr}}
.summary-state{display:inline-grid;place-items:center;width:var(--s4);height:var(--s4);border:var(--stroke) solid currentColor;border-radius:var(--r-panel);font-size:var(--fs-axis);font-weight:var(--fw-title);color:var(--ink-2)}.summary-state.good{color:var(--delta-good-text)}.summary-state.bad{color:var(--delta-bad-text)}
.modern-metric-grid{grid-column:span 12;order:0;display:grid;grid-template-columns:repeat(var(--kpi-columns),minmax(0,1fr));gap:var(--s4);min-width:0}
.modern-metric-grid>.widget{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:var(--kpi-height);display:flex;flex-direction:column}
@media(max-width:767px){.modern-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.modern-canvas .scorecard-table .badge,.rde .scorecard-table .badge{background:transparent;border:var(--stroke) solid currentColor}.scorecard-table .badge.good{color:var(--delta-good-text)}.scorecard-table .badge.bad{color:var(--delta-bad-text)}.scorecard-table .badge.neutral{color:var(--ink-2)}
.modern-canvas .sc-grid-cell{background:var(--surface);border-color:var(--border);border-radius:var(--r-control);padding:var(--s2) var(--s3)}.modern-canvas .sc-met{border-left-color:var(--good)}.modern-canvas .sc-unmet{border-left-color:var(--critical)}.modern-canvas .sc-warning{border-left-color:var(--warning)}
.widget-row-count{font-size:var(--fs-note);color:var(--ink-2);margin:0 0 var(--s2)}
.table-data-cell{position:relative}.table-data-track{position:absolute;left:var(--s2);right:var(--s2);bottom:var(--s1);height:var(--line-width);background:var(--grid)}.table-data-track i{display:block;height:100%;background:var(--series-1)}

/* Compact comparisons keep the available period legible in every KPI column. */
.kpi-change{white-space:nowrap;line-height:1.5}
.dashboard-more{position:relative;flex:none}
.dashboard-more>summary{display:flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:var(--s2) var(--s3);border:var(--stroke) solid var(--border);border-radius:var(--r-control);background:var(--surface);color:var(--ink);cursor:pointer;list-style:none;font-size:var(--fs-card)}
.dashboard-more>summary::-webkit-details-marker{display:none}
.dashboard-more-panel{position:absolute;right:0;top:calc(100% + var(--s1));z-index:30;display:grid;gap:var(--s1);min-width:var(--calendar-width);max-width:calc(100vw - var(--s6));padding:var(--s2);border:var(--stroke) solid var(--border);border-radius:var(--r-control);background:var(--surface-raised);box-shadow:var(--shadow-hover)}
.dashboard-more-panel button{text-align:left;width:100%}
.page-head:has(~.canvas-viewport .modern-canvas[data-reader=true]) .actions{flex-wrap:nowrap;align-items:center;gap:var(--s2)}
@media(max-width:767px){.page-head:has(~.canvas-viewport .modern-canvas[data-reader=true]){display:block}.page-head:has(~.canvas-viewport .modern-canvas[data-reader=true]) .actions{margin-top:var(--s3)}}

.canvas.modern-canvas[data-reader=true]>.widget[data-compact=true]{align-self:start}

/* Continuous authoring; fields stay beside the existing canvas. */
.bi-workspace{display:grid;grid-template-columns:var(--bi-fields-width) minmax(0,1fr);gap:var(--s4);align-items:start}
.bi-fields{position:sticky;top:var(--s4);padding:var(--s4);border:var(--stroke) solid var(--border);border-radius:var(--r-card);background:var(--surface);color:var(--ink);max-height:calc(100vh - var(--s6));overflow:auto;font:var(--fs-card)/1.5 var(--font)}
.bi-fields h2{font-size:var(--fs-card-title);margin:0 0 var(--s4)}.bi-fields h3{font-size:var(--fs-card);margin:var(--s4) 0 var(--s2);color:var(--ink-2)}
.bi-fields label{display:grid;gap:var(--s1);margin-bottom:var(--s3)}.bi-fields input,.bi-fields select{width:100%;min-width:0;color:var(--ink);background:var(--surface-raised);border:var(--stroke) solid var(--border);border-radius:var(--r-control);padding:var(--s2)}
.bi-field{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s2);border:var(--stroke) solid var(--border);border-radius:var(--r-control);margin-bottom:var(--s2);cursor:grab;transition:background var(--t-update) var(--ease)}
.bi-field:hover{background:var(--page)}.bi-field span{min-width:0;overflow-wrap:anywhere}.bi-field small{display:block;color:var(--ink-2)}.bi-field button{flex:none;min-width:var(--s6);min-height:var(--s6)}
.bi-field-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.bi-fields :focus-visible{outline:var(--line-width) solid var(--focus);outline-offset:var(--s1)}
.bi-drop-active{outline:var(--line-width) dashed var(--focus);outline-offset:var(--s1)}
.bi-authoring>.page-head{display:block}.bi-authoring>.page-head .actions{margin-top:var(--s3)}.bi-authoring .canvas-viewport{min-width:0;margin-top:0}.bi-authoring .editor-toolbar{gap:var(--s2)}
@media(max-width:767px){.bi-workspace{grid-template-columns:minmax(0,1fr)}.bi-fields{position:static;max-height:none}.bi-fields [data-bi-fields]{max-height:var(--bi-mobile-fields-height);overflow:auto}.bi-authoring>.page-head .actions{display:flex}.bi-authoring .canvas-viewport{width:100%}}
@media(prefers-reduced-motion:reduce){.bi-field{transition:none}}
.bi-more{position:relative;color:var(--ink);font-size:var(--fs-card)}.bi-more>summary{cursor:pointer;padding:var(--s2);border:var(--stroke) solid var(--border);border-radius:var(--r-control);background:var(--surface)}.bi-more[open]>div{position:absolute;right:0;top:100%;display:flex;flex-wrap:wrap;gap:var(--s2);width:min(var(--bi-more-width),80vw);padding:var(--s4);background:var(--surface-raised);border:var(--stroke) solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-hover);z-index:20}.bi-fields>p{font-size:var(--fs-note)}
.bi-authoring .canvas[data-reader=false]{width:100%!important;min-width:0;box-sizing:border-box}.bi-authoring .canvas[data-reader=false]>.widget{box-sizing:border-box}.bi-authoring .modern-canvas .widget-header{flex-wrap:wrap}.bi-authoring .modern-chart{max-width:100%}
@media(max-width:767px){.bi-authoring .canvas[data-reader=false]{height:auto!important;display:grid;gap:var(--s4);padding:var(--s2)}.bi-authoring .canvas[data-reader=false]>.widget{position:relative;inset:auto!important;width:100%!important;min-height:var(--kpi-height);height:auto!important}.bi-authoring .bi-more[open]>div{position:fixed;inset:var(--s4);width:auto;max-height:80vh;overflow:auto}.bi-fields [data-bi-format]:has(form){border-top:var(--stroke) solid var(--border);margin-top:var(--s4)}}
.bi-typebar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3);color:var(--ink);font-size:var(--fs-card)}.bi-typebar:empty{display:none}.bi-typebar button[aria-pressed=true]{outline:var(--line-width) solid var(--focus);outline-offset:var(--stroke)}
.bi-selection-excluded{opacity:.35}.bi-selection-excluded:focus-within{opacity:1}.bi-selection-note{font-size:var(--fs-note);color:var(--ink-2);margin:var(--s1) 0}.selection-bar{position:relative;z-index:1}.selection-bar button:focus-visible{outline:var(--line-width) solid var(--focus)}
.bi-expanded{width:calc(100vw - var(--s6));height:calc(100vh - var(--s6));max-width:none;max-height:none;background:var(--surface);color:var(--ink);border:var(--stroke) solid var(--border);border-radius:var(--r-panel);padding:var(--s5)}.bi-expanded>header{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s4)}.bi-expanded h2{font:var(--fw-title) var(--fs-section) var(--font);margin:0}.bi-expanded-content{height:calc(100% - var(--s7));overflow:auto}.bi-full-visual .modern-chart{height:var(--bi-expanded-chart-height)}.bi-expanded table{width:100%;border-collapse:collapse;color:var(--ink)}.bi-expanded th,.bi-expanded td{padding:var(--s2);border-bottom:var(--stroke) solid var(--border);font-variant-numeric:tabular-nums}.bi-expanded:focus-visible,.bi-expanded :focus-visible{outline:var(--line-width) solid var(--focus)}
@media(max-width:767px){.bi-expanded{width:calc(100vw - var(--s4));height:calc(100vh - var(--s4));padding:var(--s3)}}
.drilldown-table tbody th{text-transform:none;letter-spacing:normal;font-size:var(--fs-card);font-weight:var(--fw-label)}
.bi-review-item{padding:var(--s4) 0;border-bottom:var(--stroke) solid var(--border);color:var(--ink)}.bi-review-item h3{font:var(--fw-title) var(--fs-card-title) var(--font);margin:0 0 var(--s2)}.bi-review-item p{font-size:var(--fs-body);line-height:1.5;color:var(--ink-2)}
.kpi-reference{display:grid;gap:var(--s1);font-size:var(--fs-note);color:var(--ink-2);line-height:1.5}.kpi-reference strong{color:var(--ink)}.kpi-reference.good strong{color:var(--delta-good-text)}.kpi-reference.critical strong{color:var(--delta-bad-text)}.bi-fields fieldset{border:var(--stroke) solid var(--border);border-radius:var(--r-control);padding:var(--s3);min-width:0}.bi-fields fieldset legend{font-weight:var(--fw-label)}.bi-fields [hidden]{display:none}
@media(max-width:767px){.modern-metric-grid:has(>.widget:only-child){grid-template-columns:1fr}}
.bi-palette-sample{padding:var(--s4);margin-block:var(--s4);background:var(--surface);color:var(--ink);border:var(--stroke) solid var(--border);border-radius:var(--r-card)}.bi-palette-sample h4,.bi-palette-sample h5,.bi-palette-sample p{color:var(--ink)}.bi-palette-swatches{display:flex;flex-wrap:wrap;gap:var(--s3);list-style:none;padding:0}.bi-palette-swatches li{display:grid;gap:var(--s1);font-size:var(--fs-note)}.bi-palette-swatch{display:block;width:var(--s7);height:var(--s6);border-radius:var(--r-control)}
/* Product finish: compact controls and a single, discoverable action surface. */
.parameter-panel{flex-wrap:wrap;padding:var(--s2) var(--s3);gap:var(--s2);z-index:3}
.parameter-grid{gap:var(--s2);flex:1}.parameter-control{gap:var(--s1)}
.parameter-control [hidden]{display:none!important}
.bi-filter-button{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--control-height);font-size:var(--fs-card);font-weight:var(--fw-body);background:var(--surface);color:var(--ink);border-color:var(--border);white-space:nowrap}
.bi-filter-button strong{font-weight:var(--fw-label);max-width:var(--period-width);overflow:hidden;text-overflow:ellipsis}
.bi-card-menu,.bi-filter-popup{position:fixed;inset:auto;margin:0;padding:var(--s2);min-width:var(--menu-width);max-width:calc(100vw - var(--s4));border:var(--stroke) solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-hover);background:var(--surface-raised);color:var(--ink);font:var(--fs-card)/1.5 var(--font);max-height:calc(100dvh - var(--s4));overflow:auto}
.bi-card-menu:popover-open{display:grid;gap:var(--s1)}.bi-card-menu>button{text-align:left;background:transparent;border:0;color:var(--ink);min-height:var(--control-height);font-weight:var(--fw-label)}
.bi-card-menu>button:hover,.bi-filter-bulk button:hover{background:var(--page)}
.bi-filter-popup{width:var(--calendar-width);padding:var(--s3)}.bi-filter-search{display:grid;gap:var(--s1);font-weight:var(--fw-label)}.bi-filter-search input{background:var(--surface);color:var(--ink);border-color:var(--baseline)}
.bi-filter-bulk,.bi-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-block:var(--s2)}.bi-filter-bulk button{border:0;background:transparent;padding:var(--s1);color:var(--ink);font-size:var(--fs-note);min-height:var(--control-height)}
.bi-filter-options{max-height:var(--filter-list-height);overflow:auto;border-block:var(--stroke) solid var(--border);padding-block:var(--s1)}.bi-filter-options label{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);min-height:var(--control-height)}.bi-filter-options label:hover{background:var(--page)}.bi-filter-options input{width:auto;accent-color:var(--series-1)}.bi-filter-options [hidden]{display:none}.bi-filter-footer{font-size:var(--fs-note);color:var(--ink-2)}
.bi-filter-popup :focus-visible,.bi-card-menu :focus-visible{outline:var(--line-width) solid var(--focus);outline-offset:var(--stroke)}
.modern-canvas .widget-header{height:auto;min-height:var(--s7);align-items:center;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s3)}
.modern-canvas .widget-title{flex:1;min-width:0;font:var(--fw-title) var(--fs-card-title)/1.4 var(--font)}
.modern-canvas .widget-header button{min-width:var(--control-height);min-height:var(--control-height);padding:var(--s1);border-radius:var(--r-control);touch-action:manipulation}
.modern-canvas .widget-header>div:not(.bi-read-tools){display:flex;gap:var(--s1);align-items:center}
.bi-read-tools{display:block;flex:none;margin-left:auto;padding:0;border:0;background:transparent}.bi-read-tools>button{font-size:var(--fs-section);line-height:1;min-width:var(--control-height);min-height:var(--control-height);color:var(--ink-2);border:0;background:transparent}
.bi-read-tools>button:hover,.bi-read-tools>button[aria-expanded=true]{background:var(--page);color:var(--ink)}
.modern-canvas .widget-header .bi-date-level{flex-basis:100%;text-align:left;font:var(--fs-note) var(--font);color:var(--ink-2);padding:0;min-height:var(--control-height);background:none;border:0}
.modern-canvas .widget-data:not([open]){display:none}.modern-canvas .widget-data[open]{border-top:var(--stroke) solid var(--border);padding-top:var(--s3)}
.bi-menu-info{font-size:var(--fs-note);padding:var(--s2);color:var(--ink-2)}.bi-menu-info summary{cursor:pointer;min-height:var(--control-height)}
.modern-metric-grid{grid-template-columns:repeat(var(--kpi-columns),minmax(0,1fr))}.modern-metric-grid:has(>.widget:only-child){grid-column:span 6;grid-template-columns:minmax(0,1fr)}
.modern-canvas .modern-spark{width:min(100%,var(--spark-width));height:var(--spark-height);margin-top:var(--s2)}
.modern-kpi{gap:var(--s2);min-width:0;grid-template-columns:minmax(0,1fr)}.modern-kpi .kpi-reference{gap:var(--s1)}.kpi-state{display:inline-flex;align-items:center;gap:var(--s1);justify-self:start;padding:var(--s1) var(--s2);border-radius:var(--r-control);font-weight:var(--fw-label);background:var(--page)}
.kpi-reference.attention .kpi-state,.summary-state.attention{color:var(--delta-attention-text)}.summary-state.critical{color:var(--delta-bad-text)}
.kpi-reason{display:none}.kpi-reference>span{max-width:var(--kpi-max-width)}
.modern-canvas .table-wrap,.bi-expanded .table-wrap{background:var(--surface);border-color:var(--border)}
.modern-canvas .drilldown-table thead th,.bi-expanded .drilldown-table thead th{background:var(--surface-raised);color:var(--ink-2);border-color:var(--baseline)}
.modern-canvas .drilldown-table tbody th,.bi-expanded .drilldown-table tbody th{position:static;background:transparent;color:var(--ink);border-color:var(--border)}
.modern-canvas .drilldown-total,.modern-canvas .drilldown-total:nth-child(even),.bi-expanded .drilldown-total{background:var(--page);color:var(--ink)}
.modern-canvas .drilldown-label button,.bi-expanded .drilldown-label button{min-width:var(--control-height);min-height:var(--control-height);border:0;background:transparent;color:var(--ink)}
.modern-canvas tbody tr:hover{background:var(--page)}
.dashboard-summary ul{list-style:none;padding:0}.dashboard-summary li{display:flex;gap:var(--s2);align-items:baseline}.summary-state{flex:none}
/* Offscreen skip links stay out of captures until explicitly focused. */
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0;border:0;transform:translateY(-200%)}
@media(max-width:767px){.parameter-panel{display:flex}.parameter-panel .filters-toggle{display:none}.parameter-panel:not(.filters-open)>:not(.filters-toggle){display:flex}.parameter-grid{display:flex;flex-wrap:wrap;margin:0}.parameter-panel>.actions{margin:0}.parameter-panel>.filter-help{display:block!important}.modern-metric-grid:has(>.widget:only-child){grid-column:span 12}.modern-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-canvas .widget-title{font-size:var(--fs-card-title)}.modern-canvas .widget-header{padding-inline:var(--s3)}.modern-canvas .widget-content{padding-inline:var(--s3)}.modern-kpi .widget-metric{font-size:var(--fs-kpi-card)}.kpi-change{white-space:normal}.bi-filter-button{padding:var(--s2)}.dashboard-summary{gap:var(--s2)}}
.bi-period-fields{display:grid;gap:var(--s2);margin-block:var(--s3)}.bi-period-fields>label{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.bi-period-fields input{width:var(--period-width);padding:var(--s2)}.bi-period-popup .period-calendar{position:relative;top:auto;left:auto;transform:none;width:100%;box-shadow:none;border:0;padding:var(--s2) 0}.bi-period-popup .calendar-open{min-width:var(--control-height);min-height:var(--control-height)}
.modern-canvas :is([data-type=metric],[data-type=calculated]) .widget-title{font-size:var(--fs-card-title);font-weight:var(--fw-title);color:var(--ink)}
@container(min-width:360px){.modern-kpi{grid-template-columns:minmax(0,1fr) var(--spark-width);gap:var(--s1) var(--s4)}.modern-kpi>.widget-metric{grid-column:1;grid-row:1}.modern-kpi>.kpi-change{grid-column:1;grid-row:2}.modern-kpi>.kpi-reference,.modern-kpi>.kpi-target{grid-column:1/-1;grid-row:3}.modern-kpi>.modern-spark{grid-column:2;grid-row:1/3;align-self:center;margin:0}}
html[data-theme=dark] .nav-link{color:var(--ink-2)}html[data-theme=dark] .topbar .user>a:not(.avatar){color:var(--ink-2)}

.rde-widget>.bi-read-tools{float:right}.rde-widget .widget-data:not([open]){display:none}

.rde-widget:is([data-type=metric],[data-type=calculated]) h3{font-size:var(--fs-card-title);font-weight:var(--fw-title)}

.rde-widget>.bi-date-level{display:block;min-height:var(--control-height);margin-block:var(--s2);padding:0;background:transparent;border:0;color:var(--ink-2);font-size:var(--fs-note)}

.kpi-reference,.kpi-reference>span{min-width:0;overflow-wrap:anywhere}.modern-canvas .modern-spark{max-width:100%}
@media(max-width:767px){.parameter-panel .parameter-grid{flex-basis:100%;width:100%}.parameter-panel>.actions{margin-left:auto}.parameter-panel>.filter-help{order:3}}

/* Keep grouped columns inside the card, with a keyboard-accessible scroll region. */
.drilldown-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;box-shadow:inset -4px 0 5px -5px var(--ink)}
.drilldown-scroll table{min-width:440px}.drill-scroll-hint{display:none;color:var(--ink-2);font-size:var(--fs-note)}
.modern-canvas .drilldown-widget-content{min-width:0;overflow-x:hidden}.drilldown-widget-content .widget-caption{white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){.drill-scroll-hint{display:block}}
.bi-authoring .modern-canvas[data-reader=false] [data-type=line]>.widget-content,.bi-authoring .modern-canvas[data-reader=false] [data-type=area]>.widget-content{display:flex!important;flex-direction:column;overflow:hidden}
.bi-authoring .modern-canvas[data-reader=false] :is([data-type=line],[data-type=area]) .modern-chart{flex:1;height:0;min-height:0}
.modern-canvas .drilldown-view{min-width:0;max-width:100%}
.modern-canvas[data-reader=true] .drilldown-widget-content:has(table){max-height:none}
.bi-authoring .modern-canvas[data-reader=true] :is([data-type=line],[data-type=area]) .modern-chart{height:var(--chart-height);flex:none}
@media(max-width:767px){.bi-authoring .modern-canvas[data-reader=true] :is([data-type=line],[data-type=area]) .modern-chart{height:var(--chart-mobile)}}
.bi-authoring .modern-canvas[data-reader=false]>.widget:is([data-type=line],[data-type=area]){display:flex;flex-direction:column}
.bi-authoring .modern-canvas[data-reader=false]>.widget:is([data-type=line],[data-type=area])>.widget-header{flex:none}
.bi-authoring .modern-canvas[data-reader=false]>.widget:is([data-type=line],[data-type=area])>.widget-content{height:auto;flex:1;min-height:0}

/* A panel owns its pages, organization and shared filters. */
.panel-frame{display:grid;gap:var(--s4);min-width:0;align-items:start}.panel-sidebar{min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.panel-frame[data-position=sidebar]{grid-template-columns:var(--panel-sidebar-width) minmax(0,1fr)}
.panel-sidebar nav{display:flex;gap:var(--s2);flex-wrap:wrap}.panel-frame[data-position=sidebar] nav{flex-direction:column}
.panel-sidebar nav button{text-align:left;border-color:transparent;background:transparent;color:var(--ink-2)}.panel-sidebar nav [aria-current=page]{background:var(--surface);border-color:var(--baseline);color:var(--ink);font-weight:var(--fw-title)}
.panel-organization{display:flex;gap:var(--s2);align-items:center;font-size:var(--fs-card)}.panel-organization img{max-width:var(--panel-logo-size);max-height:var(--panel-logo-size)}
.panel-frame[data-position=top] .panel-sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}
.panel-frame[data-position=sidebar] .parameter-panel,.panel-frame[data-position=sidebar] .parameter-grid{flex-direction:column;align-items:stretch}.panel-frame[data-position=sidebar] .parameter-panel{padding:var(--s2)}
.panel-frame[data-position=sidebar] .parameter-panel>.actions{margin:0}.panel-frame[data-position=sidebar] .parameter-control select{width:100%}
.panel-frame [hidden]{display:none!important}
@media(min-width:1000px) and (min-height:760px){.panel-frame[data-fit=true] .modern-chart{height:clamp(var(--panel-fit-chart-min),calc((100dvh - var(--panel-fit-offset) - var(--kpi-height) - var(--s7))/var(--panel-chart-rows)),var(--chart-height))!important}.panel-frame[data-fit=true] .modern-canvas{gap:var(--s3)!important}.panel-frame[data-fit=true] .dashboard-subtitle{display:none}.panel-frame[data-fit=true] .panel-seal{margin-top:0}}
@media(max-width:767px){.panel-frame[data-position=sidebar]{grid-template-columns:minmax(0,1fr)}.panel-frame[data-position=sidebar] .panel-sidebar{flex-direction:row;flex-wrap:wrap}.panel-frame[data-position=sidebar] nav{flex-direction:row}.panel-frame[data-position=sidebar] #parameter-controls{width:100%}}
.metric-icon{width:var(--s5);height:var(--s5);color:var(--ink-2);position:absolute;right:0;top:0}.modern-kpi:has(.metric-icon) .widget-metric{padding-right:var(--s5)}.modern-spark:has([data-zr-dom-id]){min-width:0}
.modern-kpi:has(.metric-icon) .metric-icon{pointer-events:none}
.variance-track{display:block;position:relative;width:var(--axis-label-width);height:var(--s3);background:var(--grid)}.variance-track i{position:absolute;height:100%;background:var(--div-pos)}.variance-track .negative{background:var(--div-neg)}
.segmented-filter{display:flex;flex-wrap:wrap;gap:var(--s1)}.segmented-filter button{font:var(--fs-note) var(--font);padding:var(--s2);background:transparent;color:var(--ink-2);border:var(--stroke) solid var(--border);border-radius:var(--r-control)}.segmented-filter [aria-pressed=true]{color:var(--ink);background:var(--surface-raised);border-color:var(--ink-2);font-weight:var(--fw-title)}.parameter-control>select[hidden]{display:none!important}.segmented-filter :focus-visible{outline:var(--line-width) solid var(--focus);outline-offset:var(--s1)}
:root[data-panel-theme=navy] .panel-frame[data-position=sidebar] .panel-sidebar{background:var(--panel-navy);color:var(--panel-navy-ink);padding:var(--s3);border-radius:var(--r-card)}
:root[data-panel-theme=navy] .panel-sidebar nav button{color:var(--panel-navy-ink)}:root[data-panel-theme=navy] .panel-sidebar nav [aria-current=page]{background:var(--panel-navy-ink);color:var(--panel-navy)}
:root[data-panel-theme=soft][data-theme=light]{--page:var(--panel-soft-page)}
.modern-canvas .widget-content svg.metric-icon{width:var(--s5);height:var(--s5);max-height:var(--s5);min-height:0;inset:0 0 auto auto}
.canvas.modern-canvas[data-reader=true]>.widget[data-presentation=heatmap]{grid-column:span 6;order:2}
@media(min-width:1000px) and (min-height:760px){
 .panel-frame[data-fit=true] .canvas.modern-canvas[data-reader=true]{height:var(--panel-available-height)!important;grid-template-rows:auto repeat(var(--panel-chart-rows),minmax(0,1fr)) auto;align-content:stretch}
 .panel-frame[data-fit=true] .canvas.modern-canvas[data-reader=true]:has(.dashboard-summary){grid-template-rows:auto auto repeat(var(--panel-chart-rows),minmax(0,1fr)) auto}
 .panel-frame[data-fit=true] .modern-canvas>.widget{overflow:hidden}.panel-frame[data-fit=true] .modern-canvas>.widget>.widget-content{display:flex;flex-direction:column;overflow:auto}.panel-frame[data-fit=true] .modern-canvas>.widget .modern-chart{height:100%!important;flex:1;min-height:0}.panel-frame[data-fit=true] .modern-metric-grid{align-items:stretch}.panel-frame[data-fit=true] .modern-metric-grid>.widget{min-height:0}
 .panel-frame[data-fit=true] .modern-canvas>.widget[data-type=table]{grid-column:span 6;order:2}
}
@media(max-width:767px){.canvas.modern-canvas[data-reader=true]>.widget[data-presentation=heatmap]{grid-column:span 12}}
/* Reading gives the panel's own navigation the available width. */
@media(min-width:768px){body:has(.panel-frame[data-position=sidebar] .modern-canvas[data-reader=true])>.sidebar,body:has(.panel-frame[data-position=sidebar] .modern-canvas[data-reader=true]) .sidebar{display:none}body:has(.panel-frame[data-position=sidebar] .modern-canvas[data-reader=true]) .main{margin-left:0}}
.modern-canvas [data-type=metric] .widget-title,.modern-canvas [data-type=calculated] .widget-title{font:var(--fw-label) var(--fs-card)/1.4 var(--font)}
.modern-canvas .modern-spark{width:100%;max-width:none}
@media(min-width:1000px) and (min-height:760px){.panel-frame[data-fit=true] .modern-metric-grid .widget-header{min-height:0;padding-top:var(--s3)}.panel-frame[data-fit=true] .modern-metric-grid .modern-kpi{gap:var(--s1)}.panel-frame[data-fit=true] .modern-metric-grid .widget-metric{font-size:var(--fs-kpi)}.panel-frame[data-fit=true] .modern-metric-grid .widget-content{padding-bottom:var(--s2)}}
.rde-panel-shell{display:grid;gap:var(--s4)}.rde-panel-shell[data-position=sidebar]{grid-template-columns:var(--panel-sidebar-width) minmax(0,1fr)}.rde-panel-shell nav{display:flex;gap:var(--s2);flex-wrap:wrap}.rde-panel-shell[data-position=sidebar] nav{flex-direction:column}.rde-panel-shell [aria-current=page]{font-weight:var(--fw-title);border-color:var(--ink-2)}@media(max-width:767px){.rde-panel-shell[data-position=sidebar]{grid-template-columns:minmax(0,1fr)}.rde-panel-shell[data-position=sidebar] nav{flex-direction:row}}
.modern-canvas .widget-header svg.metric-icon{position:static;flex:none;width:var(--s4);height:var(--s4)}.modern-canvas .widget-header:has(.metric-icon) .bi-read-tools{margin-left:0}
.canvas.modern-canvas[data-reader=true]>.widget[data-presentation=variance],.panel-frame[data-fit=true] .modern-canvas>.widget[data-presentation=variance]{grid-column:span 12;order:2}
.modern-canvas .modern-kpi[data-variant=columns]{grid-template-columns:minmax(0,1fr)}.modern-canvas .modern-kpi[data-variant=columns]>*{grid-column:1;grid-row:auto}.modern-canvas .modern-kpi[data-variant=columns]>.modern-spark{height:var(--mini-columns-height);margin-top:var(--s2)}
.spark-last-label{font-size:var(--fs-note);color:var(--ink-2);text-align:right}.modern-canvas .widget-title,.rde-widget h3{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(min-width:1000px) and (min-height:760px){.panel-frame[data-fit=true] .bi-date-level{min-height:0!important;font-size:var(--fs-note);padding:0}.panel-frame[data-fit=true] .widget-header:has(.bi-date-level){row-gap:var(--s1)}}
/* Gallery: preserve readable plot geometry inside fit cards; excess rows scroll. */
.modern-canvas .modern-chart{flex-shrink:0}
.panel-frame[data-fit=true] .modern-canvas>.widget[data-presentation=dumbbell] .modern-chart{flex:none;height:var(--gallery-chart-height)!important;min-height:var(--gallery-chart-height)}
.panel-frame[data-fit=true] .modern-canvas>.widget:is([data-type=line],[data-type=area]) .modern-chart{min-height:180px;flex:1 0 180px}
.modern-canvas .widget-content>.widget-info{position:absolute;right:4px;top:4px;z-index:2}
.variance-track:after{content:'';position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--ink-2)}
.variance-track i{background:var(--ink-2)}.variance-track .positive{background:var(--good)}.variance-track .negative{background:var(--critical)}
.modern-canvas th.num,.modern-canvas td.num{text-align:right;font-variant-numeric:tabular-nums}
.filter-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.filter-label button{padding:2px 8px;min-width:28px;min-height:28px}
.parameter-panel>.actions{display:flex;align-items:center;flex-wrap:wrap}.parameter-panel>.actions .filter-help{position:relative;margin:0}.filter-help>summary{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;cursor:pointer}.parameter-panel>.actions .filter-help[open]{flex-basis:100%}
.parameter-panel>.actions>strong{display:block}.parameter-panel>.actions{order:-1;margin-left:0}.parameter-panel>.actions #reset-parameters{font-size:var(--fs-note)}
@media(min-width:1000px) and (min-height:760px){
 .panel-frame[data-fit=true] .modern-kpi:not([data-variant=columns]){grid-template-columns:minmax(0,1fr) 80px}
 .panel-frame[data-fit=true] .modern-kpi:not([data-variant=columns])>.widget-metric{grid-column:1;grid-row:1}
 .panel-frame[data-fit=true] .modern-kpi:not([data-variant=columns])>.kpi-change{grid-column:1;grid-row:2}
 .panel-frame[data-fit=true] .modern-kpi:not([data-variant=columns])>.modern-spark{grid-column:2;grid-row:1/3;align-self:center;margin:0}
 .panel-frame[data-fit=true] .spark-last-label{grid-column:1/-1}
}

.panel-frame[data-fit=true] .modern-canvas>.widget[data-type=waterfall] .modern-chart{min-height:160px;flex:1 0 160px}
@media(min-width:1000px) and (min-height:760px){.panel-frame[data-fit=true] .modern-kpi>.kpi-reference{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}}
/* Mobile headings get a complete line so long words never meet the controls. */
@media(max-width:767px){
 .modern-canvas .widget-header{flex-wrap:wrap;row-gap:var(--s1)}
 .modern-canvas .widget-title{flex-basis:100%}
 .modern-canvas .widget-header>.metric-icon{margin-left:auto}
}
/* Numeric values fit their own grid column, including beside a mini chart. */
.modern-kpi .widget-metric{container-type:inline-size}
.modern-kpi .widget-metric>span{font-size:min(1em,calc(100cqi / (var(--metric-chars,10)*.62)))}

/* Mobile ordering is independent of desktop placement and follows DOM focus order. */
.canvas.modern-canvas.mobile-reading[data-reader=true]{display:flex!important;flex-direction:column;width:100%!important;height:auto!important;gap:var(--s4)}
.canvas.modern-canvas.mobile-reading[data-reader=true]>.widget{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:var(--chart-mobile);flex-shrink:0}
.canvas.modern-canvas.mobile-reading[data-reader=true]>.widget[data-type=metric]{min-height:0}
.canvas.modern-canvas.mobile-reading[data-reader=true] .widget-content{overflow:visible}
.mobile-preview-wrap{max-width:100%;overflow:auto}
#mobile-preview{width:390px!important;max-width:none;padding:var(--s4);background:var(--page)}
.mobile-details-title{font-size:var(--fs-section);color:var(--ink)}

.canvas.modern-canvas.mobile-reading[data-reader=true]>*{order:initial!important;grid-column:auto!important;grid-row:auto!important}

#mobile-preview:not(.mobile-reading){display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));height:auto!important}
#mobile-preview:not(.mobile-reading)>.widget{position:relative!important;inset:auto!important;width:100%!important;grid-column:span 12!important;height:auto!important}
#mobile-preview .modern-metric-grid{grid-column:span 12}

.rde-grid.rde-mobile-reading{display:flex;flex-direction:column}.rde-grid.rde-mobile-reading>.rde-widget{order:initial!important;width:100%}

/* Private receipt reading uses the same surfaces in both themes. */
.subscription-result table,.subscription-result td{background:var(--surface);color:var(--ink)}
.subscription-result th{background:var(--page);color:var(--ink-2)}
.subscription-result tbody tr:nth-child(even) td{background:var(--page)}
.subscription-result th,.subscription-result td{border-color:var(--border)}
dialog:has(.subscription-result) .modal-footer{background:var(--surface);border-color:var(--border)}

dialog:has(#copilot-review) .modal-footer{background:var(--surface);border-color:var(--border)}

.personal-limits-dialog .modal-footer{background:var(--surface);border-color:var(--border)}
.conversation-context{padding:var(--s4);border:var(--stroke) solid var(--border);border-radius:var(--r-card);background:var(--surface);color:var(--ink)}
.conversation-context table,.conversation-context td{background:var(--surface);color:var(--ink)}
.conversation-context th{background:var(--page);color:var(--ink-2)}
dialog:has(.conversation-context) .modal-footer{background:var(--surface);border-color:var(--border)}

.relation-impact li,.relation-links li{overflow-wrap:anywhere}
dialog:has(.relation-impact,.relation-links,#relation-definition-new,#relation-definition-impact,[name=relationUpdateAcknowledged],[name=relationName]) .modal-footer{background:var(--surface);border-color:var(--border)}