/* Content-only modern layer. Connected header registers keep their geometry,
   colours, typography and active states from workspace.css. */
body { background-color: #f8fafc; color: #273449; }
body::before { opacity: .065; }
body::after { opacity: .04; }
body main[data-section] { background: #fff; box-shadow: 0 2px 10px #26354908; }
body #app { --subtab-surface: #fff; --subtab-line: #e0e5ed; --subtab-strip: #f6f8fb;
  --subtab-ink: #334155; --subtab-idle: #dce5f0; --subtab-idle-line: #b8c8dc;
  --subtab-hover: #ccdcef; --subtab-hover-line: #91accd; --subtab-inset: 14px;
}
body #app :is(.card,.report-block,.stock-list-panel,.inventory-chart-panel,.performance-panel,.products-report,.profit-panel,.calc-catalog,.calc-detail,.cdx-marketing-panel,.offer-panel) {
  background: #fff; border-color: #e0e5ed; border-radius: 9px; box-shadow: 0 1px 3px #1e293b06;
}
body #app :is(h1,h2,h3) { color: #273449; letter-spacing: -.015em; line-height: 1.35; }
body #app h1 { font-size: 1.2rem; margin: 0; }
body #app h2 { font-size: 1rem; }
body #app h3 { font-size: .88rem; }
body #app p { line-height: 1.45; }
body #app :is(.products-heading,.performance-heading,.cdx-marketing-heading,.offer-heading,.costs-page-heading) { gap: .75rem; margin: .7rem 0; padding: 0; align-items: center; }
body #app :is(.performance-eyebrow,.cdx-marketing-eyebrow) { display: none; }
body #app :is(.toolbar,.products-tools,.performance-toolbar,.calc-toolbar,.offer-toolbar,.cdx-marketing-filters,.cdx-marketing-table-filters) { gap: .6rem; margin: .6rem 0; padding-block: .4rem; }
body #app :is(button,.secondary,.performance-refresh,.offer-action,.icon-action) { min-height: 32px; border: 1px solid #d2dce8; border-radius: 6px; background: #f8fafc; color: #334155; box-shadow: none; transform: none; font-size: .81rem; font-weight: 600; padding: .4rem .7rem; }
body #app button:hover:not(:disabled) { background: #eaf0f8; border-color: #a8bbd4; color: #1e3a5f; box-shadow: none; transform: none; }
body #app :is(button,a,input,select,summary):focus-visible { outline: 2px solid #397ac4; outline-offset: 2px; }
body #app button:disabled { opacity: .5; }
body #app :is(input:not([type=checkbox]):not([type=radio]),select) { min-height: 32px; padding: .35rem .6rem; border: 1px solid #d2dce8; border-radius: 6px; background: #fff; font-size: .82rem; color: #273449; }
body #app :is(.development-warning,.cdx-marketing-notice) { font-size: .78rem; line-height: 1.4; padding: .55rem .8rem; margin-bottom: .65rem; border: 1px solid #edc6c6; border-radius: 6px; background: #fff4f4; color: #9a3434; box-shadow: none; }
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav) { padding: 12px 14px 0; gap: 12px; }
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav) > a { flex: 1 1 200px; min-height: 38px; padding: 8px 16px; font-size: .82rem; font-weight: 650; color: #475569; }
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav) > a[aria-current=page] { color: #1e3a5f; }
/* Products uses the same section registers throughout prices, calculation,
   reports/costs and offers, including previously smaller cost-workspace tabs. */
body main[data-section=products] #app .products-page > .product-subtabs { padding: 12px 14px 0; gap: 12px; margin-block: 0 14px; margin-inline: calc(-1 * var(--subtab-inset)); min-height: 0; }
body main[data-section=products] #app .products-page > .product-subtabs > a { flex: 1 1 200px; min-height: 38px; height: auto; padding: 8px 16px; font-size: .82rem; line-height: 1.5; }
body main[data-section=products] #app .product-subtabs:not(:has(> a[aria-current=page])) > a { min-height: 70px; padding: 16px 20px; }
body #app .product-subtabs svg { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* A clear first choice; collapse to the normal strip once a tab is selected. */
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav):not(:has(> a[aria-current=page])) { display: flex; padding: 12px 14px 0; border: 0; background: #fff; gap: 12px; }
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav):not(:has(> a[aria-current=page])) > a:not([hidden]) { flex: 1 1 200px; justify-content: space-between; min-height: 70px; margin: 0; padding: 16px 20px; border: 1px solid #b8c8dc; border-radius: 9px; background: #e8eef7; color: #334155; }
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav):not(:has(> a[aria-current=page])) > a::after { content: '→'; position: static; background: none; font-size: 1.15rem; }
body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav):not(:has(> a[aria-current=page])) > a:hover { background: #eaf1fb; border-color: #92b1d9; }
body #app .section-tab-prompt { margin: .4rem 0 .7rem; padding: 0; min-height: 32px; border: 0; background: none; font-size: .85rem; color: #64748b; }
body #app :is(.stock-list-placeholder,.inventory-chart-placeholder,.sales-product-empty,.sales-chart-empty,.receipts-placeholder,.performance-empty) { padding: 1rem; min-height: 0; border: 0; background: #f8fafc; font-size: .82rem; }
body #app :is(.stock-list-placeholder,.inventory-chart-placeholder) > span:not(.stock-placeholder-arrow) { display: none; }
body #app .compact-help { margin: .3rem 0; padding: 0; }
body #app .compact-help-toggle { min-height: 28px; padding: .2rem .55rem; background: #f5f7fa; color: #64748b; font-size: .75rem; font-weight: 500; }
body #app .compact-help-toggle::after { content: ' +'; }
body #app .compact-help-toggle[aria-expanded=true]::after { content: ' −'; }
body #app .compact-help-content { margin-top: .4rem; padding: .65rem .8rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; font-size: .78rem; color: #64748b; }
body #app .compact-help-content p { margin: .3rem 0; }
body #app :is(.products-method,.performance-method,.calc-defaults,.cdx-marketing-method,.cdx-marketing-campaigns) { margin: .55rem 0; padding: .55rem .75rem; background: #f8fafc; border: 1px solid #e0e5ed; border-radius: 6px; font-size: .78rem; }
body #app :is(.products-method,.performance-method,.calc-defaults,.cdx-marketing-method) summary { font-weight: 550; color: #526176; }
body #app :is(.products-data-line,.products-tools) { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
body #app .products-data-line > p { margin: 0; font-size: .75rem; color: #64748b; }
body #app .products-tools { justify-content: flex-end; }
body #app .products-tools > input { flex: 0 1 340px; width: min(340px,100%); margin-left: auto; }
body #app :is(.performance-exports,.cdx-marketing-exports) button { width: 34px; height: 34px; padding: 3px; }
body #app :is(.performance-exports,.cdx-marketing-exports) svg { width: 26px; height: 26px; }
body #app :is(.products-scroll,.performance-table-scroll,.table-scroll,.cdx-marketing-table-scroll) { border-color: #e1e7ef; }
body #app table { font-size: .81rem; border-color: #e1e7ef; }
body #app table :is(th,td) { padding: .48rem .65rem; border-color: #e6ebf2; line-height: 1.4; }
body #app table :is(th,td):not(:last-child) { border-right: 1px solid #e6ebf2; }
body #app table thead th { background: #f3f6fa; color: #475569; font-weight: 600; }
body #app table thead th button { min-height: 0; background: transparent; border: 0; color: inherit; padding: .2rem; }
body #app table thead button[data-sort],body #app table thead button[id^=prices-sort] { min-height: 0; background: transparent; border: 0; box-shadow: none; color: inherit; padding: .2rem; }
body #app table tbody tr:hover > :is(th,td) { background-color: #eef4fb; }
body #app :is(.products-pagination,.performance-pagination,.pages,.cdx-marketing-pagination) { gap: .5rem; margin-top: .6rem; padding-block: .4rem; font-size: .76rem; }
body #app :is(.cdx-marketing-kpis,.cdx-marketing-secondary-kpis,.profit-kpis,.dashboard-kpis) { gap: .65rem; margin-block: .65rem; }
body #app :is(.cdx-marketing-kpi,.profit-kpi,.dashboard-kpis > div) { border-color: #e1e7ef; padding: .7rem .85rem; background: #fff; box-shadow: none; border-radius: 8px; }
body #app :is(.cdx-marketing-kpi,.profit-kpi) strong { font-size: 1.5rem; }
body #app .cdx-marketing-kpi-dark { background: #eef4fb; color: #273449; border-color: #c8d9ed; }
body #app .cdx-marketing-kpi-dark :is(span,p) { color: #64748b; }
body #app .cdx-marketing-content { padding: 12px 14px; }
body #app :is(.cdx-marketing-content,.cdx-marketing-filters,.stock-column-options,.stock-date-actions,.sales-filter-bar,.sales-overview-filters,.export-table-actions) { background: #f8fafc; border-color: #e0e5ed; }
body #app .cdx-marketing-content { background: #fff; }
body #app .cdx-marketing-panel { padding: 12px; }
body #app .cdx-marketing-panel-head { margin-bottom: .6rem; }
body #app .cdx-marketing-panel-head h2 { font-size: .95rem; }
body #app .cdx-marketing-otto-logo { display: block; width: 72px; height: 24px; }
body #app .cdx-marketing-refresh-toolbar { font-size: .75rem; }
body #app :is(.calc-page,.costs-page,.profit-page) { padding-top: 0; }
body #app :is(.calc-workbench,.profit-overview,.offer-layout) { gap: 12px; }
body #app :is(.calc-catalog,.calc-detail,.profit-panel,.offer-panel) { padding: 12px; }
body #app :is(.calc-field input,.calc-field select) { background: #fff; }
body #app .calc-result-banner { padding: 12px; }
body #app .calc-result-banner strong { font-size: 1.7rem; }
body #app .prices-display { padding: 0; border: 0; background: none; }
body #app .prices-display h2 { font-size: .8rem; }
/* Prices: collapsing filters must also collapse their layout space. Legends
   belong to the table toolbar, not to the hidden filter content. */
body #app .prices-page .prices-overview-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .35rem .75rem; margin: .5rem 0; min-height: 0; }
body #app .prices-overview-head > .compact-help { display: contents; }
body #app .prices-overview-head .compact-help-toggle { justify-self: end; }
body #app .prices-overview-head .compact-help-content { grid-column: 1/-1; margin: 0; }
body #app .prices-page > .products-tools { justify-content: flex-start; gap: .4rem .6rem; margin: .35rem 0; padding: .3rem 0; }
body #app .prices-page .prices-legends { flex: 1 1 560px; gap: .35rem 1rem; margin: 0; }
body #app .prices-page .prices-legend { font-size: .7rem; gap: .3rem; }
body #app .prices-page .products-tools > input { flex: 0 1 260px; width: min(260px,100%); }
body #app .prices-page .products-scroll table { margin-top: 0; }
/* All Performance lists: compact panel heads with clearly selected grouping.
   The main/section tab strips above are intentionally untouched. */
body #app .performance-compact .performance-panel { border-top-color: var(--accent); }
body #app .performance-compact .performance-panel-head { grid-template-columns: 28px minmax(0,1fr) auto; gap: .45rem .6rem; padding: .6rem .75rem; background: var(--wash); border-bottom: 1px solid #e2e8f0; }
body #app .performance-compact .performance-symbol { width: 28px; height: 28px; border: 0; background: transparent; }
body #app .performance-compact .performance-symbol svg { width: 23px; height: 23px; }
body #app .performance-compact .performance-panel h2 { font-size: .95rem; margin: 0; }
body #app .performance-compact .performance-panel-actions { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .45rem; min-width: 0; }
body #app .performance-compact .performance-row-single .performance-panel-head { grid-template-columns: 28px minmax(0,1fr) auto auto; }
body #app .performance-compact .performance-row-single .performance-panel-actions { grid-column: 4; }
body #app .performance-compact .performance-count { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 34px; min-width: 44px; margin: 0; padding: 0 .65rem; border: 1px solid #d2dce8; border-radius: 6px; font-size: .84rem; font-variant-numeric: tabular-nums; color: var(--accent); background: #fff; }
body #app :is(.performance-compact .performance-group,.stock-page .report-switch,.sales-page .report-switch) { display: inline-flex; align-items: stretch; flex-wrap: nowrap; gap: 2px; padding: 2px; margin: 0; border: 1px solid #c7d3e2; border-radius: 7px; background: #eaf0f7; }
body #app :is(.performance-compact .performance-group,.stock-page .report-switch,.sales-page .report-switch) > :is(button,a) { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; margin: 0; padding: .25rem .65rem; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #526176; font-size: .78rem; line-height: 1.35; text-decoration: none; }
body #app :is(.performance-compact .performance-group,.stock-page .report-switch,.sales-page .report-switch) > :is(button,a):is(:hover,:focus-visible) { background: #dbe5f1; border-color: transparent; color: #263e5c; }
body #app :is(.performance-compact .performance-group,.stock-page .report-switch,.sales-page .report-switch) > :is(button,a):is([aria-pressed=true],[aria-selected=true],[aria-current=page]),body #app :is(.performance-compact .performance-group,.stock-page .report-switch,.sales-page .report-switch) > :is(button,a):is([aria-pressed=true],[aria-selected=true],[aria-current=page]):is(:hover,:focus-visible) { background: #fff; border-color: #bccde0; color: #244b78; font-weight: 750; box-shadow: 0 1px 2px #263e5c12; }
body #app .stock-page :is(.stock-heading-controls,.stock-list-heading) .report-switch { padding: 2px; margin: 0; align-self: center; }
body #app .stock-page .stock-list-heading .report-switch:last-child { padding: 2px; margin-right: .9rem; }
body #app .stock-page .stock-heading-controls { gap: .55rem .9rem; }
body #app .stock-page .inventory-chart-period { margin-left: auto; }
/* Product sales: one table toolbar, outside the horizontal scroller. Sticky is
   bounded by the report section and never changes query/export semantics. */
body #app .sales-product-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .35rem .75rem; margin: 0 0 .5rem; }
body #app .sales-product-heading h2 { margin: 0; }
body #app .sales-product-heading > #product-method:empty { display: none; }
body #app .sales-product-heading > .compact-help { display: contents; }
body #app .sales-product-heading .compact-help-toggle { justify-self: end; }
body #app .sales-product-heading .compact-help-content { grid-column: 1/-1; margin: 0; }
body #app .sales-product-toolbar { position: sticky; top: 0; z-index: 8; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem .75rem; margin: .6rem 0 0; padding: .55rem .65rem; border: 1px solid #e0e5ed; border-bottom: 0; border-radius: 7px 7px 0 0; background: #f8fafc; box-shadow: 0 2px 4px #2635490a; }
body #app .sales-product-search { display: flex; flex: 1 1 230px; align-items: center; gap: .45rem; min-width: 0; font-size: .78rem; color: #64748b; }
body #app .sales-product-search input { flex: 0 1 310px; width: 100%; min-width: 0; }
body #app .sales-product-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin-left: auto; }
body #app .sales-product-exports { display: flex; align-items: center; gap: .3rem; }
body #app .sales-product-exports button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 34px; width: 34px; height: 34px; padding: 3px; }
body #app .sales-product-exports svg { width: 26px; height: 26px; }
body #app .sales-product-content .export-table { margin-top: 0; }
body #app .sales-product-content .table-scroll table { margin-top: 0; }
/* Stock products: two compact white tool rows, outside the horizontal scroller.
   Sticky stays within this list; all existing controls/setting keys are retained. */
body #app .stock-page .stock-list-toolbar { position: sticky; top: 0; z-index: 8; min-width: 0; background: #fff; border-radius: 8px 8px 0 0; box-shadow: 0 2px 4px #2635490a; }
body #app .stock-page .stock-list-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .75rem; padding: .55rem .75rem; background: #fff; border: 0; border-bottom: 1px solid #e0e5ed; }
body #app .stock-page .stock-list-heading h2 { margin: 0; padding: 0; font-size: 1rem; }
body #app .stock-page .stock-table-search { display: flex; flex: 1 1 230px; align-items: center; gap: .45rem; min-width: 0; margin: 0; color: #64748b; font-size: .78rem; font-weight: 600; }
body #app .stock-page .stock-table-search input { box-sizing: border-box; flex: 0 1 310px; width: 100%; min-width: 0; }
body #app .stock-page .stock-list-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; margin-left: auto; }
body #app .stock-page .stock-list-actions .stock-tabs { margin: 0; padding: 2px; }
body #app .stock-page .stock-table-actions { display: flex; align-items: center; gap: .3rem; padding: 0; min-height: 0; background: transparent; border: 0; }
body #app .stock-page .stock-table-actions button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 34px; width: 34px; height: 34px; padding: 3px; }
body #app .stock-page .stock-table-actions svg { width: 26px; height: 26px; }
body #app .stock-page .stock-list-options { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .35rem .75rem; padding: .45rem .75rem; border-bottom: 1px solid #e0e5ed; background: #fff; }
body #app .stock-page .stock-list-options .stock-column-options { min-width: 0; margin: 0; padding: 0; gap: .3rem .65rem; background: transparent; border: 0; font-size: .73rem; }
body #app .stock-page .stock-list-options .stock-column-options legend { padding-right: .5rem; font-weight: 600; }
body #app .stock-page .stock-list-options .stock-column-options label { font-size: .73rem; }
body #app .stock-page .stock-list-options .stock-date-actions { grid-column: 2; grid-row: 1; gap: .45rem; margin: 0; padding: 0; border: 0; background: transparent; }
body #app .stock-page .stock-list-options .stock-date-status { grid-column: 1/-1; grid-row: 2; padding: 0; margin: 0; background: transparent; font-size: .73rem; }
body #app .stock-page .stock-list-options .stock-date-status:empty { display: none; }
body #app .stock-page .stock-list-panel .export-table,body #app .stock-page .stock-list-panel .table-scroll table { margin-top: 0; }
body #app .stock-page .stock-list-panel > .error:empty { display: none; }
@media (max-width: 900px) {
  body #app .stock-page .stock-list-options { grid-template-columns: minmax(0,1fr); }
  body #app .stock-page .stock-list-options .stock-date-actions { grid-column: 1; grid-row: auto; justify-content: flex-start; }
  body #app .stock-page .stock-list-options .stock-date-status { grid-row: auto; text-align: left; }
}
@media (max-width: 560px) {
  body #app .stock-page .stock-list-heading h2 { flex-basis: 100%; }
  body #app .stock-page .stock-table-search { flex-basis: 100%; }
  body #app .stock-page .stock-list-actions { justify-content: flex-start; margin-left: 0; }
}
/* Platform sales: Stock-like table tools, compact filters and a quieter chart. */
body #app .sales-overview-block { min-width: 0; padding: .7rem .8rem; }
body #app .sales-overview-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .35rem .75rem; }
body #app .sales-overview-heading h2 { margin: 0; }
body #app .sales-overview-heading > .compact-help { display: contents; }
body #app .sales-overview-heading .compact-help-toggle { justify-self: end; }
body #app .sales-overview-heading .compact-help-content { grid-column: 1/-1; margin: 0; }
body #app .sales-overview-heading .sales-overview-method p { margin: .3rem 0; font-size: .75rem; }
body #app .sales-overview-filters { align-items: flex-end; gap: .6rem .8rem; margin: .6rem 0; padding: .55rem .65rem; border: 1px solid #e0e5ed; border-radius: 8px; }
body #app .sales-overview-filters > .sales-filter-field { flex: 0 1 185px; }
body #app .sales-overview-filters .sales-filter-field label { font-size: .73rem; font-weight: 550; text-transform: none; letter-spacing: 0; }
body #app .sales-overview-filters .sales-filter-field :is(select,input) { min-height: 32px; box-shadow: none; }
body #app .sales-overview-filters .sales-platform-checks { flex: 1 1 420px; padding: .35rem .5rem; border-color: #d9e3ee; border-radius: 6px; background: #fff; }
body #app .sales-overview-filters .sales-platform-checks legend { font-size: .72rem; font-weight: 550; color: #64748b; }
body #app .sales-overview-filters .sales-platform-options { gap: .25rem .5rem; }
body #app .sales-overview-filters .sales-platform-options label { padding: .2rem .3rem; border-radius: 4px; font-size: .74rem; }
body #app .sales-overview-filters .sales-platform-options label:has(input:checked) { background: #edf3fa; color: #345c85; }
body #app .sales-overview-filters .sales-platform-options input { width: 14px; height: 14px; }
body #app .sales-overview-filters .sales-refresh { min-height: 32px; background: #e8f0fa; border-color: #bdd0e6; color: #345c85; }
body #app .sales-overview-filters .sales-refresh.is-dirty { background: #fff4df; border-color: #e0c895; color: #845b25; }
body #app .sales-summary-panel { margin-top: .65rem; border: 1px solid #e0e5ed; border-radius: 8px; overflow: hidden; }
body #app .sales-summary-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .45rem; padding: .4rem .65rem; background: #f8fafc; border-bottom: 1px solid #e0e5ed; }
body #app .sales-summary-toolbar h2 { margin: 0; font-size: .9rem; }
body #app .sales-summary-toolbar .export-table-actions { margin: 0; padding: 0; background: none; border: 0; }
body #app .sales-summary-toolbar button { box-sizing: border-box; min-width: 34px; width: 34px; height: 34px; padding: 3px; }
body #app .sales-summary-toolbar svg { width: 26px; height: 26px; }
body #app .sales-summary-panel .table-scroll { border: 0; }
body #app .sales-summary-table { margin: 0; }
body #app .sales-summary-table thead th { font-size: .75rem; white-space: normal; }
body #app .sales-summary-table tbody th { font-size: .77rem; font-weight: 550; background: #fafcfe; }
body #app .sales-summary-table tbody td { font-variant-numeric: tabular-nums; text-align: right; }
body #app .sales-summary-table tbody tr:nth-child(even) td { background: #f9fbfd; }
body #app .sales-summary-table tbody td:last-child { background: #edf3fa; color: #345574; font-weight: 650; }
body #app .sales-summary-scroll { overflow-x: auto; }
body #app .sales-summary-table-compact { table-layout: auto; min-width: max-content; }
body #app .sales-summary-table-compact :is(th,td) { min-width: 85px; padding: .45rem .6rem; line-height: 1.4; letter-spacing: 0; word-break: normal; overflow-wrap: normal; }
body #app .sales-chart-panel { margin: .8rem 0 0; padding: .6rem .75rem; border: 1px solid #e0e5ed; border-radius: 8px; background: #fff; box-shadow: none; }
body #app .sales-chart-heading { align-items: center; gap: .35rem .85rem; }
body #app .sales-chart-heading h2 { margin: 0; font-size: .9rem; }
body #app .sales-chart-heading .muted { font-size: .71rem; }
body #app .sales-chart-legend { justify-content: flex-end; margin: 0; gap: .25rem .6rem; font-size: .7rem; }
body #app .sales-chart { min-height: 0; margin: .5rem 0 0; }
body #app .sales-chart svg { height: 300px; }
body #app .sales-chart-empty { min-height: 100px; }
body #app .sales-chart-grid { stroke: #edf1f6; }
body #app .sales-chart-axis { stroke: #c1ccda; }
body #app .sales-chart-tooltip-box { stroke: #ced9e6; stroke-width: 1; filter: drop-shadow(0 3px 6px #24324720); }
body #app .sales-chart-tooltip-heading,body #app .sales-chart-tooltip-total,body #app .sales-chart-tooltip-row-value { font-weight: 600; }
/* Keep the comparison beside refresh, not in a separate full-height row. */
body #app .performance-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; margin-left: auto; min-width: 0; }
body #app .performance-heading-actions .performance-comparison { margin: 0; padding: 0; background: transparent; gap: .25rem .5rem; justify-content: flex-end; font-size: .7rem; }
body #app .performance-heading-actions .performance-refresh { flex-shrink: 0; white-space: nowrap; }
body #app .stock-page .inventory-chart-heading { gap: .55rem 1rem; }
body #app .stock-page .inventory-chart-heading .inventory-chart-legend { margin: 0; gap: .35rem .7rem; font-size: .72rem; font-weight: 550; }
body #app .stock-page .inventory-chart-heading .stock-heading-controls { margin-left: auto; }
body #app .stock-page .inventory-chart-tooltip { box-sizing: border-box; min-width: 185px; max-width: min(300px,calc(100vw - 48px)); padding: .6rem .7rem; border: 1px solid #d3dfeb; border-radius: 8px; background: #fff; box-shadow: 0 5px 18px #263e5c20; color: #334155; font-size: .77rem; line-height: 1.4; }
body #app .stock-page .inventory-chart-tooltip-title { margin: 0 0 .35rem; padding-bottom: .35rem; border-bottom: 1px solid #e6edf4; color: #334155; font-weight: 650; }
body #app .stock-page .inventory-chart-tooltip-row { grid-template-columns: 18px minmax(0,1fr) auto; gap: .4rem; padding: .2rem 0; }
body #app .stock-page .inventory-chart-tooltip-row strong,body #app .stock-page .inventory-chart-tooltip-total strong { font-weight: 650; font-variant-numeric: tabular-nums; }
body #app .stock-page .inventory-chart-tooltip-marker { box-sizing: border-box; width: 18px; height: 18px; border-radius: 4px; font-size: .55rem; font-weight: 650; }
body #app .stock-page .inventory-chart-tooltip-marker.de { background: #e5effa; color: #245b85; }
body #app .stock-page .inventory-chart-tooltip-marker.tr { background: #fbe8e8; color: #9f3030; }
body #app .stock-page .inventory-chart-tooltip-marker.fba { background: #fbf2d9; color: #806315; }
body #app .stock-page .inventory-chart-tooltip-total { margin-top: .35rem; padding-top: .4rem; border-color: #e6edf4; font-weight: 650; }
body #app .stock-page .receipts-heading { display: grid; grid-template-columns: minmax(0,1fr); justify-content: stretch; gap: .5rem; padding: .6rem .8rem; }
body #app .stock-page .receipts-title-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .35rem .75rem; align-items: center; }
body #app .receipts-title-row > .compact-help { display: contents; }
body #app .receipts-title-row .compact-help-toggle { justify-self: end; }
body #app .receipts-title-row .compact-help-content { grid-column: 1/-1; margin: 0; }
body #app .stock-page .receipts-heading h2 { font-size: 1rem; }
body #app .stock-page .receipts-controls { margin: 0; min-width: 0; gap: .45rem .8rem; }
body #app .stock-page .receipts-controls label { margin-left: auto; }
body #app .stock-page .receipts-toolbar { background: #f8fafc; border-color: #e0e5ed; gap: .5rem .8rem; padding: .5rem .8rem; }
body #app .stock-page .receipts-search { flex: 0 1 390px; min-width: 0; white-space: nowrap; }
body #app .stock-page .receipts-search input { flex: 1 1 160px; min-width: 0; }
body #app .stock-page table thead button[data-receipts-sort] { min-height: 0; background: transparent; border: 0; box-shadow: none; color: inherit; padding: .2rem; }
body #app .stock-page .receipts-snapshot { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; color: #64748b; font-size: .72rem; }
body #app .stock-page .receipts-snapshot [role=status] { flex-basis: 100%; }
body #app .stock-page .receipts-scopes > button { text-align: center; white-space: normal; }
body #app .performance-compact .performance-help-toggle { min-height: 34px; padding: .3rem .6rem; font-size: .75rem; font-weight: 500; color: #64748b; background: #fff; }
body #app .performance-compact .performance-help-toggle::after { content: ' +'; }
body #app .performance-compact .performance-help-toggle[aria-expanded=true]::after { content: ' −'; }
body #app .performance-compact .performance-panel-help { padding: .35rem .75rem; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
body #app .performance-compact .performance-panel-help > p { margin: .35rem 0; padding: 0; background: transparent; color: #64748b; font-size: .74rem; }
body #app .performance-compact .performance-velocity { padding: .4rem .75rem; background: #fff; }
body #app .performance-compact .performance-velocity select { min-height: 28px; padding: .2rem .5rem; }
body #app .amazon-platform-tabs { display: inline-flex; flex-wrap: wrap; gap: 5px; margin: 0 0 .7rem; padding: 5px; border: 1px solid #c1cfdf; border-radius: 8px; background: #e7edf5; }
body #app .amazon-platform-tabs > button { min-height: 40px; min-width: 115px; padding: .55rem 1.15rem; font-size: .9rem; background: #d8e2ef; border-color: #b5c5db; color: #334155; }
body #app .amazon-platform-tabs > button[aria-pressed=true] { background: #315982; border-color: #315982; color: #fff; box-shadow: 0 1px 3px #213e6520; }
body #app .amazon-platform-tabs > button[aria-pressed=true]:hover { background: #274b72; color: #fff; }
body #app .dashboard-heading { margin-bottom: .6rem; }
body #app .dashboard-heading h1 { font-size: 1.2rem; }
body #app .dashboard-panel { border-color: #dce5ee; box-shadow: 0 1px 4px #26354908; }
body #app .dashboard-panel-head { background: #f8fafc; border-color: #e1e7ef; }
body #app .dashboard-panel :is(th,td) { padding: .3rem .6rem; }
body #app .users-heading h1 { font-size: 1.2rem; }
body #app .users-heading { margin-bottom: .8rem; }
body #app .users-rule { font-size: .76rem; }
/* Advertising: one period toolbar, with paired revenue and cost-share cards. */
body #app .cdx-marketing-filters { display: grid; gap: .55rem; padding: .65rem .8rem; margin: 0 0 .65rem; }
body #app .cdx-marketing-filter-top { display: flex; flex-wrap: wrap; gap: .55rem .8rem; align-items: flex-end; }
body #app .cdx-marketing-period-control { flex: 0 1 350px; min-width: 0; }
body #app .cdx-marketing-period-title { display: flex; flex-wrap: wrap; gap: .2rem .6rem; align-items: baseline; }
body #app #cdx-marketing-range { font-size: .71rem; font-weight: 400; color: #64748b; font-variant-numeric: tabular-nums; }
body #app .cdx-marketing-filter-top :is(input,select,button) { min-height: 32px; }
body #app .cdx-marketing-apply-tools { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .75rem; min-width: 0; }
body #app .cdx-marketing-apply-tools .cdx-marketing-status { min-height: 0; margin: 0; font-size: .72rem; color: #64748b; }
body #app .cdx-marketing-draft { margin: 0; font-size: .72rem; }
body #app .cdx-marketing-filter-bottom { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .4rem .75rem; padding-top: .45rem; border-top: 1px solid #e1e7ef; }
body #app .cdx-marketing-filter-bottom .cdx-marketing-refresh-toolbar { width: auto; margin: 0; justify-content: flex-start; gap: .5rem; }
body #app .cdx-marketing-filter-bottom .icon-action { width: 30px; height: 30px; padding: 5px; }
body #app .cdx-marketing-filter-bottom > .compact-help { display: contents; }
body #app .cdx-marketing-filter-bottom .compact-help-toggle { justify-self: end; }
body #app .cdx-marketing-filter-bottom .compact-help-content { grid-column: 1/-1; margin: 0; }
body #app .cdx-marketing-filter-notes :is(p,span) { margin: .3rem 0; font-size: .72rem; line-height: 1.5; min-width: 0; }
body #app .cdx-marketing-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); gap: .6rem; }
body #app .cdx-marketing-kpi { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: .65rem .8rem; }
body #app .cdx-marketing-kpi-value > span { font-size: .73rem; font-weight: 600; color: #64748b; }
body #app .cdx-marketing-kpi-value > strong { display: block; margin: .2rem 0; font-size: 1.35rem; line-height: 1.25; letter-spacing: -.35px; font-variant-numeric: tabular-nums; }
body #app .cdx-marketing-kpi-value > p { margin: 0; font-size: .69rem; color: #64748b; line-height: 1.4; }
body #app .cdx-marketing-kpi.cdx-marketing-kpi-stack { justify-content: stretch; padding: 0; overflow: hidden; }
body #app .cdx-marketing-kpi-stack .cdx-marketing-kpi-value { flex: 1; padding: .55rem .8rem; }
body #app .cdx-marketing-kpi-stack .cdx-marketing-kpi-value + .cdx-marketing-kpi-value { border-top: 1px solid #e1e7ef; background: #f8fafc; }
body #app .cdx-marketing-secondary-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); padding: .4rem 0 .6rem; }
body #app .cdx-marketing-secondary-kpis strong { font-size: 1rem; }
body #app [hidden] { display: none !important; }
@media(max-width:700px) {
  body #app .cdx-marketing-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body #app .cdx-marketing-period-control { flex-basis: 100%; }
  body #app .cdx-marketing-secondary-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body #app :is(.stock-page,.sales-page) .report-switch { flex-wrap: wrap; }
  body #app .sales-product-actions { justify-content: flex-end; }
  body #app .performance-heading-actions { width: 100%; flex-wrap: wrap; }
  body #app .performance-heading-actions .performance-comparison { flex: 1 1 180px; justify-content: flex-start; }
  body main[data-section=products] #app .product-subtabs:not(:has(> a[aria-current=page])) > a { min-height: 58px; }
  body #app .performance-compact .performance-row-single .performance-panel-head { grid-template-columns: 28px minmax(0,1fr) auto; }
  body #app .performance-compact .performance-row-single .performance-panel-actions { grid-column: 1/-1; }
  body #app .prices-page .products-tools > input { flex: 1 1 180px; }
  body #app .prices-page .prices-legends { flex-basis: 100%; }
  body #app :is(.products-heading,.performance-heading,.cdx-marketing-heading) { flex-wrap: wrap; }
  body #app .products-tools > input { flex: 1 1 180px; }
  body #app :is(.section-subtabs,.performance-nav,.cdx-marketing-platform-nav):not(:has(> a[aria-current=page])) > a { min-height: 58px; }
}