/* DDS live page: opt-in v2.3.6 materials; original module geometry and actions. */
@import url('/prototype/assets/design/v2.3.6/adoption.css');


html[data-sota-prototype-module="dds-expense"] #root[data-sota33] {
  --bg:var(--sota33-canvas);
  --surface:var(--sota33-glass);
  --surface-2:var(--sota33-glass-raised);
  --surface-raised:var(--sota33-glass-raised);
  --text:var(--sota33-text);
  --text-1:var(--sota33-text);
  --text-2:var(--sota33-muted);
  --text-3:var(--sota33-faint);
  --muted:var(--sota33-muted);
  --faint:var(--sota33-faint);
  --border:var(--sota33-border);
  --border-strong:var(--sota33-border-strong);
  --gold-tint-border:var(--sota33-border-strong);
  --primary:var(--sota33-primary);
  --primary-strong:var(--sota33-primary-hover);
  --primary-soft:var(--sota33-primary-soft);
  --green-mid:var(--sota33-primary);
  --green-deep:var(--sota33-primary-hover);
  --green-tint:var(--sota33-primary-soft);
  --green:var(--sota33-success);
  --green-soft:var(--dds-success-soft);
  --red:var(--sota33-danger);
  --amber:var(--sota33-warning);
  --shadow:var(--sota33-shadow);
  --dds-open-surface:var(--sota33-glass);
  --dds-open-soft:var(--sota33-glass-raised);
  --dds-open-dialog:var(--sota33-glass-raised);
  --dds-chart-1:#984822;
  --dds-chart-2:#17644f;
  --dds-chart-3:#4b759a;
  --dds-chart-4:#7f5a97;
  --dds-chart-5:#a36a38;
  --dds-chart-6:#ae5967;
  --dds-chart-7:#5c8170;
  --dds-chart-8:#675b9a;
  --dds-year-previous:#4b759a;
}
html[data-sota-prototype-module="dds-expense"][data-theme="dark"] #root[data-sota33] {
  --dds-chart-1:#68e0b2;
  --dds-chart-2:#e4b45f;
  --dds-chart-3:#9bd8e5;
  --dds-chart-4:#c6a4e6;
  --dds-chart-5:#ef9ea1;
  --dds-chart-6:#b8d8a2;
  --dds-chart-7:#d1e8ee;
  --dds-chart-8:#cda78a;
  --dds-year-previous:#9bd8e5;
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .app-shell {
  background:transparent;
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.card,.table-card,.filters,.kpi,.dds-live-stage-head,.dds-live-kpi,.dds-live-chart,.dds-live-year,.dds-live-state) {
  border-color:var(--sota33-border);
  background:var(--sota33-glass);
  color:var(--sota33-text);
  box-shadow:var(--sota33-shadow);
  backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
  -webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .modal {
  border-color:var(--sota33-border-strong);
  color:var(--sota33-text);
  box-shadow:var(--sota33-raised-shadow);
}
/* Opened sections use the same base glass role as the overview. */
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .main:not(.dds-live-dashboard) :is(.card,.table-card,.filters,.contractor-card) {
  background:var(--dds-open-surface);
  border-color:var(--sota33-border);
  color:var(--sota33-text);
  backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
  -webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .main:not(.dds-live-dashboard) :is(.status-tile,.dimension-tabs button,th) {
  background:var(--dds-open-soft);
  color:var(--sota33-text);
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .modal {
  background:var(--dds-open-dialog);
  color:var(--sota33-text);
  backdrop-filter:blur(var(--sota33-raised-blur)) saturate(var(--sota33-raised-saturation));
  -webkit-backdrop-filter:blur(var(--sota33-raised-blur)) saturate(var(--sota33-raised-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.modal-head,.modal-actions) {
  background:var(--dds-open-dialog);
  backdrop-filter:blur(var(--sota33-raised-blur)) saturate(var(--sota33-raised-saturation));
  -webkit-backdrop-filter:blur(var(--sota33-raised-blur)) saturate(var(--sota33-raised-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .badge.green {
  color:var(--sota33-success);
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .badge.blue {
  color:var(--sota33-primary);
}
@media(prefers-reduced-transparency:reduce) {
  html[data-sota-prototype-module="dds-expense"] #root[data-sota33] {
    --dds-open-surface:var(--sota33-surface-solid);
    --dds-open-soft:var(--sota33-surface-solid);
    --dds-open-dialog:var(--sota33-surface-solid);
  }
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.field input,.field select,.field textarea,.filters input,.filters select) {
  border-color:var(--sota33-border-strong);
  background:var(--sota33-glass-raised);
  color:var(--sota33-ink);
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.btn.primary,.dds-live-demo-banner button:hover) {
  background:var(--sota33-primary);
  color:var(--sota33-on-primary);
}
html.sota-visual-check[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body {
  padding-left:0!important;
  padding-bottom:0!important;
}
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body {
  padding-top:0!important;
  padding-left:72px!important;
}
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body>.avp-global-header,
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body>header.topbar.topbar-bottom[data-sota-shell],
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body>.avp-v2-menu,
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body>.avp-v2-menu-scrim,
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] .sota-prototype-nav,
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] #root .sidebar,
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] #root .topbar {
  display:none!important;
}
html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] #root .workspace {
  grid-template-columns:minmax(0,1fr);
}
html[data-sota-prototype-module="dds-expense"][data-dds-adapter-ready="true"] #root :is(.rule-progress,.app-shell>.toast) {display:none!important}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions {
  flex:none;
  min-width:0;
  color:var(--sota23-text);
}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-toggle {
  display:flex;
  align-items:center;
  gap:17px;
  width:100%;
  min-height:43px;
  padding:8px 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  white-space:nowrap;
  text-align:left;
}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-toggle:hover,
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-toggle[aria-expanded="true"] {background:var(--sota23-menu-hover)}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-toggle[aria-expanded="true"] {border-color:var(--sota23-menu-border);color:var(--sota23-primary)}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-chevron {margin-left:auto;opacity:0;transition:transform .2s ease}
.sota23-menu[data-sota-module="dds-expense"]:is(:hover,:focus-within,.is-switcher-open) .dds-menu-chevron {opacity:1}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-toggle[aria-expanded="true"] .dds-menu-chevron {transform:rotate(180deg)}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-body {
  display:grid;
  gap:2px;
  padding:3px 0 5px 12px;
}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-body[hidden] {display:none!important}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-body button {
  display:flex;
  align-items:center;
  gap:17px;
  width:100%;
  min-height:41px;
  padding:7px 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--sota23-text);
  text-align:left;
}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-body button:hover {background:var(--sota23-menu-hover)}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions-body button:disabled {opacity:.55;cursor:not-allowed}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-action-icon {flex:none;width:20px;text-align:center;font-size:17px;line-height:1}
.sota23-menu[data-sota-module="dds-expense"] .dds-menu-action-label {opacity:0;white-space:nowrap;font-size:12px}
.sota23-menu[data-sota-module="dds-expense"]:is(:hover,:focus-within,.is-switcher-open) .dds-menu-action-label {opacity:1}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast {position:fixed;z-index:1200;right:20px;bottom:22px;display:flex;align-items:flex-start;gap:11px;width:min(460px,calc(100vw - 32px));padding:14px 15px;border:1px solid var(--sota33-border-strong);border-radius:12px;background:var(--sota33-surface-solid);color:var(--sota33-text);box-shadow:var(--sota33-raised-shadow);font:300 13px/1.45 var(--sota33-font)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast[data-tone="error"] {border-color:var(--sota33-danger)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast[data-tone="warning"] {border-color:var(--sota33-warning)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast[data-tone="success"] {border-color:var(--sota33-success)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast-icon {display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sota33-primary-soft);color:var(--sota33-primary);font-size:16px}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast[data-tone="error"] .dds-rule-toast-icon {background:color-mix(in srgb,var(--sota33-danger) 15%,transparent);color:var(--sota33-danger)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast[data-tone="warning"] .dds-rule-toast-icon {background:color-mix(in srgb,var(--sota33-warning) 15%,transparent);color:var(--sota33-warning)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast[data-tone="success"] .dds-rule-toast-icon {background:color-mix(in srgb,var(--sota33-success) 15%,transparent);color:var(--sota33-success)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast-copy {min-width:0;flex:1}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast-copy strong {display:block;font-size:13px}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast-copy p {margin:4px 0 0;color:var(--sota33-muted);overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast button {flex:none;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--sota33-muted);font-size:20px;line-height:1}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast button:hover {background:var(--sota33-primary-soft);color:var(--sota33-text)}
html[data-sota-prototype-module="dds-expense"] .dds-rule-toast button:focus-visible {outline:2px solid var(--sota33-primary);outline-offset:2px}
html[data-sota-prototype-module="dds-expense"] #root .main.dds-live-dashboard > :not(.dds-live-stage) {
  display:none!important;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage {
  min-width:0;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head,
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-live-kpi,.dds-live-chart,.dds-live-year,.dds-live-state) {
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  box-shadow:var(--shadow);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head {
  display:block;
  padding:13px 18px;
  margin-bottom:9px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-kicker {
  display:block;
  margin-bottom:2px;
  color:var(--primary);
  font-size:11px;
  letter-spacing:.07em;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head h1 {
  margin:0;
  color:var(--text);
  font-size:clamp(22px,2.3vw,29px);
  line-height:1.15;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-board {display:block;min-width:0;min-height:180px}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpis {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi {
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  min-height:127px;
  padding:16px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi span {font-size:11px;line-height:1.25;color:var(--muted)}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi strong {
  font-size:clamp(19px,1.85vw,27px);
  line-height:1.2;
  overflow-wrap:anywhere;
  color:var(--text);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi small {font-size:10px;color:var(--muted);margin-top:auto}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-charts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:15px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-chart {padding:16px;min-width:0;display:flex;flex-direction:column}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:6px;
  min-height:50px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-card-head h2 {
  font-size:17px;
  line-height:1.2;
  margin:0;
  color:var(--text);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-card-head button {
  color:var(--primary);
  font-size:20px;
  line-height:1;
  background:none;
  border:0;
  padding:2px 4px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-chart-body {
  display:grid;
  justify-items:center;
  gap:14px;
  margin:8px 0 10px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-radial {display:block;width:min(100%,220px);height:auto;overflow:visible}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-radial circle {fill:none;stroke-width:8}
html[data-sota-prototype-module="dds-expense"] #root .dds-radial-track {stroke:var(--sota33-border-strong);opacity:.55}
html[data-sota-prototype-module="dds-expense"] #root .dds-radial-value {stroke-linecap:round}
html[data-sota-prototype-module="dds-expense"] #root .dds-radial-total-ring {stroke:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-radial-total {display:block;color:var(--sota33-text);font-size:12px;text-align:center;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-radial-caption {color:var(--muted);font-size:10px;line-height:1.4;text-align:center}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-chart-fallback {
  min-height:128px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend {width:100%;display:grid;align-content:start;gap:7px;padding-right:4px}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend-row {
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto 30px;
  column-gap:6px;
  align-items:center;
  min-width:0;
  font-size:11px;
  color:var(--text);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend i {width:8px;height:8px;border-radius:50%;}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend strong {
  grid-column:3;
  text-align:right;
  font-size:11px;
  white-space:nowrap;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend small {
  grid-column:4;
  text-align:right;
  color:var(--muted);
  font-size:11px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-chart>p {
  margin:auto 0 0;
  padding-top:8px;
  font-size:11px;
  line-height:1.4;
  color:var(--muted);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-year {min-width:0;padding:20px;margin-top:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-head {display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-head h2 {margin:0 0 4px;color:var(--text);font-size:18px}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-year-head p,.dds-year-foot) {margin:0;color:var(--muted);font-size:11px;line-height:1.4}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-head small {display:block;margin-top:7px;color:var(--muted);font-size:10px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-key {display:flex;gap:14px;flex:none;font-size:11px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-key span {display:flex;align-items:center;gap:5px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-key i {display:block;width:11px;height:11px;border-radius:2px}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-year-key i.dds-year-current,.dds-year-bar.dds-year-current) {background:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-year-key i.dds-year-previous,.dds-year-bar.dds-year-previous) {background:var(--dds-year-previous)}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-plot {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;margin:20px 0 10px;padding:12px 8px 2px;border-bottom:1px solid var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-month {position:relative;min-width:0;text-align:center;outline-offset:2px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-month:focus-visible {outline:2px solid var(--sota33-primary);border-radius:6px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-bars {height:210px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-bar {display:block;width:min(20px,40%);min-height:1px;border-radius:5px 5px 0 0}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-month>strong {display:block;margin-top:7px;font-size:11px;font-weight:400;color:var(--text)}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-tooltip {position:absolute;z-index:5;left:50%;bottom:calc(100% + 5px);min-width:112px;padding:7px;border:1px solid var(--sota33-border-strong);border-radius:7px;background:var(--sota33-surface-solid);box-shadow:var(--sota33-shadow);color:var(--sota33-text);font-size:10px;line-height:1.5;opacity:0;pointer-events:none;transform:translateX(-50%);white-space:nowrap}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-month:is(:hover,:focus,.is-selected) .dds-year-tooltip {opacity:1}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-negative {margin:16px 0}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-negative p {margin:0 0 8px;color:var(--sota33-warning);font-size:11px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-table-wrap {max-height:280px;overflow:auto}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-negative table {width:100%;border-collapse:collapse;font-size:11px}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-negative :is(th,td) {padding:6px;border-bottom:1px solid var(--sota33-border);text-align:right}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-negative :is(th,td):first-child {text-align:left}
html[data-sota-prototype-module="dds-expense"] #root .dds-year-foot {margin-top:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-viewport {width:100%;margin-top:18px;overflow:hidden}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-svg {display:block;width:100%;height:auto;overflow:visible}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-mobile {display:none}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-grid {stroke:var(--sota33-border-strong);stroke-width:1;stroke-dasharray:3 5}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-axis {fill:var(--sota33-muted);font:11px var(--sota33-font)}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-range {fill:var(--sota33-primary);fill-opacity:.18;stroke:none}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-area-previous,.dds-area-current) {fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-previous {stroke:var(--dds-year-previous)}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-current {stroke:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-point-previous {fill:var(--dds-year-previous)}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-point-current {fill:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-area-reveal {animation:dds-area-reveal .8s ease-out both}
@keyframes dds-area-reveal {from {clip-path:inset(0 100% 0 0)}to {clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce) {html[data-sota-prototype-module="dds-expense"] #root .dds-area-reveal {animation:none}}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-state {padding:38px;min-height:180px}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-state h2 {
  font-size:24px;
  margin:0 0 8px;
  color:var(--text);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-state p {
  font-size:13px;
  color:var(--muted);
  line-height:1.5;
  max-width:620px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-state button {
  margin:14px 9px 0 0;
  padding:10px 15px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--text);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-error {border-color:var(--red)}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-demo-banner {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:11px 14px;
  margin-bottom:11px;
  border:1px solid var(--amber);
  border-radius:12px;
  background:var(--amber-soft);
  color:var(--text);
  font-size:11px;
  line-height:1.4;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-demo-banner button {
  margin-left:auto;
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--text);
}
html[data-sota-prototype-module="dds-expense"] #root :is(button,a,input,select,summary):focus-visible {
  outline:3px solid var(--primary);
  outline-offset:2px;
}
html[data-sota-prototype-module="dds-expense"] #root :is(.modal-backdrop,.drawer-backdrop) {z-index:1000}
html[data-sota-prototype-module="dds-expense"] #root .toast {z-index:1100}
/* Contractors: compact register and one calm reading surface in the editor. */
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .page-head {align-items:center;gap:16px;margin-bottom:18px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .page-head h1 {margin:0 0 5px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .page-actions {margin-left:auto}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .view-toggle {display:flex;gap:8px;padding:0;border:0;background:none}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .view-toggle button {min-height:40px;padding:0 16px;border:1px solid var(--sota33-border-strong);border-radius:9px;background:var(--dds-open-surface);color:var(--sota33-text);font-size:13px;cursor:pointer}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .view-toggle button.active {background:var(--sota33-primary-soft)!important;border-color:var(--sota33-primary)!important;color:var(--sota33-primary)!important;box-shadow:none}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .kpi {min-width:0;min-height:95px;padding:14px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .kpi strong {font-size:22px;line-height:1.2}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .filters.expanded {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;margin-bottom:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-row {display:grid;min-width:0;gap:10px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-primary {grid-template-columns:auto minmax(0,1fr) auto auto;align-items:stretch}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-primary .search {grid-column:auto;min-width:0;margin:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-primary .btn {min-height:40px;margin:0;padding:0 15px;white-space:nowrap}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-selects {grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-selects select {width:100%;min-width:0;min-height:40px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .contractor-list table {min-width:850px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .contractor-list tr[data-action="edit-contractor"] {cursor:pointer}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .contractor-list tr[data-action="edit-contractor"]:hover {background:var(--sota33-primary-soft)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page :is(.contractor-list tr[role="button"],.contractor-grid .contractor-card[role="button"]):focus-visible {outline:3px solid var(--sota33-primary);outline-offset:-3px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .contractor-list :is(th,td) {vertical-align:top;padding:13px 12px;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .contractor-list td small {display:block;margin-top:3px;color:var(--sota33-muted)}
/* Design Lab material 03: 14% fill with medium blur, in both themes. */
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-backdrop {background:color-mix(in srgb,var(--sota33-canvas) 76%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .dds-contractor-modal {max-width:900px;background:var(--sota33-glass);backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));-webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));color:var(--sota33-text);border-radius:18px;border-color:var(--sota33-border);box-shadow:var(--sota33-shadow)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal :is(.modal-head,.modal-actions) {background:var(--sota33-glass);backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));-webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));border-color:var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-head {padding:20px 24px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-head h2 {margin:0;font-size:24px;line-height:1.25;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section {padding:19px 24px;background:transparent;border-color:var(--sota33-border)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section h3 {margin-bottom:14px;color:var(--sota33-text);font-size:13px;letter-spacing:0;text-transform:none}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section summary {color:var(--sota33-text);line-height:1.5}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section summary small {color:var(--sota33-muted)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal :is(.field>span,.choice-panel h4) {color:var(--sota33-text);font-weight:600}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal :is(.form-help,.reference-status,.trace-box) {line-height:1.5;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal :is(.choice-panel,.reference-status,.trace-box,.legacy-review,.suggestion-card) {background:var(--sota33-glass-raised);border-color:var(--sota33-border-strong);color:var(--sota33-text)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal :is(.summary-facts,.form-help,.field small) {color:var(--sota33-muted)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .reference-status.warning {border-left:3px solid var(--sota33-warning)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section {background:transparent}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section + .form-section {border-top:1px solid var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-row {display:grid;gap:12px;min-width:0;margin-top:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-two {grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-three {grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-one {grid-template-columns:minmax(0,1fr)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-row .field {min-width:0;margin:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-cash-recipient {margin-top:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-cash-recipient[hidden] {display:none!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .choice-panel {min-width:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .multi-checks {max-height:none;overflow:visible}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .multi-check {min-height:34px;font-size:12px;line-height:1.35}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .multi-check input:disabled + span {opacity:.52}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-special-choice {font-weight:700;color:var(--sota33-text)}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-actions {grid-template-columns:auto 1fr auto auto}
/* Invoice register uses the same two-row filter layout as contractors. */
html[data-sota-prototype-module="dds-expense"] #root .dds-invoices-page .page-head {margin-bottom:18px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoices-page .filters.expanded {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;margin-bottom:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-row {display:grid;gap:10px;min-width:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-primary {grid-template-columns:auto minmax(0,1fr) auto auto}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-primary .search {grid-column:auto;min-width:0;margin:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-primary .btn {min-height:40px;margin:0;padding:0 15px;white-space:nowrap}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-selects {grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-selects select {width:100%;min-width:0;min-height:40px}
/* Same Design Lab material 03 for the invoice editor. */
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-backdrop {background:color-mix(in srgb,var(--sota33-canvas) 76%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .dds-invoice-modal {background:var(--sota33-glass);backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));-webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));color:var(--sota33-text);border-radius:18px;border-color:var(--sota33-border);box-shadow:var(--sota33-shadow)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.modal-head,.modal-actions) {background:var(--sota33-glass);backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));-webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));border-color:var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .modal-head h2 {margin:0;font-size:24px;line-height:1.25;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .modal-head {padding:20px 24px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .form-section {padding:19px 24px;background:transparent;border-color:var(--sota33-border)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.form-section h3,.form-section summary,.field>span) {color:var(--sota33-text)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.form-section h3,.field>span) {font-weight:600}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.summary-facts,.form-help,.field small) {color:var(--sota33-muted);line-height:1.45}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.reference-status,.trace-box) {background:var(--sota33-glass-raised);border-color:var(--sota33-border-strong);color:var(--sota33-text);line-height:1.5;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .form-section + .form-section {border-top:1px solid var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-row {display:grid;gap:12px;min-width:0;margin-top:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-three {grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-two {grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-one {grid-template-columns:minmax(0,1fr)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-row .field {min-width:0;margin:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-extra {margin-top:22px;padding-top:18px;border-top:1px solid var(--sota33-border-strong)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-extra h4 {margin:0;color:var(--sota33-text);font-size:13px;font-weight:600}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget {min-width:0;padding:12px;border:1px solid var(--sota33-border-strong);border-radius:10px;background:var(--sota33-glass-raised);font-size:12px;line-height:1.5}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget strong {font-weight:600}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget p {margin:7px 0 0;color:var(--sota33-muted);overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget-months {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget-months>div {display:flex;flex-direction:column;min-width:0;padding:8px;border:1px solid var(--sota33-border);border-radius:8px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget-months strong {overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .dds-invoice-budget .dds-invoice-budget-error {color:var(--sota33-danger)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal input[readonly] {cursor:default}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-contractor-modal,.dds-invoice-modal) .modal-actions .btn.secondary {border-color:var(--sota33-border-strong);background:var(--sota33-glass-raised);color:var(--sota33-text)}
/* Design Lab Secondary (Отменить): neutral surface, ink, accent on hover. */
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .modal-actions .dds-invoice-cancel {border-color:var(--sota33-border-strong);background:var(--sota33-surface-raised);color:var(--sota33-ink)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .modal-actions .dds-invoice-cancel:hover {border-color:var(--sota33-primary);color:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .modal-actions .dds-invoice-cancel:focus-visible {outline:3px solid var(--sota33-focus);outline-offset:2px}
@media(max-width:760px) {
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .dds-card-three {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-selects {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.dds-invoice-two,.dds-invoice-three,.dds-invoice-budget-months) {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px) {
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-selects {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .page-head {align-items:stretch}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .page-actions {margin-left:0}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .view-toggle button {flex:1}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-primary {grid-template-columns:1fr 1fr}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-filter-primary .search {grid-column:1/-1}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .kpi {min-height:85px;padding:12px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-page .kpi strong {font-size:19px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-head {padding:17px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .form-section {padding:16px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal :is(.dds-card-two,.dds-card-three) {grid-template-columns:minmax(0,1fr)}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-actions {grid-template-columns:1fr 1fr}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-actions>span {display:none}
  html[data-sota-prototype-module="dds-expense"] #root .dds-contractor-modal .modal-actions .btn.primary {grid-column:1/-1}
  html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .modal-head {padding:17px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal .form-section {padding:16px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-modal :is(.dds-invoice-two,.dds-invoice-three,.dds-invoice-budget-months) {grid-template-columns:minmax(0,1fr)}
  html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-primary {grid-template-columns:1fr 1fr}
  html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-primary .search {grid-column:1/-1}
}
@media(max-width:1180px) {
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-charts {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px) {
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpis {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px) {
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpis {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-charts {grid-template-columns:1fr}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-plot {grid-template-columns:repeat(6,minmax(0,1fr));row-gap:16px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-bars {height:145px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-legend {max-height:none;overflow:visible}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-month:nth-child(6n+1) .dds-year-tooltip {left:0;transform:none}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-month:nth-child(6n) .dds-year-tooltip {left:auto;right:0;transform:none}
}
@media(max-width:720px) {
  .sota23-menu[data-sota-module="dds-expense"] .dds-menu-actions {margin:0 0 5px}
  .sota23-menu[data-sota-module="dds-expense"] .dds-menu-action-label {opacity:1}
  html[data-sota-prototype-module="dds-expense"] .dds-rule-toast {left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:auto}
  html[data-sota-prototype-module="dds-expense"][data-dds-menu-ready="true"] body {
    padding-left:0!important;
    padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head {display:block;padding:16px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi {min-height:115px;padding:13px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi strong {font-size:20px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-kpi:last-child {grid-column:1/-1}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-year {padding:14px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-head {display:block}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-key {margin-top:10px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-area-desktop {display:none}
  html[data-sota-prototype-module="dds-expense"] #root .dds-area-mobile {display:block}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-plot {gap:4px;padding:8px 1px 2px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-bars {height:116px;gap:2px}
  html[data-sota-prototype-module="dds-expense"] #root .dds-year-bar {width:min(15px,42%)}
  html[data-sota-prototype-module="dds-expense"] #root .dds-live-state {padding:22px}
}

/* Overview coverage and shared registry view controls. */
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head {display:flex;justify-content:space-between;align-items:center;gap:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head>div:first-child {min-width:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-coverage {flex:none;text-align:right;color:var(--sota33-muted);font-size:11px}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-coverage strong {display:block;font-size:30px;line-height:1.15;color:var(--sota33-primary);font-variant-numeric:tabular-nums}
html[data-sota-prototype-module="dds-expense"] #root .dds-contractors-attribution {color:var(--sota33-primary);font-size:14px;white-space:nowrap}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-contractors-page,.dds-invoices-page) .filters .view-toggle {display:flex;gap:8px;padding:0;border:0;background:none;align-items:center}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-contractors-page,.dds-invoices-page) .filters .view-toggle button {min-height:40px;padding:0 15px;border:1px solid var(--sota33-border-strong);border-radius:9px;background:var(--dds-open-surface);color:var(--sota33-text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
html[data-sota-prototype-module="dds-expense"] #root :is(.dds-contractors-page,.dds-invoices-page) .filters .view-toggle button.active {background:var(--sota33-primary-soft)!important;color:var(--sota33-primary)!important;border-color:var(--sota33-primary)!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile {display:block;text-align:left;width:100%;min-width:0;padding:18px;border-radius:12px;border:1px solid var(--sota33-border-strong);background:var(--sota33-surface);color:var(--sota33-text);font:inherit;cursor:pointer;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile:hover {border-color:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile-head {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:14px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile-head strong:last-child {white-space:nowrap;color:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile-status {display:block;margin:10px 0;color:var(--sota33-muted);font-size:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:11px;color:var(--sota33-muted)}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-tile-facts strong {display:block;font-size:12px;color:var(--sota33-text);margin-top:3px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoices-page [hidden] {display:none!important}
@media(max-width:1000px) {
 html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-sota-prototype-module="dds-expense"] #root :is(.dds-register-filter-primary,.dds-contractor-filter-primary) {grid-template-columns:auto 1fr 1fr}
 html[data-sota-prototype-module="dds-expense"] #root :is(.dds-register-filter-primary,.dds-contractor-filter-primary) .search {grid-column:1/-1;grid-row:2}
}
@media(max-width:600px) {
 html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head {align-items:flex-start;gap:10px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-live-stage-head h1 {font-size:20px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-live-coverage {max-width:90px;font-size:10px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-live-coverage strong {font-size:24px}
 html[data-sota-prototype-module="dds-expense"] #root :is(.dds-register-filter-primary,.dds-contractor-filter-primary) {grid-template-columns:1fr 1fr}
 html[data-sota-prototype-module="dds-expense"] #root :is(.dds-register-filter-primary,.dds-contractor-filter-primary) .view-toggle {grid-column:1/-1;grid-row:1}
 html[data-sota-prototype-module="dds-expense"] #root :is(.dds-register-filter-primary,.dds-contractor-filter-primary) .view-toggle button {flex:1}
 html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-grid {grid-template-columns:1fr;padding:10px}
}

/* Five working sections, full Design Lab controls and decomposition. */
html[data-sota-prototype-module="dds-expense"] #root .sidebar [data-tab="monthly"] {display:none!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-period {grid-column:span 2;min-width:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-period {min-width:0;max-width:480px}
html[data-sota-prototype-module="dds-expense"] .dds-design-controls .date-range-trigger {width:100%}
html[data-sota-prototype-module="dds-expense"][data-observed-version="2.0.2"] .dds-design-controls .date-range-positioner-v20 {z-index:1400!important}
html[data-sota-prototype-module="dds-expense"][data-observed-version="2.0.2"] .dds-design-controls .page-preloader {z-index:1600!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .page-head {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .page-head h1 {margin:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dds-analysis-dimensions {padding:18px;margin-bottom:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .card-head {margin-bottom:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dimension-tabs {display:flex;flex-wrap:wrap;gap:8px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dimension-tabs button {min-height:40px;padding:0 14px;border:1px solid var(--sota33-border-strong);border-radius:9px;background:var(--dds-open-surface);color:var(--sota33-text);font:inherit;cursor:pointer}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dimension-tabs button.active {background:var(--sota33-primary-soft)!important;color:var(--sota33-primary)!important;border-color:var(--sota33-primary)!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .kpi-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .table-wrap {max-width:100%;overflow:auto}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page table {table-layout:fixed;min-width:650px;width:100%}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page :is(th,td) {vertical-align:middle;overflow-wrap:anywhere;padding:13px 14px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page :is(th,td):first-child {width:30%}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page :is(th,td):not(:first-child) {text-align:right}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page :is(th,td):nth-child(2) {width:12%}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page :is(th,td):nth-child(4) {width:13%}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page td.amount {white-space:nowrap}
@media(max-width:600px) {
 html[data-sota-prototype-module="dds-expense"] #root .dds-invoice-period {grid-column:auto}
 html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .kpi-grid {grid-template-columns:1fr}
 html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .page-head h1 {font-size:23px}
}

/* One compact header shared by all five pages. */
html[data-sota-prototype-module="dds-expense"] #root .main .dds-page-head {
 display:flex!important;align-items:center!important;justify-content:space-between;gap:12px!important;
 min-height:64px;box-sizing:border-box;padding:14px 18px!important;margin:0 0 18px!important;
 border:1px solid var(--sota33-border);border-radius:12px;background:var(--sota33-glass);color:var(--sota33-text);
 box-shadow:var(--sota33-shadow);backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
 -webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root .main .dds-page-head h1 {
 margin:0!important;min-width:0;white-space:nowrap;font-size:clamp(15px,2vw,24px)!important;
 line-height:1.2!important;font-weight:500;color:var(--sota33-text);
}
html[data-sota-prototype-module="dds-expense"] #root .main .dds-header-coverage {
 flex:0 0 56px;text-align:right;color:var(--sota33-primary);font-size:24px;line-height:1.2;
 font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dds-analysis-dimensions {
 display:flex;align-items:center;justify-content:space-between;gap:18px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dds-analysis-dimensions h2 {
 flex:none;font-size:22px;line-height:1.2;margin:0;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dimension-tabs {
 flex:1;flex-direction:row-reverse;justify-content:flex-start;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-share-line {
 width:100%;min-width:24px;height:8px;overflow:hidden;background:var(--sota33-primary-soft);border-radius:4px;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-share-line i {
 display:block;height:100%;background:var(--sota33-primary);border-radius:inherit;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page tr[data-dds-analysis-group],
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page tr[data-dds-invoice-open] {cursor:pointer}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dds-group-selected td {background:var(--sota33-primary-soft)}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page tr[role="button"]:focus-visible {outline:2px solid var(--sota33-primary);outline-offset:-2px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-invoices {margin-top:18px;min-width:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-invoices .card-head {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;margin:0}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-invoices .card-head h2 {margin:0;font-size:18px;overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-invoices .card-head>span {margin-left:auto;white-space:nowrap;color:var(--sota33-muted);font-size:12px}
html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-invoices td small {display:block;margin-top:4px;color:var(--sota33-muted)}
/* Fixed colgroup widths make each boundary independently adjustable. Only the table scrolls. */
html[data-sota-prototype-module="dds-expense"] #root .table-wrap {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
html[data-sota-prototype-module="dds-expense"] #root table.dds-resizable-table {table-layout:fixed;min-width:0!important;max-width:none}
html[data-sota-prototype-module="dds-expense"] #root table.dds-resizable-table :is(th,td) {
 width:auto!important;min-width:0;white-space:normal!important;overflow-wrap:anywhere;
}
html[data-sota-prototype-module="dds-expense"] #root table.dds-resizable-table th {position:relative;padding-right:22px!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-column-grip {
 position:absolute;right:0;top:0;bottom:0;width:16px;cursor:col-resize;touch-action:none;user-select:none;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-column-grip::after {
 content:"";position:absolute;top:25%;bottom:25%;right:6px;width:2px;border-radius:1px;background:var(--sota33-border-strong);
}
html[data-sota-prototype-module="dds-expense"] #root .dds-column-grip:hover::after {background:var(--sota33-primary)}
html[data-sota-prototype-module="dds-expense"] #root .dds-column-grip:focus-visible {outline:2px solid var(--sota33-primary);outline-offset:-2px}
html[data-sota-prototype-module="dds-expense"].dds-column-dragging,
html[data-sota-prototype-module="dds-expense"].dds-column-dragging * {cursor:col-resize!important;user-select:none!important}
@media(max-width:600px) {
 html[data-sota-prototype-module="dds-expense"] #root .main .dds-page-head {min-height:56px;padding:12px!important;gap:8px!important}
 html[data-sota-prototype-module="dds-expense"] #root .main .dds-header-coverage {flex-basis:46px;font-size:22px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dds-analysis-dimensions {align-items:flex-start;flex-wrap:wrap;gap:12px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dds-analysis-dimensions h2 {font-size:20px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-analysis-page .dimension-tabs {flex-basis:100%}
}

/* VAT and employee facts retain the invoice identity grid and glass surface. */
html[data-sota-prototype-module="dds-expense"] #root [data-dds-tax-employee] .field small {font-size:11px;line-height:1.4;color:var(--sota33-muted);overflow-wrap:anywhere}
html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-selects {grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions .btn {min-height:80px;padding:18px;font-size:17px;line-height:1.3;white-space:normal}
html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions .btn:focus-visible {outline:2px solid var(--sota33-primary);outline-offset:3px}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoices-page tr[data-dds-invoice-open] {cursor:pointer}
html[data-sota-prototype-module="dds-expense"] #root .dds-invoices-page tr[data-dds-invoice-open]:focus-visible {outline:2px solid var(--sota33-primary);outline-offset:-2px}
@media(max-width:900px) {
 html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-selects {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px) {
 html[data-sota-prototype-module="dds-expense"] #root .dds-register-filter-selects {grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions {grid-template-columns:1fr;gap:10px}
 html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions .btn {min-height:64px;font-size:16px}
}

/* v0.10.0 · Local color contract. Layout/API unchanged; Design Lab v2.3.6 pinned.
   Legacy sota-visual.css uses !important for every button, badge, field and table.
   These ID-scoped color rules restore the pinned roles only inside DDS.
   The full Design Lab date-range/preloader stylesheet remains autonomous. */
html[data-sota-prototype-module="dds-expense"] {
 --dds-success-ink:#075b3a;
 --dds-warning-ink:#704300;
 --dds-danger-ink:#87201f;
 --dds-info-ink:#244f73;
 --dds-violet-ink:#603b78;

}
html[data-sota-prototype-module="dds-expense"][data-theme="dark"] {
 --dds-success-ink:#82edbf;
 --dds-warning-ink:#f5d18a;
 --dds-danger-ink:#ffacb1;
 --dds-info-ink:#9bd8e5;
 --dds-violet-ink:#c6a4e6;
}
html[data-sota-prototype-module="dds-expense"] :is(#root[data-sota33],#dds-rule-toast[data-sota33]) {
 --dds-success-soft:color-mix(in srgb,var(--dds-success-ink) 8%,var(--sota33-surface-solid));
 --dds-warning-soft:color-mix(in srgb,var(--dds-warning-ink) 8%,var(--sota33-surface-solid));
 --dds-danger-soft:color-mix(in srgb,var(--dds-danger-ink) 8%,var(--sota33-surface-solid));
 --dds-info-soft:color-mix(in srgb,var(--dds-info-ink) 8%,var(--sota33-surface-solid));
 --dds-violet-soft:color-mix(in srgb,var(--dds-violet-ink) 8%,var(--sota33-surface-solid));
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] {
 --green:var(--dds-success-ink);
 --red:var(--dds-danger-ink);
 --red-soft:var(--dds-danger-soft);
 --red-tint:var(--dds-danger-soft);
 --red-border:var(--dds-danger-ink);
 --amber:var(--dds-warning-ink);
 --amber-soft:var(--dds-warning-soft);
 --blue:var(--dds-info-ink);
 --blue-soft:var(--dds-info-soft);
 --violet:var(--dds-violet-ink);
 --gold:var(--sota33-primary);
 --gold-tint:var(--sota33-primary-soft);
 --green-tint-border:var(--sota33-border-strong);
 --bg-soft:var(--sota33-surface-solid);
 --sota-color-action-link:var(--sota33-primary);
 --sota-color-field-bg:var(--sota33-glass-raised);
 --sota-color-field-text:var(--sota33-ink);
 --sota-color-field-border:var(--sota33-border-strong);
 --sota-color-field-placeholder:var(--sota33-muted);
 --sota-color-focus:var(--sota33-focus);
 --sota-color-text-secondary:var(--sota33-muted);
 --sota-color-text-disabled:var(--sota33-faint);
 --sota-color-selection-bg:var(--sota33-primary-soft);
 --sota-color-selection-text:var(--sota33-primary);
 color-scheme:light;
}
html[data-sota-prototype-module="dds-expense"][data-theme="dark"] #root[data-sota33] {color-scheme:dark}
/* Default actions are neutral. Primary is reserved for applying/saving, not arrows. */
html[data-sota-prototype-module="dds-expense"] #root button:not(.dds-design-controls button) {
 background:var(--sota33-glass-raised)!important;color:var(--sota33-ink)!important;
 border-color:var(--sota33-border-strong)!important;
}
html[data-sota-prototype-module="dds-expense"] #root button:not(.dds-design-controls button):hover:not(:disabled) {
 background:var(--sota33-primary-soft)!important;color:var(--sota33-primary)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .btn.primary:not(:disabled) {
 background:var(--sota33-primary)!important;color:var(--sota33-on-primary)!important;
 border-color:var(--sota33-primary)!important;box-shadow:none;
}
html[data-sota-prototype-module="dds-expense"] #root .btn.primary:hover:not(:disabled) {
 background:var(--sota33-primary-hover)!important;color:var(--sota33-on-primary)!important;
 border-color:var(--sota33-primary-hover)!important;
}
html[data-sota-prototype-module="dds-expense"] #root :is(.view-toggle,.dimension-tabs) button:is(.active,[aria-pressed="true"]) {
 background:var(--sota33-primary-soft)!important;color:var(--sota33-primary)!important;
 border-color:var(--sota33-primary)!important;
}
html[data-sota-prototype-module="dds-expense"] #root :is(.btn.secondary,.icon-btn,.dds-invoice-cancel) {
 background:var(--sota33-glass-raised)!important;color:var(--sota33-ink)!important;border-color:var(--sota33-border-strong)!important;
}
html[data-sota-prototype-module="dds-expense"] #root :is(.btn.secondary,.icon-btn,.dds-invoice-cancel):hover:not(:disabled) {
 background:var(--sota33-primary-soft)!important;color:var(--sota33-ink)!important;border-color:var(--sota33-primary)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .btn.danger {
 background:var(--dds-danger-ink)!important;color:var(--sota33-on-primary)!important;border-color:var(--dds-danger-ink)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .btn.danger.ghost {
 background:var(--dds-danger-soft)!important;color:var(--dds-danger-ink)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .btn.danger:hover:not(:disabled) {
 background:var(--dds-danger-soft)!important;color:var(--dds-danger-ink)!important;border-color:var(--dds-danger-ink)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-card-head button {
 background:transparent!important;color:var(--sota33-primary)!important;border-color:transparent!important;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-live-card-head button:hover:not(:disabled) {
 background:var(--sota33-primary-soft)!important;color:var(--sota33-primary)!important;
}
/* Read-only facts retain full contrast; disabled editing actions use neutral ink. */
html[data-sota-prototype-module="dds-expense"] #root :is(input,select,textarea):not(.dds-design-controls :is(input,select,textarea)) {
 background:var(--sota33-glass-raised)!important;color:var(--sota33-ink)!important;
 border-color:var(--sota33-border-strong)!important;accent-color:var(--sota33-primary);
}
html[data-sota-prototype-module="dds-expense"] #root :is(input,textarea):not(.dds-design-controls :is(input,textarea))::placeholder {color:var(--sota33-muted)!important;opacity:.8}
html[data-sota-prototype-module="dds-expense"] #root select:not(.dds-design-controls select) option {background:var(--sota33-surface-solid);color:var(--sota33-ink)}
html[data-sota-prototype-module="dds-expense"] #root :is(button,input,select,textarea):disabled:not(.dds-design-controls :is(button,input,select,textarea)) {
 background:var(--sota33-surface-solid)!important;color:var(--sota33-faint)!important;border-color:var(--sota33-border-strong)!important;
 opacity:.72;filter:none;
}
html[data-sota-prototype-module="dds-expense"] #root :is(button,a,input,select,textarea,summary,[role="button"],.dds-column-grip):focus-visible:not(.dds-design-controls *) {
 outline:3px solid var(--sota33-focus)!important;outline-offset:2px;
}
/* Status text uses the darker/lighter Lab status inks, not the action accent. */
html[data-sota-prototype-module="dds-expense"] #root .badge {
 --dds-badge-ink:var(--sota33-text);--dds-badge-bg:var(--sota33-glass-raised);
 background:var(--dds-badge-bg)!important;color:var(--dds-badge-ink)!important;
 border-color:color-mix(in srgb,var(--dds-badge-ink) 30%,transparent)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .badge.green {--dds-badge-ink:var(--dds-success-ink);--dds-badge-bg:var(--dds-success-soft)}
html[data-sota-prototype-module="dds-expense"] #root .badge.amber {--dds-badge-ink:var(--dds-warning-ink);--dds-badge-bg:var(--dds-warning-soft)}
html[data-sota-prototype-module="dds-expense"] #root .badge.red {--dds-badge-ink:var(--dds-danger-ink);--dds-badge-bg:var(--dds-danger-soft)}
html[data-sota-prototype-module="dds-expense"] #root .badge.blue {--dds-badge-ink:var(--dds-info-ink);--dds-badge-bg:var(--dds-info-soft)}
html[data-sota-prototype-module="dds-expense"] #root .badge.violet {--dds-badge-ink:var(--dds-violet-ink);--dds-badge-bg:var(--dds-violet-soft)}
/* Rows and column headers use one palette, including hover and selected groups. */
html[data-sota-prototype-module="dds-expense"] #root th {background:var(--dds-open-soft)!important;color:var(--sota33-muted)!important}
html[data-sota-prototype-module="dds-expense"] #root td {color:var(--sota33-text)!important}
html[data-sota-prototype-module="dds-expense"] #root tbody tr:hover td {background:color-mix(in srgb,var(--sota33-primary-soft) 62%,transparent)!important}
html[data-sota-prototype-module="dds-expense"] #root tbody tr.dds-group-selected td {background:var(--sota33-primary-soft)!important}
/* The common menu remains Design Lab green in light and mint in dark. Stable ID
   beats the legacy selector with its ten :not() classes without touching Lab CSS. */
html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(button,a) {
 background:transparent!important;color:var(--sota23-text)!important;border-color:transparent!important;
}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(button,a):hover:not(:disabled) {
 background:var(--sota23-menu-hover)!important;color:var(--sota23-text)!important;
}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(a[aria-current="page"],.dds-menu-actions-toggle[aria-expanded="true"]) {
 background:var(--sota23-menu-selected)!important;color:var(--sota23-primary)!important;border-color:var(--sota23-menu-border)!important;
}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(.sota23-brand-copy small,.sota23-routes small) {color:var(--sota23-muted)!important}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu button:disabled {
 background:transparent!important;color:var(--sota23-muted)!important;border-color:transparent!important;filter:none;opacity:.55;
}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(a,button):focus-visible {outline:2px solid var(--sota23-primary)!important;outline-offset:2px}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu .sota23-scrim {background:rgba(6,20,16,.38)!important}
@media(max-width:720px) {
 html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(.sota23-theme,.sota23-mobile-open) {background:var(--sota23-menu-popover)!important;border-color:var(--sota23-menu-border)!important}
}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast {--dds-toast-ink:var(--sota33-primary);--dds-toast-soft:var(--sota33-primary-soft)}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast[data-tone="success"] {--dds-toast-ink:var(--dds-success-ink);--dds-toast-soft:var(--dds-success-soft)}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast[data-tone="warning"] {--dds-toast-ink:var(--dds-warning-ink);--dds-toast-soft:var(--dds-warning-soft)}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast[data-tone="error"] {--dds-toast-ink:var(--dds-danger-ink);--dds-toast-soft:var(--dds-danger-soft)}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast .dds-rule-toast-icon {background:var(--dds-toast-soft);color:var(--dds-toast-ink)}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast button {background:transparent!important;color:var(--sota33-muted)!important;border-color:transparent!important}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast button:hover {background:var(--sota33-primary-soft)!important;color:var(--sota33-text)!important}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast button:focus-visible {outline:2px solid var(--sota33-focus)!important}
/* Solid fallback when transparency/blur is unsuitable. */
@media(prefers-reduced-transparency:reduce) {
 html[data-sota-prototype-module="dds-expense"] #root :is(.card,.table-card,.filters,.kpi,.dds-page-head,.dds-live-kpi,.dds-live-chart,.dds-live-year,.modal,.modal-head,.modal-actions) {
  background:var(--sota33-surface-solid)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}

html[data-sota-prototype-module="dds-expense"] #dds-rule-toast p {color:var(--sota33-muted)!important}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .main:not(.dds-live-dashboard) :is(.card,.table-card,.filters,.contractor-card) {
 background:var(--dds-open-surface)!important;color:var(--sota33-text)!important;border-color:var(--sota33-border)!important;
}

@media(prefers-reduced-transparency:reduce) {
 html[data-sota-prototype-module="dds-expense"] #root[data-sota33] .main:not(.dds-live-dashboard) :is(.card,.table-card,.filters,.contractor-card) {background:var(--sota33-surface-solid)!important}
}

/* Unified visual wave: protect the exact font/material roles against legacy CSS. */
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] {
 --font:var(--sota33-font);--font-ui:var(--sota33-font);--font-heading:var(--sota33-font);--font-number:var(--sota33-font);
 font-family:var(--sota33-font)!important;
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(div,section,article,header,footer,h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,legend,button,input,select,textarea,table,thead,tbody,tr,th,td,caption,a,summary,dt,dd,ul,li,output,svg,text,tspan) {
 font-family:var(--sota33-font)!important;
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(h1,h2,h3,h4) {font-weight:300}
html[data-sota-prototype-module="dds-expense"] #dds-module-menu :is(div,span,strong,small,a,button) {font-family:var(--sota23-font)!important}
html[data-sota-prototype-module="dds-expense"] #dds-rule-toast :is(div,span,strong,p,button) {font-family:var(--sota33-font)!important}
html[data-sota-prototype-module="dds-expense"] .sota-wave-controls :is(div,section,span,strong,b,small,p,label,button,input,select,textarea,svg,text) {font-family:var(--sota33-font)!important}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.card,.table-card,.filters,.kpi,.dds-page-head,.dds-live-kpi,.dds-live-chart,.dds-live-year,.dds-live-state,.contractor-card) {
 background:var(--sota33-glass)!important;border-color:var(--sota33-border)!important;border-radius:18px!important;
 box-shadow:var(--sota33-shadow);backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
 -webkit-backdrop-filter:blur(var(--sota33-glass-blur)) saturate(var(--sota33-glass-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.choice-panel,.dds-invoice-tile,.status-tile) {
 background:var(--sota33-glass-raised)!important;border-color:var(--sota33-border-strong)!important;
 box-shadow:var(--sota33-raised-shadow);backdrop-filter:blur(var(--sota33-raised-blur)) saturate(var(--sota33-raised-saturation));
 -webkit-backdrop-filter:blur(var(--sota33-raised-blur)) saturate(var(--sota33-raised-saturation));
}
html[data-sota-prototype-module="dds-expense"] #root :is(.btn,.icon-btn,.view-toggle button,.dimension-tabs button):not(.dds-design-controls *) {
 min-height:40px;border-radius:12px!important;font:300 14px/1.2 var(--sota33-font)!important;
}
html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions .btn {min-height:80px;font-size:17px!important}
html[data-sota-prototype-module="dds-expense"] #root .dds-native-date[hidden] {display:none!important}
html[data-sota-prototype-module="dds-expense"] {--sota-wave-bottom-reserve:12px}
@media(max-width:720px) {html[data-sota-prototype-module="dds-expense"] {--sota-wave-bottom-reserve:calc(84px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px) {html[data-sota-prototype-module="dds-expense"] #root .dds-data-actions .btn {min-height:64px;font-size:16px!important}}
@media(prefers-reduced-transparency:reduce) {
 html[data-sota-prototype-module="dds-expense"] #root[data-sota33] :is(.card,.table-card,.filters,.kpi,.dds-page-head,.dds-live-kpi,.dds-live-chart,.dds-live-year,.dds-live-state,.contractor-card,.choice-panel,.dds-invoice-tile,.status-tile,.modal,.modal-head,.modal-actions) {
  background:var(--sota33-surface-solid)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}