:root{
  --domino-orange:#FF4D2E;
  --domino-ink:#101820;
  --domino-cream:#F4F1EA;
  --navy:#101820;
  --navy-2:#1B2530;
  --blue:#FF4D2E;
  --orange:#FF4D2E;
  --ink:#101820;
  --soft:#F4F1EA;
  --line:#d9d5cc;
}
body{background:#F4F1EA;color:var(--domino-ink)}
.auth-shell{background:#F4F1EA}
.auth-panel{border-radius:16px;background:#fffdf8}
.auth-brand-lockup{display:block;width:min(460px,96%);height:auto;margin:0 auto 22px;border-radius:12px;object-fit:contain}
.eyebrow{color:var(--domino-orange)}
.button.primary{background:var(--domino-orange);color:var(--domino-ink)}
.button.primary:hover{background:#e53e22}
input:focus,select:focus,textarea:focus,button:focus-visible{outline-color:rgba(255,77,46,.25);border-color:var(--domino-orange)}
.sidebar{background:var(--domino-ink);border-inline-start-color:#27313a}
body[data-dashboard-theme] .sidebar{background:var(--domino-ink)!important;border-inline-start-color:#27313a}
.sidebar-brand{min-height:92px;justify-content:center}
.sidebar-brand-lockup{display:block;width:216px!important;height:auto!important;padding:4px;border:1px solid rgba(255,77,46,.28);border-radius:10px!important;background:#F4F1EA;object-fit:contain}
.sidebar-brand-lockup-light{display:none}
.sidebar-brand .sidebar-label{display:none}
.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup{display:block;width:76px!important;max-width:76px!important;padding:2px}
html body[data-dashboard-theme="domino-light"] .portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup-dark,
html body[data-dashboard-theme="domino-ink"] .portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup-dark{display:none!important}
html body[data-dashboard-theme="domino-light"] .portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup-light,
html body[data-dashboard-theme="domino-ink"] .portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup-light{display:block!important}
html body[data-dashboard-theme="current-roast"] .portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup-light{display:none!important}
html body[data-dashboard-theme="current-roast"] .portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand-lockup-dark{display:block!important}
.nav-item:hover,.nav-item.active{color:#fff;background:#29313a;box-shadow:inset -3px 0 0 var(--domino-orange)}
.nav-item span{color:var(--domino-orange)}
body[data-dashboard-theme] .sidebar .nav-item span{color:var(--domino-orange)!important}
.topbar{background:rgba(255,253,248,.97)}
.brand-home-button:focus-visible,.topbar-brand-home:focus-visible{outline-color:var(--domino-orange)}

/* DOMINO Light — the official default company-portal theme. */
body[data-dashboard-theme][data-dashboard-theme="domino-light"]{
  --theme-bg:#F4F1EA;
  --theme-card:#fffdf8;
  --theme-card-alt:#eeeae1;
  --theme-line:#d6d0c5;
  --theme-accent:#FF4D2E;
  --theme-accent-2:#101820;
  --theme-text:#101820;
  --theme-muted:#59616a;
  --theme-muted-2:#737a80;
  --theme-on-dark:#F4F1EA;
  --theme-on-dark-muted:#c9c5bc;
  --theme-panel:#fffdf8;
  --theme-panel-2:#eeeae1;
  --ink:#101820;
  --muted:#59616a;
  --line:#d6d0c5;
  --border:#d6d0c5;
  --soft:#eeeae1;
  --surface:#fffdf8;
  --surface-soft:#eeeae1;
  --white:#fffdf8;
  --navy:#101820;
  --navy-2:#1B2530;
  background:#F4F1EA!important;
  color:#101820!important;
  color-scheme:light;
}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .portal,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .workspace,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .page-view,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] main{background:#F4F1EA!important;color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .topbar,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar{background:#F4F1EA!important;color:#101820!important;border-color:#d6d0c5!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar{box-shadow:8px 0 26px rgba(16,24,32,.08)}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar-brand-lockup-dark{display:none}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar-brand-lockup-light{display:block}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar .nav-item{color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar .nav-item:hover,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar .nav-item.active{background:#FF4D2E!important;color:#101820!important;box-shadow:inset -3px 0 0 #101820}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar .nav-item:hover span,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .sidebar .nav-item.active span{color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .metric,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .metric-card,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .command-banner,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .period-toolbar,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .table-wrap,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] dialog,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] dialog form{background:#fffdf8!important;color:#101820!important;border-color:#d6d0c5!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface h1,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface h2,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface h3,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface h4,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface strong,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .metric strong{color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .button.primary,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .button.success,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .period-selector button.active{background:#FF4D2E!important;border-color:#FF4D2E!important;color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .button.primary:hover,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .button.success:hover{background:#e94227!important;color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .button.ghost,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .icon-button{background:#fffdf8!important;border-color:#d6d0c5!important;color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] input,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] select,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] textarea,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] option{background:#fffdf8!important;color:#101820!important;border-color:#bcb6ab!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] table td{background:#fffdf8!important;color:#101820!important;border-color:#d6d0c5!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] table th{background:#eeeae1!important;color:#101820!important;border-color:#d6d0c5!important}

/* DOMINO Dark — exact ink background, cream copy and orange actions. */
body[data-dashboard-theme="current-roast"]{
  --theme-bg:#101820;
  --theme-card:#1B2530;
  --theme-card-alt:#25313c;
  --theme-line:#384550;
  --theme-accent:#FF4D2E;
  --theme-accent-2:#F4F1EA;
  --theme-text:#F4F1EA;
  --theme-muted:#c9c5bc;
  --theme-muted-2:#9fa5a9;
  --ink:#F4F1EA;
  --muted:#c9c5bc;
  --line:#384550;
  --border:#384550;
  --soft:#25313c;
  --surface:#1B2530;
  --surface-soft:#25313c;
  --white:#1B2530;
  --navy:#101820;
  --navy-2:#1B2530;
  background:#101820!important;
  color:#F4F1EA!important;
  color-scheme:dark;
}
body[data-dashboard-theme="current-roast"] .portal,
body[data-dashboard-theme="current-roast"] .workspace,
body[data-dashboard-theme="current-roast"] .page-view,
body[data-dashboard-theme="current-roast"] main{background:#101820!important;color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] .topbar,
body[data-dashboard-theme="current-roast"] .sidebar{background:#101820!important;color:#F4F1EA!important;border-color:#384550!important}
body[data-dashboard-theme="current-roast"] .surface,
body[data-dashboard-theme="current-roast"] .metric,
body[data-dashboard-theme="current-roast"] .metric-card,
body[data-dashboard-theme="current-roast"] .command-banner,
body[data-dashboard-theme="current-roast"] .period-toolbar,
body[data-dashboard-theme="current-roast"] .table-wrap,
body[data-dashboard-theme="current-roast"] dialog,
body[data-dashboard-theme="current-roast"] dialog form{background:#1B2530!important;color:#F4F1EA!important;border-color:#384550!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important}
body[data-dashboard-theme="current-roast"] .surface h1,
body[data-dashboard-theme="current-roast"] .surface h2,
body[data-dashboard-theme="current-roast"] .surface h3,
body[data-dashboard-theme="current-roast"] .surface h4,
body[data-dashboard-theme="current-roast"] .surface strong,
body[data-dashboard-theme="current-roast"] .metric strong{color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] .surface p,
body[data-dashboard-theme="current-roast"] .surface small,
body[data-dashboard-theme="current-roast"] .metric>span,
body[data-dashboard-theme="current-roast"] .metric>small{color:#c9c5bc!important}
body[data-dashboard-theme="current-roast"] .button.primary,
body[data-dashboard-theme="current-roast"] .button.success,
body[data-dashboard-theme="current-roast"] .button:not(.ghost):not(.danger),
body[data-dashboard-theme="current-roast"] .period-selector button.active{background:#FF4D2E!important;border-color:#FF4D2E!important;color:#101820!important}
body[data-dashboard-theme="current-roast"] .button.primary:hover,
body[data-dashboard-theme="current-roast"] .button.success:hover{background:#ff654b!important;color:#101820!important}
body[data-dashboard-theme="current-roast"] .button.ghost,
body[data-dashboard-theme="current-roast"] .icon-button{background:#1B2530!important;border-color:#4a5863!important;color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] .sidebar .nav-item{color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] .sidebar .nav-item:hover,
body[data-dashboard-theme="current-roast"] .sidebar .nav-item.active{background:#FF4D2E!important;color:#101820!important;box-shadow:inset -3px 0 0 #F4F1EA}
body[data-dashboard-theme="current-roast"] .sidebar .nav-item:hover span,
body[data-dashboard-theme="current-roast"] .sidebar .nav-item.active span{color:#101820!important}
body[data-dashboard-theme="current-roast"] input,
body[data-dashboard-theme="current-roast"] select,
body[data-dashboard-theme="current-roast"] textarea,
body[data-dashboard-theme="current-roast"] option,
body[data-dashboard-theme="current-roast"] .search-box{background:#F4F1EA!important;color:#101820!important;border-color:#817f79!important;color-scheme:light}
body[data-dashboard-theme="current-roast"] table td{background:#1B2530!important;color:#F4F1EA!important;border-color:#384550!important}
body[data-dashboard-theme="current-roast"] table th{background:#25313c!important;color:#F4F1EA!important;border-color:#384550!important}
body[data-dashboard-theme="current-roast"] table tbody tr:hover td{background:#2d3a45!important;color:#fff!important}
@media(max-width:920px){.sidebar-brand{padding-inline-start:48px}.sidebar-brand-lockup{width:180px!important}}

/*
 * DOMINO 360 company UI contract
 * Three deliberate palettes, one component language. This file is loaded last
 * so portal modules and the responsive company app cannot reintroduce legacy
 * gradients, brown surfaces, or unreadable fly-outs.
 */
:root{
  --domino-radius:14px;
  --domino-shadow:0 10px 26px rgba(16,24,32,.08);
}

/* The company login is part of the same cream/orange product experience. */
.auth-shell{background:#F4F1EA!important;color:#101820!important}
.auth-panel,.company-create-card,.company-owner-login-panel{
  background:#F4F1EA!important;
  color:#101820!important;
  border:1px solid #FF4D2E!important;
  box-shadow:var(--domino-shadow)!important;
}

/* Shared component geometry and predictable dropdown stacking. */
body[data-dashboard-theme] .nav-context-submenu,
body[data-dashboard-theme] .rep-kpi-extra-menu,
body[data-dashboard-theme] .dashboard-theme-picker{
  isolation:isolate;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-dashboard-theme] .nav-context-submenu{z-index:700!important}
body[data-dashboard-theme] dialog{z-index:900!important}
body[data-dashboard-theme] :where(input,select,textarea,button){font:inherit}
body[data-dashboard-theme] :where(select,option){color-scheme:light}
body[data-dashboard-theme] :where(.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"]){background-image:none!important}
body[data-dashboard-theme] :where(.command-banner,.dashboard-motion-lab,.dashboard-scene,.dashboard-scene-stat,.report-catalog-card,.supervisor-target-stat,.rep-page-navigation select){background-image:none!important}
body[data-dashboard-theme] :where(.metric,.metric-card)::before,
body[data-dashboard-theme] :where(.dashboard-motion-lab,.command-banner)::before{background-image:none!important}
body[data-dashboard-theme] :where(.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"]){border-style:solid;border-width:1px}

/* Theme 1 — cream canvas, orange frame/actions, ink copy. */
body[data-dashboard-theme="domino-light"]{
  --theme-bg:#F4F1EA;
  --theme-card:#F4F1EA;
  --theme-card-alt:#F4F1EA;
  --theme-panel:#F4F1EA;
  --theme-panel-2:#F4F1EA;
  --theme-line:#FF4D2E;
  --theme-accent:#FF4D2E;
  --theme-accent-2:#101820;
  --theme-text:#101820;
  --theme-muted:#101820;
  --theme-muted-2:#101820;
  --theme-on-dark:#101820;
  --theme-on-dark-muted:#101820;
  --ink:#101820;
  --muted:#101820;
  --line:#FF4D2E;
  --border:#FF4D2E;
  --soft:#F4F1EA;
  --surface:#F4F1EA;
  --surface-soft:#F4F1EA;
  --white:#F4F1EA;
  --blue:#FF4D2E;
  --orange:#FF4D2E;
  background:#F4F1EA!important;
  background-image:none!important;
  color:#101820!important;
}
body[data-dashboard-theme="domino-light"] :where(.portal,.workspace,.page-view,main,.topbar,.sidebar,.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],dialog,dialog form,.table-wrap,.period-toolbar,.toolbar){
  background:#F4F1EA!important;
  background-image:none!important;
  color:#101820!important;
  border-color:#FF4D2E!important;
}
body[data-dashboard-theme="domino-light"] :where(h1,h2,h3,h4,h5,h6,p,small,strong,b,label,legend,dt,dd,th,td){color:#101820!important}
body[data-dashboard-theme="domino-light"] :where(.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],.table-wrap,.command-banner){
  border-color:#FF4D2E!important;
  box-shadow:var(--domino-shadow)!important;
}
body[data-dashboard-theme="domino-light"] :where(input,select,textarea,option,.search-box){
  background:#F4F1EA!important;
  background-image:none!important;
  color:#101820!important;
  border-color:#FF4D2E!important;
}
body[data-dashboard-theme="domino-light"] :where(.button.primary,.button.success,.button:not(.ghost):not(.danger),.period-selector button.active,.business-module-tabs button.active,.accounting-module-tabs button.active,.governance-module-tabs button.active,[class$="-tabs"] button.active){
  background:#FF4D2E!important;
  background-image:none!important;
  border-color:#FF4D2E!important;
  color:#101820!important;
}
body[data-dashboard-theme="domino-light"] :where(.button.ghost,.icon-button,[class$="-tabs"] button,.dashboard-theme-button,.rep-card-style-picker button){
  background:#F4F1EA!important;
  background-image:none!important;
  border-color:#FF4D2E!important;
  color:#101820!important;
}
body[data-dashboard-theme="domino-light"] :where(.nav-context-submenu,.rep-kpi-extra-menu){
  --ink:#101820;--muted:#101820;--line:#FF4D2E;--soft:#F4F1EA;--white:#F4F1EA;
  background:#F4F1EA!important;
  color:#101820!important;
  border-color:#FF4D2E!important;
  box-shadow:0 20px 45px rgba(16,24,32,.18)!important;
}
body[data-dashboard-theme="domino-light"] .nav-context-submenu .nav-item,
body[data-dashboard-theme="domino-light"] .rep-kpi-extra-menu button{background:#F4F1EA!important;color:#101820!important;border-color:#FF4D2E!important}
body[data-dashboard-theme="domino-light"] .nav-context-submenu .nav-item:hover,
body[data-dashboard-theme="domino-light"] .nav-context-submenu .nav-item:focus-visible,
body[data-dashboard-theme="domino-light"] .rep-kpi-extra-menu button:hover{background:#FF4D2E!important;color:#101820!important}
body[data-dashboard-theme="domino-light"] .motion-mode-cinematic.dashboard-motion-lab,
body[data-dashboard-theme="domino-light"] .motion-mode-cinematic .dashboard-scene{
  --motion-ink:#101820;--motion-muted:#101820;
  background:#FF4D2E!important;
  color:#101820!important;
  border-color:#101820!important;
}
body[data-dashboard-theme="domino-light"] .motion-mode-cinematic :where(.dashboard-scene-stat,.dashboard-motion-controls button,.dashboard-scene-copy .button){background:#F4F1EA!important;color:#101820!important;border-color:#101820!important}
body[data-dashboard-theme="domino-light"] .motion-mode-cinematic .dashboard-motion-controls button.active{background:#101820!important;color:#F4F1EA!important;border-color:#101820!important}

/* Theme 2 — identical structure, with the orange accent replaced by ink. */
body[data-dashboard-theme="domino-ink"]{
  --theme-bg:#F4F1EA;
  --theme-card:#F4F1EA;
  --theme-card-alt:#F4F1EA;
  --theme-panel:#F4F1EA;
  --theme-panel-2:#F4F1EA;
  --theme-line:#101820;
  --theme-accent:#101820;
  --theme-accent-2:#101820;
  --theme-text:#101820;
  --theme-muted:#101820;
  --theme-muted-2:#101820;
  --theme-on-dark:#F4F1EA;
  --theme-on-dark-muted:#F4F1EA;
  --ink:#101820;
  --muted:#101820;
  --line:#101820;
  --border:#101820;
  --soft:#F4F1EA;
  --surface:#F4F1EA;
  --surface-soft:#F4F1EA;
  --white:#F4F1EA;
  --blue:#101820;
  --orange:#101820;
  background:#F4F1EA!important;
  background-image:none!important;
  color:#101820!important;
  color-scheme:light;
}
body[data-dashboard-theme="domino-ink"] :where(.portal,.workspace,.page-view,main,.topbar,.sidebar,.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],dialog,dialog form,.table-wrap,.period-toolbar,.toolbar){
  background:#F4F1EA!important;
  background-image:none!important;
  color:#101820!important;
  border-color:#101820!important;
}
body[data-dashboard-theme="domino-ink"] :where(h1,h2,h3,h4,h5,h6,p,small,strong,b,label,legend,dt,dd,th,td){color:#101820!important}
body[data-dashboard-theme="domino-ink"] :where(.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],.table-wrap,.command-banner){border-color:#101820!important;box-shadow:var(--domino-shadow)!important}
body[data-dashboard-theme="domino-ink"] :where(input,select,textarea,option,.search-box){background:#F4F1EA!important;background-image:none!important;color:#101820!important;border-color:#101820!important}
body[data-dashboard-theme="domino-ink"] :where(.button.primary,.button.success,.button:not(.ghost):not(.danger),.period-selector button.active,.business-module-tabs button.active,.accounting-module-tabs button.active,.governance-module-tabs button.active,[class$="-tabs"] button.active){background:#101820!important;background-image:none!important;border-color:#101820!important;color:#F4F1EA!important}
body[data-dashboard-theme="domino-ink"] :where(.button.ghost,.icon-button,[class$="-tabs"] button,.dashboard-theme-button,.rep-card-style-picker button){background:#F4F1EA!important;background-image:none!important;border-color:#101820!important;color:#101820!important}
body[data-dashboard-theme="domino-ink"] :where(.nav-context-submenu,.rep-kpi-extra-menu){--ink:#101820;--muted:#101820;--line:#101820;--soft:#F4F1EA;--white:#F4F1EA;background:#F4F1EA!important;color:#101820!important;border-color:#101820!important;box-shadow:0 20px 45px rgba(16,24,32,.18)!important}
body[data-dashboard-theme="domino-ink"] .nav-context-submenu .nav-item,
body[data-dashboard-theme="domino-ink"] .rep-kpi-extra-menu button{background:#F4F1EA!important;color:#101820!important;border-color:#101820!important}
body[data-dashboard-theme="domino-ink"] .nav-context-submenu .nav-item:hover,
body[data-dashboard-theme="domino-ink"] .nav-context-submenu .nav-item:focus-visible,
body[data-dashboard-theme="domino-ink"] .rep-kpi-extra-menu button:hover{background:#101820!important;color:#F4F1EA!important}
body[data-dashboard-theme="domino-ink"] .sidebar-brand-lockup-dark{display:none}
body[data-dashboard-theme="domino-ink"] .sidebar-brand-lockup-light{display:block}
body[data-dashboard-theme="domino-ink"] .sidebar .nav-item{color:#101820!important}
body[data-dashboard-theme="domino-ink"] .sidebar .nav-item:hover,
body[data-dashboard-theme="domino-ink"] .sidebar .nav-item.active{background:#101820!important;color:#F4F1EA!important;box-shadow:none!important}
body[data-dashboard-theme="domino-ink"] .sidebar .nav-item:hover span,
body[data-dashboard-theme="domino-ink"] .sidebar .nav-item.active span{color:#F4F1EA!important}
body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic.dashboard-motion-lab,
body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic .dashboard-scene{--motion-ink:#F4F1EA;--motion-muted:#F4F1EA;background:#101820!important;color:#F4F1EA!important;border-color:#101820!important}
body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic :where(h3,p,small,strong,b,.dashboard-scene-value,.dashboard-scene-kicker){color:#F4F1EA!important}
body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic :where(.dashboard-scene-stat,.dashboard-motion-controls button,.dashboard-scene-copy .button){background:#101820!important;color:#F4F1EA!important;border-color:#F4F1EA!important}
body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic .dashboard-motion-controls button.active{background:#F4F1EA!important;color:#101820!important;border-color:#F4F1EA!important}

/* Theme 3 — brand dark. Brown is intentionally absent from every surface. */
body[data-dashboard-theme="current-roast"]{
  --theme-bg:#101820;
  --theme-card:#101820;
  --theme-card-alt:#1B2530;
  --theme-panel:#101820;
  --theme-panel-2:#1B2530;
  --theme-line:#FF4D2E;
  --theme-accent:#FF4D2E;
  --theme-accent-2:#F4F1EA;
  --theme-text:#F4F1EA;
  --theme-muted:#F4F1EA;
  --theme-muted-2:#F4F1EA;
  --ink:#F4F1EA;
  --muted:#F4F1EA;
  --line:#FF4D2E;
  --border:#FF4D2E;
  --soft:#1B2530;
  --surface:#101820;
  --surface-soft:#1B2530;
  --white:#101820;
  background:#101820!important;
  background-image:none!important;
  color:#F4F1EA!important;
}
body[data-dashboard-theme="current-roast"] :where(.portal,.workspace,.page-view,main,.topbar,.sidebar,.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],dialog,dialog form,.table-wrap,.period-toolbar,.toolbar){
  background:#101820!important;
  background-image:none!important;
  color:#F4F1EA!important;
  border-color:#FF4D2E!important;
}
body[data-dashboard-theme="current-roast"] :where(h1,h2,h3,h4,h5,h6,p,small,strong,b,label,legend,dt,dd,th,td){color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] :where(.surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],.table-wrap,.command-banner){border-color:#FF4D2E!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
body[data-dashboard-theme="current-roast"] :where(input,select,textarea,option,.search-box){background:#101820!important;background-image:none!important;color:#F4F1EA!important;border-color:#FF4D2E!important;color-scheme:dark}
body[data-dashboard-theme="current-roast"] :where(.button.primary,.button.success,.button:not(.ghost):not(.danger),.period-selector button.active,.business-module-tabs button.active,.accounting-module-tabs button.active,.governance-module-tabs button.active,[class$="-tabs"] button.active){background:#FF4D2E!important;background-image:none!important;border-color:#FF4D2E!important;color:#101820!important}
body[data-dashboard-theme="current-roast"] :where(.button.ghost,.icon-button,[class$="-tabs"] button,.dashboard-theme-button,.rep-card-style-picker button){background:#101820!important;background-image:none!important;border-color:#FF4D2E!important;color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] :where(.nav-context-submenu,.rep-kpi-extra-menu){--ink:#F4F1EA;--muted:#F4F1EA;--line:#FF4D2E;--soft:#1B2530;--white:#101820;background:#101820!important;color:#F4F1EA!important;border-color:#FF4D2E!important;box-shadow:0 20px 48px rgba(0,0,0,.42)!important}
body[data-dashboard-theme="current-roast"] .nav-context-submenu .nav-item,
body[data-dashboard-theme="current-roast"] .rep-kpi-extra-menu button{background:#101820!important;color:#F4F1EA!important;border-color:#FF4D2E!important}
body[data-dashboard-theme="current-roast"] .nav-context-submenu .nav-item:hover,
body[data-dashboard-theme="current-roast"] .nav-context-submenu .nav-item:focus-visible,
body[data-dashboard-theme="current-roast"] .rep-kpi-extra-menu button:hover{background:#FF4D2E!important;color:#101820!important}
body[data-dashboard-theme="current-roast"] .motion-mode-cinematic.dashboard-motion-lab,
body[data-dashboard-theme="current-roast"] .motion-mode-cinematic .dashboard-scene{--motion-ink:#101820;--motion-muted:#101820;background:#FF4D2E!important;color:#101820!important;border-color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] .motion-mode-cinematic :where(h3,p,small,strong,b,.dashboard-scene-value,.dashboard-scene-kicker){color:#101820!important}
body[data-dashboard-theme="current-roast"] .motion-mode-cinematic :where(.dashboard-scene-stat,.dashboard-motion-controls button,.dashboard-scene-copy .button){background:#101820!important;color:#F4F1EA!important;border-color:#F4F1EA!important}
body[data-dashboard-theme="current-roast"] .motion-mode-cinematic .dashboard-motion-controls button.active{background:#F4F1EA!important;color:#101820!important;border-color:#F4F1EA!important}

/* Palette buttons use discrete chips — never gradients. */
.dashboard-theme-button.theme-dot{
  display:flex!important;
  width:auto!important;
  height:auto!important;
  min-width:210px!important;
  min-height:42px!important;
  justify-content:flex-start!important;
  padding:8px 11px!important;
  border-width:1px!important;
  border-radius:10px!important;
  transform:none!important;
}
.dashboard-theme-swatch{display:flex!important;width:44px!important;height:22px!important;border-radius:6px!important;background:none!important}
.dashboard-theme-swatch i{display:block!important;min-width:10px;background-image:none!important}
.dashboard-theme-name{font-weight:850;white-space:nowrap}

@media(max-width:920px){
  body[data-dashboard-theme] .nav-context-submenu{z-index:auto!important;box-shadow:none!important}
  .dashboard-theme-button.theme-dot{min-width:0!important;flex:1 1 210px}
}

/* High-specificity closure for legacy double-attribute theme selectors. */
body[data-dashboard-theme][data-dashboard-theme="domino-light"],
body[data-dashboard-theme][data-dashboard-theme="domino-light"] :where(.portal,.workspace,.page-view,main){background:#F4F1EA!important;background-image:none!important;color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .surface,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .metric,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] .metric-card,
body[data-dashboard-theme][data-dashboard-theme="domino-light"] [class*="-card"],
body[data-dashboard-theme][data-dashboard-theme="domino-light"] [class*="-panel"]{
  background:#F4F1EA!important;background-image:none!important;border:1px solid #FF4D2E!important;color:#101820!important
}
body[data-dashboard-theme][data-dashboard-theme="domino-ink"],
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] :where(.portal,.workspace,.page-view,main){background:#F4F1EA!important;background-image:none!important;color:#101820!important}
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .surface,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .metric,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .metric-card,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] [class*="-card"],
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] [class*="-panel"]{
  background:#F4F1EA!important;background-image:none!important;border:1px solid #101820!important;color:#101820!important
}
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .button.primary,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .button.success,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .button:not(.ghost):not(.danger),
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .period-selector button.active,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] [class$="-tabs"] button.active{
  background:#101820!important;background-image:none!important;border-color:#101820!important;color:#F4F1EA!important
}
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .motion-mode-cinematic.dashboard-motion-lab,
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .motion-mode-cinematic .dashboard-scene{
  background:#101820!important;background-image:none!important;border-color:#101820!important;color:#F4F1EA!important
}
body[data-dashboard-theme][data-dashboard-theme="current-roast"],
body[data-dashboard-theme][data-dashboard-theme="current-roast"] :where(.portal,.workspace,.page-view,main){background:#101820!important;background-image:none!important;color:#F4F1EA!important}
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .surface,
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .metric,
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .metric-card,
body[data-dashboard-theme][data-dashboard-theme="current-roast"] [class*="-card"],
body[data-dashboard-theme][data-dashboard-theme="current-roast"] [class*="-panel"]{
  background:#101820!important;background-image:none!important;border:1px solid #FF4D2E!important;color:#F4F1EA!important
}

/* Form controls, tabular content and secondary UI must obey the same palette. */
body[data-dashboard-theme][data-dashboard-theme="domino-light"] :where(input,select,textarea,option,.search-box,table td,table th,[class*="-row"],[class*="-item"],[class*="-form"],[class*="-toolbar"]){
  background-color:#F4F1EA!important;background-image:none!important;border-color:#FF4D2E!important;color:#101820!important
}
body[data-dashboard-theme][data-dashboard-theme="domino-ink"] :where(input,select,textarea,option,.search-box,table td,table th,[class*="-row"],[class*="-item"],[class*="-form"],[class*="-toolbar"]){
  background-color:#F4F1EA!important;background-image:none!important;border-color:#101820!important;color:#101820!important
}
body[data-dashboard-theme][data-dashboard-theme="current-roast"] :where(input,select,textarea,option,.search-box,table td,table th,[class*="-row"],[class*="-item"],[class*="-form"],[class*="-toolbar"]){
  background-color:#101820!important;background-image:none!important;border-color:#FF4D2E!important;color:#F4F1EA!important;color-scheme:dark
}
body[data-dashboard-theme][data-dashboard-theme="current-roast"] :where(
  .report-nav-section,.report-nav-section-toggle,
  .message-thread-row,.message-format-toolbar,.message-actions button,.message-edited-label,
  .customer-360-directory-item,.customer-document-card,.customer-document-card b,
  .complaint-ticket-card,.complaint-ticket-card-meta>*,.complaint-detail-facts>div,.complaint-description,.complaint-manage-form,.complaint-sla-row,
  .supplier-card,.supplier-card-facts span,.supplier-policy-badge,.purchase-payment-tag,
  .accounting-metric,.accounting-register-card,.accounting-empty,.bank-account-setup,.bank-reconciliation-toolbar,.bank-adjustment-form,
  .decision-item>span:first-child,.decision-item>b
){
  background:#101820!important;background-image:none!important;border-color:#FF4D2E!important;color:#F4F1EA!important
}
body[data-dashboard-theme][data-dashboard-theme="current-roast"] :where(
  .message-thread-row,.customer-360-directory-item,.customer-document-card,.complaint-ticket-card,.complaint-detail-facts>div,.complaint-description,.complaint-manage-form,.complaint-sla-row,.supplier-card,.accounting-metric,.accounting-register-card,.accounting-empty
) :where(p,small,strong,b,span,time){color:#F4F1EA!important}
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .topbar .icon-button,
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .button.ghost,
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .text-action{
  background:#101820!important;background-image:none!important;border-color:#FF4D2E!important;color:#F4F1EA!important
}
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .sidebar,
body[data-dashboard-theme][data-dashboard-theme="current-roast"] .sidebar-foot{
  background:#101820!important;background-image:none!important;border-color:#FF4D2E!important;color:#F4F1EA!important
}

/*
 * Strict palette enforcement
 * The company edition intentionally uses only the approved brand surfaces:
 * cream + orange + ink, cream + ink, or ink + cream + orange.
 */
html body[data-dashboard-theme="domino-light"]{
  --domino-ui-bg:#F4F1EA;
  --domino-ui-text:#101820;
  --domino-ui-accent:#FF4D2E;
  --domino-ui-action-text:#101820;
}
html body[data-dashboard-theme="domino-ink"]{
  --domino-ui-bg:#F4F1EA;
  --domino-ui-text:#101820;
  --domino-ui-accent:#101820;
  --domino-ui-action-text:#F4F1EA;
}
html body[data-dashboard-theme="current-roast"]{
  --domino-ui-bg:#101820;
  --domino-ui-text:#F4F1EA;
  --domino-ui-accent:#FF4D2E;
  --domino-ui-action-text:#101820;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .portal,.workspace,.page-view,.topbar,.sidebar,.sidebar-foot,
  .surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],
  [class*="-row"],[class*="-item"],[class*="-form"],[class*="-toolbar"],
  [class*="-menu"],[class*="-dialog"],dialog,dialog form,
  .table-wrap,table,thead,tbody,tr,th,td,fieldset,.surface-title,.dialog-head,.dialog-actions
):not(.leaflet-container):not(.leaflet-container *){
  background-color:var(--domino-ui-bg)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-text)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  input,select,textarea,option,.search-box,
  .button.ghost,.icon-button,.text-action,
  .dashboard-theme-button,.rep-card-style-picker button,[class$="-tabs"] button
){
  background:var(--domino-ui-bg)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-text)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  h1,h2,h3,h4,h5,h6,p,small,strong,b,label,legend,dt,dd,th,td,time,
  .team-member-link,.command-kicker,.eyebrow,.dashboard-scene-kicker
){color:var(--domino-ui-text)!important}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .metric-icon,.section-icon,.priority-badge,.target-team-summary,
  .target-progress-track,.target-progress-marker,.role-badge,.state-badge,
  .status-pill,.route-status-pill,.rep-avatar,.message-row>span,
  .decision-item>span:first-child,.decision-item>b,
  .report-card-icon,.report-output-icon,.nav-count,.notification-button b,
  .tenant-readiness-gate,.tenant-readiness-mark,.einvoice-readiness,
  .einvoice-requirements li,.einvoice-progress
){
  background:var(--domino-ui-bg)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-text)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),
  .period-selector button.active,[class$="-tabs"] button.active,
  .dashboard-motion-controls button.active,.nav-item.active
){
  background:var(--domino-ui-accent)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-action-text)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .target-progress-fill,.einvoice-progress span,.priority-badge::before,
  .dashboard-scene-dots button.active
){
  background:var(--domino-ui-accent)!important;
  background-image:none!important;
  color:var(--domino-ui-action-text)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .nav-context-submenu,.rep-kpi-extra-menu
){
  --ink:var(--domino-ui-text);
  --muted:var(--domino-ui-text);
  --line:var(--domino-ui-accent);
  --soft:var(--domino-ui-bg);
  --white:var(--domino-ui-bg);
  background:var(--domino-ui-bg)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-text)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] .nav-context-submenu .nav-item:hover,
html body[data-dashboard-theme][data-dashboard-theme] .nav-context-submenu .nav-item:focus-visible,
html body[data-dashboard-theme][data-dashboard-theme] .rep-kpi-extra-menu button:hover{
  background:var(--domino-ui-accent)!important;
  color:var(--domino-ui-action-text)!important;
}

html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic .dashboard-scene,
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic .dashboard-scene{
  --motion-ink:#101820;--motion-muted:#101820;
  background:#FF4D2E!important;background-image:none!important;color:#101820!important
}
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic .dashboard-scene{
  --motion-ink:#F4F1EA;--motion-muted:#F4F1EA;
  background:#101820!important;background-image:none!important;color:#F4F1EA!important
}

html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic :is(h3,p,small,strong,b,.dashboard-scene-value,.dashboard-scene-kicker),
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic :is(h3,p,small,strong,b,.dashboard-scene-value,.dashboard-scene-kicker){color:#101820!important}
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic :is(h3,p,small,strong,b,.dashboard-scene-value,.dashboard-scene-kicker){color:#F4F1EA!important}

/* Preserve the actual map imagery while matching its controls to the theme. */
html body[data-dashboard-theme][data-dashboard-theme] .leaflet-container :is(.leaflet-control-zoom a,.leaflet-control-attribution){
  background:var(--domino-ui-bg)!important;color:var(--domino-ui-text)!important;border-color:var(--domino-ui-accent)!important
}

/*
 * Final inheritance lock.
 * Older module styles used semantic greens, browns and a hard-coded orange on
 * navigation glyphs. Keep the brand artwork intact, but make every portal UI
 * label, outline and generated glyph follow the active three-colour palette.
 */
html body[data-dashboard-theme][data-dashboard-theme] :where(
  .portal,.workspace,.page-view,.topbar,.sidebar,dialog
) :where(*):not(svg):not(svg *):not(.leaflet-container):not(.leaflet-container *){
  color:var(--domino-ui-text)!important;
  border-color:var(--domino-ui-accent)!important;
  outline-color:var(--domino-ui-accent)!important;
}
html body[data-dashboard-theme][data-dashboard-theme] :where(
  .portal,.workspace,.page-view,.topbar,.sidebar,dialog
) :where(*)::before,
html body[data-dashboard-theme][data-dashboard-theme] :where(
  .portal,.workspace,.page-view,.topbar,.sidebar,dialog
) :where(*)::after{
  color:var(--domino-ui-text)!important;
  border-color:var(--domino-ui-accent)!important;
}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .surface,.metric,.metric-card,[class*="-card"],[class*="-panel"],
  .table-wrap,.dashboard-motion-lab,.dashboard-scene
){box-shadow:none!important}
html body[data-dashboard-theme][data-dashboard-theme] :is(
  .nav-context-submenu,.rep-kpi-extra-menu,dialog,[class*="-dialog"],[class*="-menu"]
){box-shadow:0 12px 28px rgba(16,24,32,.18)!important}

html body[data-dashboard-theme][data-dashboard-theme] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),
  .period-selector button.active,[class$="-tabs"] button.active,
  .dashboard-motion-controls button.active,.nav-item.active
){
  background:var(--domino-ui-accent)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-action-text)!important;
}
html body[data-dashboard-theme][data-dashboard-theme] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),
  .period-selector button.active,[class$="-tabs"] button.active,
  .dashboard-motion-controls button.active,.nav-item.active
) :where(*){color:var(--domino-ui-action-text)!important}

html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic .dashboard-scene,
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic .dashboard-scene{
  background:#FF4D2E!important;background-image:none!important;border-color:#101820!important;color:#101820!important
}
html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic :where(*),
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic :where(*){color:#101820!important}
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic .dashboard-scene{
  background:#101820!important;background-image:none!important;border-color:#101820!important;color:#F4F1EA!important
}
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic :where(*){color:#F4F1EA!important}

/*
 * Portal appearance matrix — mirrors the company app exactly:
 * 3 independent accents × 3 independent surfaces.
 */
html body[data-portal-accent="w3crm"]{--portal-accent:#0D99FF;--portal-action-text:#FFFFFF;--portal-accent-hover:#0B82D9;--portal-accent-active:#0A7ACC}
html body[data-portal-accent="orange"]{--portal-accent:#FF4D2E;--portal-action-text:#101820}
html body[data-portal-accent="navy"]{--portal-accent:#17324D;--portal-action-text:#F4F1EA}
html body[data-portal-accent="sky"]{--portal-accent:#0096C7;--portal-action-text:#101820}
html body[data-portal-surface="white"]{--portal-bg:#FFFFFF;--portal-bg-alt:#F7F8F9;--portal-text:#101820;--portal-muted:#52606D;--portal-color-scheme:light}
html body[data-portal-surface="milk"]{--portal-bg:#F4F1EA;--portal-bg-alt:#ECE8DF;--portal-text:#101820;--portal-muted:#59616A;--portal-color-scheme:light}
html body[data-portal-surface="dark"]{--portal-bg:#101820;--portal-bg-alt:#1B2530;--portal-text:#F4F1EA;--portal-muted:#C9C5BC;--portal-color-scheme:dark}

html body[data-dashboard-theme][data-portal-accent][data-portal-surface],
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :where(*):not(.leaflet-container):not(.leaflet-container *){
  --domino-ui-bg:var(--portal-bg)!important;
  --domino-ui-text:var(--portal-text)!important;
  --domino-ui-accent:var(--portal-accent)!important;
  --domino-ui-action-text:var(--portal-action-text)!important;
  --theme-bg:var(--portal-bg)!important;--theme-card:var(--portal-bg)!important;--theme-card-alt:var(--portal-bg-alt)!important;
  --theme-panel:var(--portal-bg)!important;--theme-panel-2:var(--portal-bg-alt)!important;
  --theme-line:var(--portal-accent)!important;--theme-accent:var(--portal-accent)!important;
  --theme-text:var(--portal-text)!important;--theme-muted:var(--portal-muted)!important;--theme-muted-2:var(--portal-muted)!important;
  --ink:var(--portal-text)!important;--muted:var(--portal-muted)!important;--line:var(--portal-accent)!important;--border:var(--portal-accent)!important;
  --soft:var(--portal-bg-alt)!important;--surface:var(--portal-bg)!important;--surface-soft:var(--portal-bg-alt)!important;--white:var(--portal-bg)!important;
  --blue:var(--portal-accent)!important;--orange:var(--portal-accent)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface]{background:var(--portal-bg)!important;color:var(--portal-text)!important;color-scheme:var(--portal-color-scheme)}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :is(
  .portal,.workspace,.page-view,main,.topbar,.sidebar,.sidebar-foot,
  .surface,.command-banner,.metric,.metric-card,[class*="-card"],[class*="-panel"],
  [class*="-row"],[class*="-item"],[class*="-form"],[class*="-toolbar"],[class*="-menu"],
  [class*="-dialog"],dialog,dialog form,.table-wrap,table,thead,tbody,tr,th,td,fieldset
):not(.leaflet-container):not(.leaflet-container *){
  background-color:var(--portal-bg)!important;background-image:none!important;border-color:var(--portal-accent)!important;color:var(--portal-text)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :is(input,select,textarea,option,.search-box){
  background:var(--portal-bg)!important;border-color:var(--portal-accent)!important;color:var(--portal-text)!important;color-scheme:var(--portal-color-scheme)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :is(h1,h2,h3,h4,h5,h6,p,small,strong,b,label,legend,dt,dd,th,td,time){color:var(--portal-text)!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),.period-selector button.active,
  [class*="tabs"] button.active,.dashboard-motion-controls button.active,.nav-item.active,
  .target-progress-fill,.einvoice-progress span,[class*="progress"]>i,[class*="track"]>i
){background:var(--portal-accent)!important;border-color:var(--portal-accent)!important;color:var(--portal-action-text)!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),.period-selector button.active,
  [class*="tabs"] button.active,.dashboard-motion-controls button.active,.nav-item.active
) :where(*){color:var(--portal-action-text)!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] :is(.button.ghost,.icon-button,.text-action,[class*="tabs"] button,.rep-card-style-picker button){
  background:var(--portal-bg)!important;border-color:var(--portal-accent)!important;color:var(--portal-text)!important;
}

/* The rotating executive stage follows the selected accent in every surface. */
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-motion-lab,
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-motion-lab .dashboard-scene,
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-motion-lab .dashboard-scene-stat{
  --motion-ink:var(--portal-action-text);--motion-muted:var(--portal-action-text);
  background:var(--portal-accent)!important;background-image:none!important;border-color:var(--portal-accent)!important;color:var(--portal-action-text)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-motion-lab :is(h1,h2,h3,h4,p,small,strong,b,span,.dashboard-scene-value,.dashboard-scene-kicker){color:var(--portal-action-text)!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab,
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab #dashboard-scene-track .dashboard-scene,
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab #dashboard-scene-track .dashboard-scene-stat{
  --motion-ink:var(--portal-action-text);--motion-muted:var(--portal-action-text);
  background-color:var(--portal-accent)!important;background-image:none!important;border-color:var(--portal-accent)!important;color:var(--portal-action-text)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab :where(*){color:var(--portal-action-text)!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab :is(.dashboard-motion-controls button,.dashboard-scene-copy .button){
  background:var(--portal-accent)!important;border-color:var(--portal-action-text)!important;color:var(--portal-action-text)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab .dashboard-motion-controls button.active{
  background:var(--portal-action-text)!important;border-color:var(--portal-action-text)!important;color:var(--portal-accent)!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] #dashboard-motion-lab .dashboard-motion-controls button.active :where(*){color:var(--portal-accent)!important}

/* Appearance selector: two clear axes, identical labels and swatches to the app. */
.dashboard-appearance-control{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px!important;width:100%}
.dashboard-theme-axis{display:grid;gap:6px;padding:11px;border:1px solid var(--portal-accent,var(--line));border-radius:14px;background:var(--portal-bg,var(--white));color:var(--portal-text,var(--ink))}
.dashboard-theme-axis>small{color:var(--portal-muted,var(--muted))!important;font-size:11px}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-theme-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;gap:7px!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-theme-button.theme-dot{
  display:grid!important;grid-template-columns:28px minmax(0,1fr) 18px;width:100%!important;min-width:0!important;min-height:58px!important;padding:7px!important;text-align:start;
  background:var(--portal-bg)!important;border:1px solid var(--portal-accent)!important;color:var(--portal-text)!important;border-radius:10px!important;
}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-theme-button.theme-dot.active{box-shadow:inset 0 0 0 2px var(--portal-accent)!important}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-theme-swatch{display:grid!important;width:26px!important;height:26px!important;border:1px solid color-mix(in srgb,var(--portal-text),transparent 65%)!important;border-radius:50%!important;overflow:hidden}
html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-theme-swatch i{display:block!important;width:100%!important;height:100%!important;background:var(--choice-color)!important}
.dashboard-theme-copy{display:grid;gap:1px;min-width:0}.dashboard-theme-copy small{font-size:9px!important;color:var(--portal-muted,var(--muted))!important;white-space:normal}.dashboard-theme-check{font-size:15px;color:var(--portal-accent)!important}.dashboard-theme-button:not(.active) .dashboard-theme-check{visibility:hidden}
@media(max-width:1050px){.dashboard-appearance-control{grid-template-columns:1fr}.dashboard-theme-axis{min-width:0}}
@media(max-width:620px){html body[data-dashboard-theme][data-portal-accent][data-portal-surface] .dashboard-theme-picker{grid-template-columns:1fr}.dashboard-theme-button.theme-dot{min-height:50px!important}}

/* Final ID-scoped contract for the ink rotating display in every motion mode. */
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab,
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab #dashboard-scene-track .dashboard-scene,
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab #dashboard-scene-track .dashboard-scene-stat{
  background-color:#101820!important;background-image:none!important;
  border-color:#F4F1EA!important;color:#F4F1EA!important
}
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab .dashboard-motion-head :where(*),
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab #dashboard-scene-track .dashboard-scene :where(*){
  color:#F4F1EA!important
}
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab .dashboard-motion-controls button,
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab .dashboard-scene-copy .button{
  background-color:#101820!important;background-image:none!important;
  border-color:#F4F1EA!important;color:#F4F1EA!important
}
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab .dashboard-motion-controls button.active{
  background-color:#F4F1EA!important;border-color:#F4F1EA!important;color:#101820!important
}
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab .dashboard-motion-controls button.active :where(*){color:#101820!important}
html body[data-dashboard-theme="domino-ink"] #dashboard-motion-lab .dashboard-scene-dots button{
  background-color:#F4F1EA!important;border-color:#F4F1EA!important
}

/* Specificity lock: all three rotating-scene modes stay ink with cream copy. */
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab,
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-scene,
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-scene-stat{
  --motion-ink:#F4F1EA;--motion-muted:#F4F1EA;
  background-color:#101820!important;background-image:none!important;
  border-color:#F4F1EA!important;color:#F4F1EA!important
}
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab :is(
  h1,h2,h3,h4,p,small,strong,b,span,.dashboard-scene-value,.dashboard-scene-kicker
){color:#F4F1EA!important}
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab :is(
  .dashboard-motion-controls button,.dashboard-scene-copy .button
){background-color:#101820!important;background-image:none!important;border-color:#F4F1EA!important;color:#F4F1EA!important}
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-motion-controls button.active{
  background-color:#F4F1EA!important;border-color:#F4F1EA!important;color:#101820!important
}
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-motion-controls button.active :where(*){color:#101820!important}
html body[data-dashboard-theme][data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-scene-dots button{
  background-color:#F4F1EA!important;border-color:#F4F1EA!important
}

/*
 * Theme 2 motion stage: fade, horizontal slider and cinematic share one
 * stable ink canvas. This intentionally overrides mode-specific legacy rules.
 */
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab,
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-scene,
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-scene-stat{
  --motion-ink:#F4F1EA;--motion-muted:#F4F1EA;
  background-color:#101820!important;
  background-image:none!important;
  border-color:#F4F1EA!important;
  color:#F4F1EA!important;
}
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab :is(
  h1,h2,h3,h4,p,small,strong,b,span,.dashboard-scene-value,.dashboard-scene-kicker
){color:#F4F1EA!important}
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab :is(
  .dashboard-motion-controls button,.dashboard-scene-copy .button
){
  background-color:#101820!important;background-image:none!important;
  border-color:#F4F1EA!important;color:#F4F1EA!important
}
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-motion-controls button.active{
  background-color:#F4F1EA!important;border-color:#F4F1EA!important;color:#101820!important
}
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-motion-controls button.active :where(*){color:#101820!important}
html body[data-dashboard-theme="domino-ink"] .dashboard-motion-lab .dashboard-scene-dots button{
  background-color:#F4F1EA!important;border-color:#F4F1EA!important
}

/* Motion reveals belong to the executive overview only; tabs must switch cleanly. */
html body[data-dashboard-theme] .page-view:not(#view-overview) .scroll-motion-ready{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
html body[data-dashboard-theme] .page-view:not(#view-overview) .scroll-bars-stage .chart-column i{
  transform:scaleY(1)!important;
  transition:none!important;
}
html body[data-dashboard-theme] .page-view:not(#view-overview) .scroll-line-stage .scroll-draw-line{
  stroke-dashoffset:0!important;
  transition:none!important;
}

/* Neutralize legacy module-local variables as well as their direct rules. */
html body[data-dashboard-theme="domino-light"],
html body[data-dashboard-theme="domino-light"] :where(*):not(.leaflet-container):not(.leaflet-container *){
  --theme-bg:#F4F1EA!important;--theme-card:#F4F1EA!important;--theme-card-alt:#F4F1EA!important;
  --theme-panel:#F4F1EA!important;--theme-panel-2:#F4F1EA!important;--soft:#F4F1EA!important;
  --surface:#F4F1EA!important;--surface-soft:#F4F1EA!important;--white:#F4F1EA!important;
  --ink:#101820!important;--muted:#101820!important;--theme-text:#101820!important;
  --blue:#FF4D2E!important;--orange:#FF4D2E!important;--theme-accent:#FF4D2E!important;
}
html body[data-dashboard-theme="domino-ink"],
html body[data-dashboard-theme="domino-ink"] :where(*):not(.leaflet-container):not(.leaflet-container *){
  --theme-bg:#F4F1EA!important;--theme-card:#F4F1EA!important;--theme-card-alt:#F4F1EA!important;
  --theme-panel:#F4F1EA!important;--theme-panel-2:#F4F1EA!important;--soft:#F4F1EA!important;
  --surface:#F4F1EA!important;--surface-soft:#F4F1EA!important;--white:#F4F1EA!important;
  --ink:#101820!important;--muted:#101820!important;--theme-text:#101820!important;
  --blue:#101820!important;--orange:#101820!important;--theme-accent:#101820!important;
}
html body[data-dashboard-theme="current-roast"],
html body[data-dashboard-theme="current-roast"] :where(*):not(.leaflet-container):not(.leaflet-container *){
  --theme-bg:#101820!important;--theme-card:#101820!important;--theme-card-alt:#101820!important;
  --theme-panel:#101820!important;--theme-panel-2:#101820!important;--soft:#101820!important;
  --surface:#101820!important;--surface-soft:#101820!important;--white:#101820!important;
  --navy:#101820!important;--navy-2:#101820!important;
  --ink:#F4F1EA!important;--muted:#F4F1EA!important;--theme-text:#F4F1EA!important;
  --blue:#FF4D2E!important;--orange:#FF4D2E!important;--theme-accent:#FF4D2E!important;
}
html body[data-dashboard-theme="current-roast"] #dashboard-chart-select,
html body[data-dashboard-theme="current-roast"] #dashboard-chart-select option{
  background:#101820!important;color:#F4F1EA!important;border-color:#FF4D2E!important;color-scheme:dark!important
}
html body[data-dashboard-theme][data-dashboard-theme] .pulse-tab-icon{
  background:var(--domino-ui-bg)!important;background-image:none!important;
  color:var(--domino-ui-text)!important;border-color:var(--domino-ui-accent)!important
}

/* Last-mile reset for decorative elements defined by older feature bundles. */
html body[data-dashboard-theme][data-dashboard-theme] :where(*):not(svg):not(svg *):not(.leaflet-container):not(.leaflet-container *){
  background-image:none!important;
}
html body[data-dashboard-theme][data-dashboard-theme] :is(
  span,b,i,small,strong,p,h1,h2,h3,h4,h5,h6
):not(.leaflet-container):not(.leaflet-container *){
  background-color:transparent!important;
}
html body[data-dashboard-theme][data-dashboard-theme] :is(
  .portal,.workspace,.page-view,.topbar,.sidebar,.sidebar-foot,.surface,.command-banner,
  .metric,.metric-card,[class*="-card"],[class*="-panel"],[class*="-row"],
  [class*="-item"],[class*="-form"],[class*="-toolbar"],[class*="-menu"],
  [class*="-dialog"],dialog,dialog form,.table-wrap,table,thead,tbody,tr,th,td,fieldset,
  input,select,textarea,option,button,.live-summary-chip,.pulse-tab-icon
):not(.leaflet-container):not(.leaflet-container *){
  background-color:var(--domino-ui-bg)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-text)!important;
}
html body[data-dashboard-theme][data-dashboard-theme] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),
  .period-selector button.active,[class*="tabs"] button.active,
  .dashboard-motion-controls button.active,.nav-item.active,
  .target-progress-fill,.einvoice-progress span,[class*="progress"]>i,[class*="track"]>i
){
  background-color:var(--domino-ui-accent)!important;
  background-image:none!important;
  border-color:var(--domino-ui-accent)!important;
  color:var(--domino-ui-action-text)!important;
}
html body[data-dashboard-theme][data-dashboard-theme] :is(
  .button.primary,.button.success,.button:not(.ghost):not(.danger),
  .period-selector button.active,[class*="tabs"] button.active,
  .dashboard-motion-controls button.active,.nav-item.active
) :where(*){color:var(--domino-ui-action-text)!important}

html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic .dashboard-scene,
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic .dashboard-scene{
  background-color:#FF4D2E!important;border-color:#101820!important;color:#101820!important
}
html body[data-dashboard-theme="domino-light"] .motion-mode-cinematic :where(*),
html body[data-dashboard-theme="current-roast"] .motion-mode-cinematic :where(*){color:#101820!important}
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic.dashboard-motion-lab,
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic .dashboard-scene{
  background-color:#101820!important;border-color:#101820!important;color:#F4F1EA!important
}
html body[data-dashboard-theme="domino-ink"] .motion-mode-cinematic :where(*){color:#F4F1EA!important}