@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap");
/* REXIUS CANONICAL MODAL COMPATIBILITY - consolidated 2026-09-15 */

:root{--rx-modal-bg:#FFFFFF;--rx-modal-border:#D8E5F1;--rx-modal-text:#032356;--rx-modal-muted:#5E6F88}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]){background:rgba(10,34,54,.42)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;padding-top:clamp(1.25rem,5vh,4rem)!important;padding-bottom:1.25rem!important}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.glass-modal,.glass-panel,.glass-card,.modal-bg,.rx-card,.recon-modal-panel,.rexius-modal-panel){background:var(--rx-modal-bg)!important;border:1px solid var(--rx-modal-border)!important;border-radius:1rem!important;box-shadow:0 18px 45px rgba(3,35,86,.14)!important;color:var(--rx-modal-text);max-height:92vh!important;overflow-y:auto!important}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){border-radius:.72rem!important;border-color:#D8E5F1!important;background:#F7FAFD!important;color:#032356!important;box-shadow:none}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(input,select,textarea):focus{border-color:#0161AF!important;box-shadow:0 0 0 3px rgba(1,97,175,.14)!important;outline:0}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) label{color:#5E6F88}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(h1,h2,h3){color:#032356;letter-spacing:-.015em!important;text-transform:none!important}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(button[aria-label="Close"],button[title="Close"],.rx-modal-close){width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;border:1px solid #D8E5F1;border-radius:.6rem;background:#F7FAFD;color:#4B5563}
:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(button[aria-label="Close"],button[title="Close"],.rx-modal-close):hover{border-color:#F4BDC4;background:#FFF0F3;color:#C93C52}
body.rexius-modal-open{overflow:hidden}
.rx-modal-launch-copy:empty,.rx-modal-subtitle:empty{display:none!important}
@media(max-width:700px){:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]){padding:.75rem!important;align-items:flex-start!important}:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.glass-modal,.glass-panel,.glass-card,.modal-bg,.rx-card,.recon-modal-panel,.rexius-modal-panel){max-height:calc(100vh - 1.5rem)!important;border-radius:1rem!important}}
@media print{:is([id$="Modal"],[id$="-modal"],[data-workspace-modal]){display:none!important}}


:root{
  --rx-bg:#07111f; --rx-panel:rgba(15,23,42,.84); --rx-card:rgba(255,255,255,.055);
  --rx-line:rgba(255,255,255,.11); --rx-text:#e5f4f2; --rx-muted:#B8C8DA;
  --rx-teal:#1DC487; --rx-blue:#0161AF; --rx-warm:#F88005; --rx-danger:#C93C52;
}
html[data-rexius-theme="light"]{
  --rx-bg:#F5F8FC; --rx-panel:rgba(255,255,255,.92); --rx-card:rgba(248,128,5,.07);
  --rx-line:rgba(248,128,5,.18); --rx-text:#032356; --rx-muted:#5E6F88;
}
.rx-modal-launch-card{
  border:1px solid var(--rx-line);
  background:#F5F8FC;
  border-radius:18px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0;
  box-shadow:0 18px 48px rgba(2,6,23,.16);
}
.rx-modal-launch-card .rx-launch-copy{min-width:0}
.rx-modal-launch-card .rx-launch-eyebrow{
  color:var(--rx-teal);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.18em;
  margin-bottom:3px;
}
.rx-modal-launch-card .rx-launch-title{
  color:var(--rx-text);
  font-weight:850;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rx-modal-launch-card .rx-launch-hint{
  color:var(--rx-muted);
  font-size:12px;
  margin-top:2px;
}
.rx-open-modal-btn{
  border:0;
  cursor:pointer;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#FFFFFF;
  background:#0161AF;
  box-shadow:0 12px 30px rgba(248,128,5,.24);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.rx-open-modal-btn:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 18px 42px rgba(248,128,5,.32)}
.rx-modal-overlay{
  position:fixed;
  inset:0;
  z-index:99990;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(18px,5vh,60px) clamp(14px,2vw,30px) 18px;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(14px);
}
.rx-modal-overlay.is-open{display:flex}
.rx-modal-shell{
  width:min(940px,100%);
  max-height:min(88vh,900px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:var(--rx-panel);
  box-shadow:0 30px 120px rgba(0,0,0,.46);
}
.rx-modal-head{
  padding:18px 20px;
  border-bottom:1px solid var(--rx-line);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.rx-modal-title{
  color:var(--rx-text);
  margin:0;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
}
.rx-modal-subtitle{
  color:var(--rx-muted);
  margin:4px 0 0;
  font-size:12px;
}
.rx-modal-close{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid var(--rx-line);
  background:rgba(255,255,255,.06);
  color:var(--rx-text);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.rx-modal-close:hover{background:rgba(201,60,82,.14);border-color:rgba(201,60,82,.35);color:#C93C52}
.rx-modal-body{
  padding:20px;
  overflow:auto;
}
.rx-modal-body form{
  margin:0!important;
  width:100%;
}
.rx-modal-body label{
  font-weight:750;
}
.rx-modal-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.rx-modal-body select,
.rx-modal-body textarea{
  min-height:42px;
  border-radius:14px!important;
}
.rx-modal-body button[type="submit"],
.rx-modal-body input[type="submit"]{
  border-radius:14px!important;
}
.rx-modal-body .grid{align-items:start}
.rx-modal-muted{color:var(--rx-muted)}
.rx-modal-hidden-source{display:none!important}
.rx-sleek-scroll{
  scrollbar-width:thin;
  scrollbar-color:rgba(248,128,5,.55) transparent;
}
.rx-sleek-scroll::-webkit-scrollbar{width:8px;height:8px}
.rx-sleek-scroll::-webkit-scrollbar-thumb{background:rgba(248,128,5,.55);border-radius:999px}
.rx-sleek-scroll::-webkit-scrollbar-track{background:transparent}
@media (max-width:720px){
  .rx-modal-overlay{align-items:flex-start;padding:.75rem}
  .rx-modal-shell{border-radius:24px;max-height:calc(100vh - 1.5rem)}
  .rx-modal-launch-card{align-items:flex-start;flex-direction:column}
  .rx-open-modal-btn{width:100%}
}

/* END CANONICAL MODAL COMPATIBILITY */
/* Rexius Node canonical theme bundle. Source layers consolidated 2026-09-15. */
/* Rexius Node V6 — single colour system shared by every workspace page.
   Light mode: white + light Rexius blue. Dark mode: secure-login Rexius navy/blue.
   Neutral grey surfaces are intentionally not part of the application palette. */
:root{
  --rx-orange:#F88005;
  --rx-gold:#FABF32;
  --rx-blue:#0161AF;
  --rx-blue-deep:#004D8B;
  --rx-navy:#032356;
  --rx-navy-deep:#02183D;
  --rx-orange-deep:#C85F00;
  --rx-success:#16835B;
  --rx-warning:#B66B00;
  --rx-danger:#C93C52;
  --rx-info:#0161AF;
  --rx-automation:#64058A;
}
html[data-rexius-theme="light"]{
  --rx-page:#F5F8FC;
  --rx-page-2:#F7FAFD;
  --rx-card:#FFFFFF;
  --rx-soft:#F7FAFD;
  --rx-text:#032356;
  --rx-muted:#5E6F88;
  --rx-border:#D8E5F1;
  --rx-input:#F7FAFD;
  --rx-shadow:0 2px 4px rgba(3,35,86,.05),0 14px 34px rgba(1,97,175,.07);
  color-scheme:light;
}
html[data-rexius-theme="dark"]{
  --rx-page:#02183D;
  --rx-page-2:#032356;
  --rx-card:#082B5B;
  --rx-soft:#0B356C;
  --rx-text:#F8FBFF;
  --rx-muted:#B8C8DA;
  --rx-border:rgba(255,255,255,.12);
  --rx-input:#092F63;
  --rx-shadow:0 2px 6px rgba(0,0,0,.22),0 18px 40px rgba(0,0,0,.20);
  color-scheme:dark;
}
html[data-rexius-theme],html[data-rexius-theme] body{background:var(--rx-page);color:var(--rx-text)}
.rx-shell-card,.rx-card,.glass,.glass-card,.glass-panel,.panel,.card,.stat-card,.widget{
  background:var(--rx-card);color:var(--rx-text);border:1px solid var(--rx-border);box-shadow:var(--rx-shadow)
}
.rx-shell-card,.rx-card{border-radius:1.25rem}
.rx-soft{background:var(--rx-soft);color:var(--rx-text);border:1px solid var(--rx-border)}
.rx-brand-stripe{height:3px;background:var(--rx-orange)}
.rx-btn-primary{background:var(--rx-blue);color:#fff;border:1px solid var(--rx-blue);border-radius:.85rem;font-weight:800;box-shadow:none}
.rx-btn-primary:hover{background:var(--rx-blue-deep)}
.rx-btn-secondary{background:var(--rx-card);color:var(--rx-text);border:1px solid var(--rx-border);border-radius:.85rem;font-weight:800}
.rx-status{display:inline-flex;align-items:center;gap:.35rem;border:1px solid currentColor;border-radius:999px;padding:.25rem .6rem;font-size:.72rem;font-weight:800;line-height:1.2}
.rx-status-success{color:var(--rx-success);background:color-mix(in srgb,var(--rx-success) 10%,transparent)}
.rx-status-warning{color:var(--rx-warning);background:color-mix(in srgb,var(--rx-warning) 10%,transparent)}
.rx-status-danger{color:var(--rx-danger);background:color-mix(in srgb,var(--rx-danger) 10%,transparent)}
.rx-status-info{color:var(--rx-info);background:color-mix(in srgb,var(--rx-info) 10%,transparent)}
.rx-status-automation{color:var(--rx-automation);background:color-mix(in srgb,var(--rx-automation) 10%,transparent)}
.rx-status-neutral{color:var(--rx-muted);background:color-mix(in srgb,var(--rx-muted) 10%,transparent)}
.rx-field{width:100%;background:var(--rx-input);color:var(--rx-text);border:1px solid var(--rx-border);border-radius:.8rem;padding:.75rem .9rem}
.rx-field:focus{outline:none;border-color:var(--rx-blue);box-shadow:0 0 0 3px rgba(1,97,175,.16)}
.rx-muted{color:var(--rx-muted)}
.rx-text{color:var(--rx-text)}
.rx-workspace-accent{border-top:3px solid var(--rx-blue)}
.rexius-modal-shell,.modal-bg,[class*="modal-content"],.recon-modal-panel{
  background:var(--rx-card);color:var(--rx-text);border-color:var(--rx-border);box-shadow:0 24px 64px rgba(2,24,61,.22)
}
.qb-title{background:var(--rx-soft);color:var(--rx-text);border-color:var(--rx-border)}
.recon-soft-card{background:var(--rx-card);color:var(--rx-text);border-color:var(--rx-border)}
.grid-row:nth-child(even){background:var(--rx-soft)}
.grid-row.checked{background:color-mix(in srgb,var(--rx-blue) 12%,var(--rx-card))}
html[data-rexius-theme] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-rexius-theme] select,html[data-rexius-theme] textarea{
  background:var(--rx-input);color:var(--rx-text);border-color:var(--rx-border)
}
html[data-rexius-theme] input::placeholder,html[data-rexius-theme] textarea::placeholder{color:var(--rx-muted);opacity:.78}
html[data-rexius-theme] table{color:var(--rx-text)}
html[data-rexius-theme] thead{background:var(--rx-soft);color:var(--rx-text)}
html[data-rexius-theme] tbody tr{border-color:var(--rx-border)}
html[data-rexius-theme] tbody tr:hover{background:color-mix(in srgb,var(--rx-blue) 8%,var(--rx-card))}
html[data-rexius-theme] :focus-visible{outline:none;border-color:var(--rx-blue);box-shadow:0 0 0 3px rgba(1,97,175,.18)}
html[data-rexius-theme] ::selection{background:rgba(1,97,175,.20);color:var(--rx-text)}
html[data-rexius-theme]{scrollbar-color:rgba(1,97,175,.55) var(--rx-page)}
html[data-rexius-theme] ::-webkit-scrollbar-thumb{background:var(--rx-blue);border-radius:999px}
html[data-rexius-theme] ::-webkit-scrollbar-track{background:var(--rx-page)}

/* Node ERP component layer: one implementation for legacy and new pages. */
.rx-datatable{position:relative;width:100%;overflow:visible;border:1px solid var(--rx-border);border-radius:1.15rem;background:var(--rx-card);box-shadow:var(--rx-shadow)}
.rx-filterbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 1rem;border-bottom:1px solid var(--rx-border);background:var(--rx-card);border-radius:1.15rem 1.15rem 0 0}
.rx-filter-search{display:flex;align-items:center;gap:.55rem;min-width:min(20rem,100%);flex:1;color:var(--rx-muted);background:var(--rx-soft);border:1px solid var(--rx-border);border-radius:.8rem;padding:0 .75rem}
.rx-filter-search input{width:100%;min-height:2.55rem;padding:.55rem 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--rx-text)}
.rx-filter-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--rx-muted);font-size:.76rem;font-weight:700}
.rx-filter-actions label{display:flex;align-items:center;gap:.35rem}
.rx-filter-actions select{width:auto!important;min-height:2.35rem;padding:.35rem 1.8rem .35rem .55rem!important;border-radius:.65rem}
.rx-filter-actions button,.rx-columns summary{display:inline-flex;align-items:center;gap:.4rem;min-height:2.35rem;padding:.45rem .7rem;border:1px solid var(--rx-border);border-radius:.65rem;background:var(--rx-card);color:var(--rx-text);cursor:pointer;list-style:none;font-size:.76rem;font-weight:800}
.rx-columns{position:relative}.rx-columns summary::-webkit-details-marker{display:none}.rx-columns-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:60;display:grid;gap:.35rem;min-width:13rem;max-height:18rem;overflow:auto;padding:.7rem;border:1px solid var(--rx-border);border-radius:.8rem;background:var(--rx-card);box-shadow:var(--rx-shadow)}
.rx-columns:not([open]) .rx-columns-menu{display:none}.rx-columns-menu label{display:flex;gap:.5rem;padding:.3rem .15rem;color:var(--rx-text);font-weight:650}.rx-columns-menu input{accent-color:var(--rx-blue)}
.rx-table-scroll{width:100%;overflow:auto}.rx-data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--rx-card)}
.rx-data-table th{position:sticky;top:0;z-index:2;white-space:nowrap;padding:.8rem .9rem;border-bottom:1px solid var(--rx-border);background:var(--rx-soft);color:var(--rx-navy);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
html[data-rexius-theme="dark"] .rx-data-table th{color:var(--rx-text)}
.rx-data-table th::after{content:'↕';margin-left:.35rem;color:var(--rx-muted);font-size:.65rem}.rx-data-table th[data-rx-sort="asc"]::after{content:'↑';color:var(--rx-blue)}.rx-data-table th[data-rx-sort="desc"]::after{content:'↓';color:var(--rx-blue)}
.rx-data-table td{padding:.8rem .9rem;border-bottom:1px solid var(--rx-border);vertical-align:middle;color:var(--rx-text)}
.rx-data-table tbody tr:last-child td{border-bottom:0}.rx-data-table tbody tr:hover td{background:color-mix(in srgb,var(--rx-blue) 6%,var(--rx-card))}
.rx-table-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-top:1px solid var(--rx-border);color:var(--rx-muted);font-size:.75rem;font-weight:700}
.rx-pagination{display:flex;align-items:center;gap:.5rem}.rx-pagination button{width:2.1rem;height:2.1rem;border:1px solid var(--rx-border);border-radius:.6rem;background:var(--rx-card);color:var(--rx-text);font-size:1.1rem}.rx-pagination button:disabled{opacity:.35;cursor:not-allowed}
.rx-datatable.is-empty .rx-table-footer::before{content:'No records match the current filter.';color:var(--rx-muted)}

.rx-auto-form{color:var(--rx-text)}.rx-auto-form label{color:var(--rx-text);font-weight:750}.rx-auto-form .rx-field{min-height:2.75rem;transition:border-color .16s ease,box-shadow .16s ease}.rx-auto-form textarea.rx-field{min-height:7rem}.rx-submit{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--rx-blue)!important;border-radius:.8rem!important;background:var(--rx-blue)!important;color:#fff!important;font-weight:850!important;box-shadow:0 10px 24px rgba(1,97,175,.15)!important}.rx-submit:hover{background:var(--rx-blue-deep)!important}
.rx-form-section{padding:1rem;border:1px solid var(--rx-border);border-radius:1rem;background:var(--rx-card)}.rx-form-section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--rx-border);color:var(--rx-navy);font-weight:900}
html[data-rexius-theme="dark"] .rx-form-section-title{color:var(--rx-text)}

.rx-workflow{display:flex;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;overflow:auto}.rx-workflow-step{position:relative;display:flex;align-items:center;gap:.5rem;min-width:8rem;flex:1;padding-right:1rem;color:var(--rx-muted);font-size:.75rem;font-weight:800}.rx-workflow-step:not(:last-child)::after{content:'';position:absolute;left:2rem;right:.25rem;top:.75rem;height:2px;background:var(--rx-border)}.rx-workflow-dot{position:relative;z-index:1;display:grid;place-items:center;width:1.55rem;height:1.55rem;flex:0 0 1.55rem;border:2px solid var(--rx-border);border-radius:999px;background:var(--rx-card);font-size:.68rem}.rx-workflow-step.is-complete{color:var(--rx-success)}.rx-workflow-step.is-complete .rx-workflow-dot{border-color:var(--rx-success);background:var(--rx-success);color:#fff}.rx-workflow-step.is-complete::after{background:var(--rx-success)}.rx-workflow-step.is-current{color:var(--rx-blue)}.rx-workflow-step.is-current .rx-workflow-dot{border-color:var(--rx-blue);box-shadow:0 0 0 4px rgba(1,97,175,.12)}

.rx-modal-normalized{align-items:flex-start!important;justify-content:center!important;overflow:auto!important;padding:clamp(.75rem,4vh,3rem) .75rem!important}.rx-modal-normalized>.rx-modal-panel,.rx-modal-normalized .rx-modal-panel{width:min(48rem,100%)!important;max-height:calc(100vh - clamp(1.5rem,8vh,6rem))!important;overflow:auto!important;border:1px solid var(--rx-border)!important;border-radius:1.15rem!important;background:var(--rx-card)!important;color:var(--rx-text)!important;box-shadow:0 24px 70px rgba(2,24,61,.28)!important}
.rx-drawer-shell{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:1fr minmax(19rem,34rem);pointer-events:none}.rx-drawer-backdrop{grid-column:1/-1;grid-row:1;border:0;background:rgba(2,24,61,.58);opacity:0;transition:opacity .2s}.rx-drawer{grid-column:2;grid-row:1;height:100%;overflow:auto;transform:translateX(100%);transition:transform .22s ease;background:var(--rx-card);color:var(--rx-text);box-shadow:-20px 0 60px rgba(2,24,61,.28)}.rx-drawer-shell.is-open{pointer-events:auto}.rx-drawer-shell.is-open .rx-drawer-backdrop{opacity:1}.rx-drawer-shell.is-open .rx-drawer{transform:none}.rx-drawer header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid var(--rx-border);background:var(--rx-card)}.rx-drawer header button{width:2.25rem;height:2.25rem;border:1px solid var(--rx-border);border-radius:.65rem;background:var(--rx-soft);color:var(--rx-text);font-size:1.4rem}.rx-drawer-body{padding:1.15rem}

.rx-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1rem;border:1px solid;border-radius:.85rem}.rx-alert strong{display:block}.rx-alert-success{color:var(--rx-success);background:color-mix(in srgb,var(--rx-success) 9%,var(--rx-card))}.rx-alert-warning{color:var(--rx-warning);background:color-mix(in srgb,var(--rx-warning) 9%,var(--rx-card))}.rx-alert-danger{color:var(--rx-danger);background:color-mix(in srgb,var(--rx-danger) 9%,var(--rx-card))}.rx-alert-info{color:var(--rx-info);background:color-mix(in srgb,var(--rx-info) 9%,var(--rx-card))}
.rx-empty{display:grid;place-items:center;gap:.4rem;min-height:11rem;padding:2rem;text-align:center;color:var(--rx-muted)}.rx-empty i{font-size:1.65rem;color:var(--rx-blue)}.rx-empty strong{color:var(--rx-text)}.rx-empty p{max-width:32rem;margin:0;font-size:.84rem}.rx-money{font-variant-numeric:tabular-nums;font-weight:900;color:var(--rx-text)}.rx-money small{font-size:.68em;color:var(--rx-muted);letter-spacing:.04em}
.rx-skeleton{overflow:hidden;position:relative;border-radius:.45rem;background:var(--rx-soft);color:transparent!important;user-select:none;animation:rxPulseFlat 1.25s ease-in-out infinite}.rx-skeleton::after,.rx-is-loading::after{content:none}.rx-is-loading{position:relative;pointer-events:none;opacity:.72}@keyframes rxPulseFlat{0%,100%{opacity:.58}50%{opacity:1}}
.rx-toast-region{position:fixed;top:1rem;right:1rem;z-index:1200;display:grid;gap:.55rem;width:min(24rem,calc(100vw - 2rem))}.rx-toast{padding:.8rem 1rem;border:1px solid var(--rx-border);border-left:4px solid var(--rx-blue);border-radius:.8rem;background:var(--rx-card);color:var(--rx-text);box-shadow:var(--rx-shadow);font-size:.84rem;font-weight:700}.rx-toast-success{border-left-color:var(--rx-success)}.rx-toast-warning{border-left-color:var(--rx-warning)}.rx-toast-danger{border-left-color:var(--rx-danger)}

@media(max-width:767px){
  html[data-rexius-theme] body{font-size:15px}.rx-filterbar{align-items:stretch}.rx-filter-search{min-width:100%}.rx-filter-actions{width:100%}.rx-filter-actions .rx-export{margin-left:auto}.rx-table-scroll{max-height:none}.rx-data-table{min-width:42rem}.rx-table-footer{position:sticky;left:0;flex-wrap:wrap}.rx-workflow-step{min-width:7.5rem}.rx-drawer-shell{grid-template-columns:1fr}.rx-drawer{grid-column:1;width:100%;max-width:none}.rx-modal-normalized{padding:.65rem!important}.rx-modal-normalized>.rx-modal-panel,.rx-modal-normalized .rx-modal-panel{max-height:calc(100vh - 1.3rem)!important;border-radius:.9rem!important}.rx-toast-region{top:4rem}
}
@media(min-width:768px) and (max-width:1180px){.rx-filter-search{min-width:16rem}.rx-data-table td,.rx-data-table th{padding:.7rem .75rem}}
@media(prefers-reduced-motion:reduce){.rx-drawer,.rx-drawer-backdrop,.rx-skeleton::after,.rx-is-loading::after{animation:none!important;transition:none!important}}
@media print{
  .rx-filterbar,.rx-table-footer,.rx-columns-menu{display:none!important}
  .rx-datatable{border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  .rx-table-scroll{max-height:none!important;overflow:visible!important}
  .rx-data-table th{position:static!important}
}


/* Rexius Node compatibility presentation layer.
   Retained under its historic filename so existing includes remain stable.
   All visual tokens now follow the canonical Rexius ecosystem brand. */
:root,
html[data-rexius-theme="light"] {
  --rx-page: #F5F8FC;
  --rx-page-2: #eef6fb;
  --rx-card: rgba(255, 255, 255, .88);
  --rx-soft: #F7FAFD;
  --rx-soft-blue: #EDF7FF;
  --rx-active: #cfe9fa;
  --rx-text: #032356;
  --rx-navy: #032356;
  --rx-muted: #5E6F88;
  --rx-muted-2: #7C8CA2;
  --rx-border: #D8E5F1;
  --rx-border-strong: #c7d7e3;
  --rx-input: #F7FAFD;
  --rx-blue: #0161AF;
  --rx-blue-deep: #004D8B;
  --rx-blue-bright: #0161AF;
  --rx-orange: #F88005;
  --rx-success: #16835B;
  --rx-warning: #B66B00;
  --rx-danger: #C93C52;
  --rx-info: #0161AF;
  --rx-automation: #64058A;
  --rx-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 2px 5px rgba(3,35,86,.05), 0 16px 36px rgba(1,97,175,.07);
  --rx-shadow-raised: 0 18px 45px rgba(3,35,86,.14);
  color-scheme: light;
}

html[data-rexius-theme="dark"] {
  --rx-page:#02183D;
  --rx-page-2:#032356;
  --rx-card:#082B5B;
  --rx-soft:#0B356C;
  --rx-soft-blue:#0B356C;
  --rx-active:#0D417F;
  --rx-text:#F8FBFF;
  --rx-navy:#F8FBFF;
  --rx-muted:#B8C8DA;
  --rx-muted-2:#9FB3C9;
  --rx-border:rgba(255,255,255,.12);
  --rx-border-strong:rgba(255,255,255,.18);
  --rx-input:#092F63;
  --rx-shadow:0 2px 6px rgba(0,0,0,.22),0 18px 40px rgba(0,0,0,.20);
  --rx-shadow-raised:0 24px 64px rgba(0,0,0,.28);
  color-scheme:dark;
}

html[data-rexius-theme],
html[data-rexius-theme] body {
  background: var(--rx-page) !important;
  color: var(--rx-text) !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

html[data-rexius-theme] body > main,
html[data-rexius-theme] main:not(#waApp) {
  background: var(--rx-page) !important;
  color: var(--rx-text) !important;
}

/* Application shell — expanded, readable and deliberately calm. */
html[data-rexius-theme] { --rx-shell-width: 17rem; --rx-topbar-height: 4.25rem; }

#sidebar-container {
  width: var(--rx-shell-width) !important;
  border-right: 1px solid var(--rx-border) !important;
  background: var(--rx-card) !important;
  color: var(--rx-text) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.9) !important;
  backdrop-filter: blur(20px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(128%) !important;
}

.rx-side-brand {
  height: 6rem !important;
  gap: .85rem !important;
  padding: 1rem 1.55rem !important;
  border-bottom: 1px solid var(--rx-border) !important;
  background: var(--rx-card) !important;
}
.rx-side-brand img { width: 3.35rem !important; height: 3.35rem !important; }
.rx-side-brand-copy strong { color: #02183D !important; font-size: 1.04rem !important; letter-spacing: .015em !important; }
.rx-side-brand-copy span { margin-top: .18rem !important; color: var(--rx-blue) !important; font-size: .57rem !important; letter-spacing: .28em !important; }

.rx-side-search { display: none !important; }
.rx-side-scroll {
  padding: .55rem .95rem 1rem !important;
  background: var(--rx-card) !important;
  scrollbar-color: #B8C8DA transparent !important;
}
.rx-side-scroll::-webkit-scrollbar { width: 7px; }
.rx-side-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: #B8C8DA; }
.rx-side-label {
  margin: 1.15rem .65rem .48rem !important;
  color: #5E6F88 !important;
  font-size: .6rem !important;
  font-weight: 720 !important;
  letter-spacing: .2em !important;
}

.rx-side-link,
.rx-side-group summary {
  min-height: 3.15rem !important;
  gap: .75rem !important;
  padding: .45rem .7rem !important;
  border: 1px solid transparent !important;
  border-radius: .72rem !important;
  background: transparent !important;
  color: #032356 !important;
  font-size: .83rem !important;
  font-weight: 580 !important;
}
.rx-side-link:hover,
.rx-side-group summary:hover,
.rx-side-group[open] summary {
  border-color: #D8E5F1 !important;
  background: var(--rx-soft) !important;
  color: var(--rx-blue) !important;
}
.rx-side-link.is-active {
  border-color: var(--rx-blue) !important;
  background-color: var(--rx-blue) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(1,97,175,.17) !important;
}
.rx-side-icon {
  width: 2rem !important;
  height: 2rem !important;
  flex-basis: 2rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: transparent !important;
  color: #5E6F88 !important;
  font-size: .83rem !important;
}
.rx-side-link:hover .rx-side-icon,
.rx-side-group summary:hover .rx-side-icon,
.rx-side-group[open] summary .rx-side-icon { color: var(--rx-blue) !important; }
.rx-side-link.is-active .rx-side-icon { border: 0 !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }
.rx-side-link-label { min-width: 0 !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; line-height: 1.25 !important; }
.rx-side-badge { background: var(--rx-danger) !important; color: #fff !important; }

.rx-side-group {
  margin: .12rem 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: .75rem !important;
  background: transparent !important;
}
.rx-side-group[open] { border-color: transparent !important; background: transparent !important; }
.rx-side-group.is-active summary { color: var(--rx-blue) !important; }
.rx-side-group-count {
  margin-left: auto !important;
  background: #EDF4FB !important;
  color: #5E6F88 !important;
}
.rx-side-group[open] .rx-side-group-count,
.rx-side-group.is-active .rx-side-group-count { background: var(--rx-soft-blue) !important; color: var(--rx-blue) !important; }
.rx-side-group-chevron { color: #7C8CA2 !important; }
.rx-side-children {
  gap: .12rem !important;
  margin: .05rem 0 .45rem 1.2rem !important;
  padding: .18rem 0 .18rem .72rem !important;
  border-top: 0 !important;
  border-left: 1px solid #D8E5F1 !important;
}
.rx-side-child {
  min-height: 2.45rem !important;
  gap: .55rem !important;
  padding: .42rem .65rem !important;
  border: 1px solid transparent !important;
  border-radius: .55rem !important;
  background: transparent !important;
  color: #032356 !important;
  font-size: .74rem !important;
  font-weight: 540 !important;
  line-height: 1.25 !important;
}
.rx-side-child i { color: #5E6F88 !important; font-size: .67rem !important; }
.rx-side-child:hover { border-color: #D8E5F1 !important; background: var(--rx-soft) !important; color: var(--rx-blue) !important; }
.rx-side-child:hover i { color: var(--rx-blue) !important; }
.rx-side-child.is-active {
  border-color: #B8D8EA !important;
  background: var(--rx-active) !important;
  color: var(--rx-blue-deep) !important;
  font-weight: 720 !important;
}
.rx-side-child.is-active i { color: var(--rx-blue) !important; }

.rx-side-footer {
  padding: .8rem 1.15rem .9rem !important;
  border-top: 1px solid var(--rx-border) !important;
  background: var(--rx-card) !important;
}
.rx-profile-row { margin-top: .7rem !important; padding: .55rem .15rem 0 !important; }
.rx-profile-avatar { border-radius: .7rem !important; background: var(--rx-active) !important; color: var(--rx-blue-deep) !important; }
.rx-profile-copy a { color: var(--rx-text) !important; }
.rx-profile-copy small { color: var(--rx-muted) !important; }
.rx-signout { border-color: var(--rx-border) !important; background: var(--rx-card) !important; color: #5E6F88 !important; }
.rx-signout:hover { border-color: #F2C4CD !important; background: #FFF0F3 !important; color: var(--rx-danger) !important; }

#rexius-topbar {
  left: var(--rx-shell-width) !important;
  height: var(--rx-topbar-height) !important;
  padding: 0 1.6rem !important;
  border-bottom: 1px solid var(--rx-border) !important;
  background: var(--rx-card) !important;
  color: var(--rx-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 18px rgba(1,97,175,.04) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}
.rx-topbar-crumb { font-size: .75rem !important; }
.rx-topbar-crumb strong { color: #032356 !important; }
.rx-topbar-crumb span { color: var(--rx-muted) !important; }
.rx-topbar-button {
  min-height: 2.55rem !important;
  border-color: var(--rx-border) !important;
  border-radius: .7rem !important;
  background: var(--rx-card) !important;
  color: var(--rx-blue) !important;
  box-shadow: 0 2px 5px rgba(3,35,86,.04) !important;
}
.rx-topbar-button:hover { border-color: #B8D8EA !important; background: var(--rx-soft-blue) !important; }
.rx-topbar-button.primary {
  border-color: var(--rx-blue) !important;
  background-color: var(--rx-blue) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(1,97,175,.16) !important;
}

#rxModuleLauncher,
#rxCommandSearch,
#mobile-overlay {
  background: rgba(10, 34, 54, .42) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.rx-launcher-panel,
.rx-command-panel {
  border-color: var(--rx-border) !important;
  border-radius: 1rem !important;
  background: var(--rx-card) !important;
  box-shadow: var(--rx-shadow-raised) !important;
}
.rx-launcher-header,
.rx-command-head { border-color: var(--rx-border) !important; background: var(--rx-card) !important; }
.rx-launcher-header h2 { color: var(--rx-text) !important; }
.rx-launcher-header p,
.rx-command-status { color: var(--rx-muted) !important; }
.rx-launcher-close,
.rx-command-close { border-color: var(--rx-border) !important; background: var(--rx-soft) !important; color: #5E6F88 !important; }
.rx-launcher-filter,
.rx-command-input { border-color: var(--rx-border) !important; background: var(--rx-soft) !important; color: var(--rx-text) !important; }
.rx-launcher-groups { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.rx-launcher-group h3 { color: #5E6F88 !important; }
.rx-module-link,
.rx-command-result { border-color: var(--rx-border) !important; background: var(--rx-card) !important; color: var(--rx-text) !important; }
.rx-module-link:hover,
.rx-command-result:hover { border-color: #B8D8EA !important; background: var(--rx-soft-blue) !important; color: var(--rx-blue) !important; }
.rx-module-link i,
.rx-command-result-icon { background: var(--rx-active) !important; color: var(--rx-blue) !important; }

@media (min-width: 1024px) {
  html[data-rexius-theme] body > main { width: calc(100% - var(--rx-shell-width)) !important; margin-left: var(--rx-shell-width) !important; }
}

@media (max-width: 1023px) {
  html[data-rexius-theme] { --rx-topbar-height: 3.95rem; }
  #sidebar-container { width: min(20rem, 90vw) !important; }
  #rexius-topbar { left: 0 !important; padding: 0 .75rem !important; }
  #mobile-sidebar-toggle { border-color: var(--rx-border) !important; background: var(--rx-card) !important; color: var(--rx-blue) !important; }
  html[data-rexius-theme] body > main { width: 100% !important; margin-left: 0 !important; }
  .rx-launcher-groups { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 640px) {
  .rx-launcher-groups { grid-template-columns: 1fr !important; }
  .rx-topbar-button.primary { min-width: 2.55rem; padding-inline: .7rem !important; }
}

/* Page hierarchy: concise title, one useful sentence, then the work. */
html[data-rexius-theme] main .rx-page-heading {
  margin-bottom: clamp(1rem, 2.2vw, 1.75rem) !important;
}

html[data-rexius-theme] main .rx-page-title {
  margin: 0 !important;
  color: #02183D !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(1.65rem, 2.35vw, 2.3rem) !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
  line-height: 1.12 !important;
}

html[data-rexius-theme] main .rx-page-lead {
  max-width: 48rem !important;
  margin: .5rem 0 0 !important;
  color: var(--rx-muted) !important;
  font-size: .93rem !important;
  line-height: 1.5 !important;
}

html[data-rexius-theme] main .rx-page-context {
  max-width: 48rem;
  margin: .55rem 0 0;
  color: var(--rx-muted);
  font-size: .78rem;
}
html[data-rexius-theme] main .rx-page-context summary {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--rx-blue);
  font-weight: 720;
  cursor: pointer;
  list-style: none;
}
html[data-rexius-theme] main .rx-page-context summary::-webkit-details-marker { display: none; }
html[data-rexius-theme] main .rx-page-context summary::after { content: '+'; font-weight: 800; }
html[data-rexius-theme] main .rx-page-context[open] summary::after { content: '−'; }
html[data-rexius-theme] main .rx-page-context p { margin: .55rem 0 0 !important; padding: .75rem .85rem; border: 1px solid var(--rx-border); border-radius: .72rem; background: rgba(255,255,255,.74); line-height: 1.55; }

html[data-rexius-theme] main :is(h2, h3) {
  color: var(--rx-text);
  letter-spacing: -.018em;
}

/* Flat white surfaces with subtle payment-console borders. */
html[data-rexius-theme] main:not(#waApp) :is(
  .glass, .glass-card, .glass-panel, .card, .panel, .stat-card, .widget,
  .fd-board, .fd-card, .fd-kpi, .fd-hero, .pay-card, .rx-card,
  .recon-soft-card, .qb-title
) {
  background-color: var(--rx-card) !important;
  background-image: none !important;
  border-color: var(--rx-border) !important;
  color: var(--rx-text) !important;
  box-shadow: var(--rx-shadow) !important;
  backdrop-filter: blur(14px) saturate(122%);
  -webkit-backdrop-filter: blur(14px) saturate(122%);
}

html[data-rexius-theme] main:not(#waApp) :is(.card, .panel, .stat-card, .widget, .fd-card, .fd-kpi, .pay-card, .rx-card) {
  border-radius: 1rem !important;
}

html[data-rexius-theme] main:not(#waApp) :is(
  [class*="bg-slate-9"], [class*="bg-slate-8"], [class*="bg-gray-9"],
  [class*="bg-zinc-9"], [class*="bg-neutral-9"], [class*="bg-[#02"],
  [class*="bg-[#03"], [class*="bg-[#07"], [class*="bg-black"]
) {
  background-color: var(--rx-card) !important;
  background-image: none !important;
  color: var(--rx-text) !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.text-white, .text-slate-100, .text-slate-200, .text-slate-300) {
  color: var(--rx-text) !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.text-slate-400, .text-slate-500, .text-slate-600, .text-gray-400, .text-gray-500) {
  color: var(--rx-muted) !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.text-teal-300, .text-teal-400, .text-teal-500, .text-cyan-300, .text-cyan-400, .text-blue-300, .text-blue-400) {
  color: var(--rx-blue) !important;
}

/* Buttons: crisp secondary controls; controlled blue emphasis for primary work. */
.rx-btn-primary,
.rx-submit,
html[data-rexius-theme] main:not(#waApp) .btn-primary {
  min-height: 2.7rem;
  padding: .67rem 1rem;
  border: 1px solid var(--rx-blue) !important;
  border-radius: .72rem !important;
  background-color: var(--rx-blue) !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: 760 !important;
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 9px 22px rgba(1,97,175,.17) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.rx-btn-primary:hover,
.rx-submit:hover,
html[data-rexius-theme] main:not(#waApp) .btn-primary:hover {
  filter: brightness(.97);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(1,97,175, .22) !important;
}

.rx-btn-secondary,
html[data-rexius-theme] main:not(#waApp) .btn-secondary {
  border-color: var(--rx-border) !important;
  border-radius: .72rem !important;
  background-color: #fff !important;
  background-image: none !important;
  color: var(--rx-blue) !important;
  font-weight: 720 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 2px 5px rgba(3,35,86,.05);
}

.rx-btn-secondary:hover,
html[data-rexius-theme] main:not(#waApp) .btn-secondary:hover {
  border-color: #9dc8e4 !important;
  background: var(--rx-soft-blue) !important;
  color: var(--rx-blue-deep) !important;
}

.rx-btn-danger,
html[data-rexius-theme] main:not(#waApp) :is(.btn-danger, .btn-delete) {
  min-height: 2.7rem;
  padding: .67rem 1rem;
  border: 1px solid var(--rx-danger) !important;
  border-radius: .72rem !important;
  background: var(--rx-danger) !important;
  color: #fff !important;
  font-weight: 760 !important;
  box-shadow: 0 8px 18px rgba(220, 53, 69, .14) !important;
}
.rx-btn-danger:hover,
html[data-rexius-theme] main:not(#waApp) :is(.btn-danger, .btn-delete):hover { background: #be2938 !important; }

/* Inputs and filters. */
.rx-field,
html[data-rexius-theme] main:not(#waApp) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  min-height: 2.72rem;
  border: 1px solid var(--rx-border) !important;
  border-radius: .72rem !important;
  background: var(--rx-input) !important;
  color: var(--rx-text) !important;
  box-shadow: none !important;
}

.rx-field:focus,
html[data-rexius-theme] main:not(#waApp) :is(input, select, textarea):focus {
  border-color: var(--rx-blue) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(1,97,175, .14) !important;
}

html[data-rexius-theme] :is(input, textarea)::placeholder {
  color: #8b949e !important;
  opacity: 1 !important;
}

html[data-rexius-theme] label {
  color: var(--rx-muted);
}

/* Data tables and list controls. */
.rx-datatable {
  overflow: hidden;
  border-color: var(--rx-border) !important;
  border-radius: 1rem !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--rx-shadow) !important;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.rx-filterbar {
  padding: .75rem .9rem !important;
  border-color: var(--rx-border) !important;
  border-radius: 1rem 1rem 0 0 !important;
  background: rgba(255,255,255,.9) !important;
}

.rx-filter-search {
  border-color: var(--rx-border) !important;
  border-radius: .7rem !important;
  background: var(--rx-soft) !important;
}

.rx-data-table th,
html[data-rexius-theme] main:not(#waApp) thead {
  background: #f5f8fa !important;
  color: #5E6F88 !important;
}

.rx-data-table th {
  padding: .78rem .88rem !important;
  border-color: var(--rx-border) !important;
  font-size: .68rem !important;
  letter-spacing: .075em !important;
}

.rx-data-table td {
  padding: .8rem .88rem !important;
  border-color: #e7edf2 !important;
}

.rx-data-table tbody tr:hover td,
html[data-rexius-theme] main:not(#waApp) tbody tr:hover {
  background: var(--rx-soft-blue) !important;
}

.rx-table-footer {
  border-color: var(--rx-border) !important;
  background: #fff;
}

/* Status semantics stay unmistakable. */
.rx-status {
  border-width: 1px;
  border-radius: 999px;
  padding: .24rem .58rem;
  font-size: .68rem;
  font-weight: 800;
}
.rx-status-success { color: #08753e; background: #e8f7ef; border-color: #b8e5cc; }
.rx-status-warning { color: #a85200; background: #FFF5DF; border-color: #ffd5ad; }
.rx-status-danger { color: #b42332; background: #fff0f2; border-color: #f4bdc4; }
.rx-status-info { color: #004D8B; background: #e9f6fd; border-color: #D8E5F1; }
.rx-status-automation, .rx-status-neutral { color: #5e6872; background: #f4f6f8; border-color: #dce3e9; }

/* Side drawers and modal overlays follow the supplied top-aligned pattern. */
.rx-modal-normalized,
html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9990 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: auto !important;
  padding: clamp(.75rem, 5vh, 3.5rem) .75rem !important;
  background: rgba(10, 34, 54, .42) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.rx-modal-normalized > .rx-modal-panel,
.rx-modal-normalized .rx-modal-panel,
html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) :is(
  .glass-modal, .glass-panel, .glass-card, .modal-bg, .modal-content,
  .modal-card, .rx-card, .recon-modal-panel, .rexius-modal-panel
) {
  width: min(48rem, 100%);
  max-height: calc(100vh - clamp(1.5rem, 10vh, 7rem)) !important;
  overflow: auto !important;
  border: 1px solid var(--rx-border) !important;
  border-radius: 1rem !important;
  background: rgba(255,255,255,.95) !important;
  background-image: none !important;
  color: var(--rx-text) !important;
  box-shadow: var(--rx-shadow-raised) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
}

/* Modal descendants are normalized explicitly because several legacy dialogs
   live outside <main> and retain older utility classes. */
.rx-modal-normalized .rx-modal-panel :is(h1, h2, h3, h4, strong, label, .text-white, .text-slate-100, .text-slate-200, .text-slate-300) {
  color: var(--rx-text) !important;
}
html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) :is(
  .glass-modal, .glass-panel, .glass-card, .modal-bg, .modal-content,
  .modal-card, .rx-card, .recon-modal-panel, .rexius-modal-panel
) :is(h1, h2, h3, h4, strong, label, .text-white, .text-slate-100, .text-slate-200, .text-slate-300) {
  color: var(--rx-text) !important;
}
.rx-modal-normalized .rx-modal-panel :is(p, small, .text-slate-400, .text-slate-500, .text-slate-600) {
  color: var(--rx-muted) !important;
}
html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) :is(
  .glass-modal, .glass-panel, .glass-card, .modal-bg, .modal-content,
  .modal-card, .rx-card, .recon-modal-panel, .rexius-modal-panel
) :is(p, small, .text-slate-400, .text-slate-500, .text-slate-600) {
  color: var(--rx-muted) !important;
}
.rx-modal-normalized .rx-modal-panel :is(input, select, textarea, .modal-input):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  min-height: 2.72rem;
  border: 1px solid var(--rx-border) !important;
  border-radius: .72rem !important;
  background: var(--rx-input) !important;
  color: var(--rx-text) !important;
  box-shadow: none !important;
}
html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) :is(
  .glass-modal, .glass-panel, .glass-card, .modal-bg, .modal-content,
  .modal-card, .rx-card, .recon-modal-panel, .rexius-modal-panel
) :is(input, select, textarea, .inp, .modal-input):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  min-height: 2.72rem;
  border: 1px solid var(--rx-border) !important;
  border-radius: .72rem !important;
  background: var(--rx-input) !important;
  color: var(--rx-text) !important;
  box-shadow: none !important;
}
.rx-modal-normalized .rx-modal-panel :is(input, select, textarea, .modal-input):focus {
  border-color: var(--rx-blue) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(1,97,175, .14) !important;
}
.rx-modal-normalized .rx-modal-panel :is(section, .modal-section) {
  border-color: var(--rx-border) !important;
  background: rgba(248, 250, 252, .78) !important;
  color: var(--rx-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.rx-modal-normalized .rx-modal-panel :is([class*="bg-black"], [class*="bg-slate-9"], [class*="bg-gray-9"]) {
  border-color: var(--rx-border) !important;
  background: rgba(248,250,252,.82) !important;
  color: var(--rx-text) !important;
}
.rx-modal-normalized .rx-modal-panel :is(.text-rexius-gold, [class*="text-teal-"]) {
  color: var(--rx-blue) !important;
}
.rx-modal-normalized .rx-modal-panel :is([class*="border-rexius-gold"], [class*="border-teal-"]) {
  border-color: #B8D8EA !important;
}
.rx-modal-normalized .rx-modal-panel button[type="submit"]:not(.rx-btn-danger),
html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) :is(
  .glass-modal, .glass-panel, .glass-card, .modal-bg, .modal-content,
  .modal-card, .rx-card, .recon-modal-panel, .rexius-modal-panel
) button[type="submit"]:not(.rx-btn-danger) {
  border: 1px solid var(--rx-blue) !important;
  border-radius: .72rem !important;
  background: var(--rx-blue) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 9px 22px rgba(1,97,175,.17) !important;
}
.rx-modal-normalized .rx-modal-panel .rx-btn-secondary {
  min-height: 2.7rem;
  padding: .67rem 1rem;
}
.rx-modal-normalized .rx-modal-panel .rx-modal-close {
  display: inline-grid;
  width: 2.35rem;
  min-width: 2.35rem;
  min-height: 2.35rem !important;
  place-items: center;
  padding: 0 !important;
  border: 1px solid var(--rx-border) !important;
  border-radius: .7rem !important;
  background: rgba(255,255,255,.8) !important;
  color: var(--rx-text) !important;
  font-size: 1.15rem;
  line-height: 1;
  box-shadow: var(--rx-shadow) !important;
}

.rx-drawer-backdrop { background: rgba(10, 34, 54, .42) !important; backdrop-filter: blur(5px); }
.rx-drawer { border-left: 1px solid var(--rx-border); background: rgba(255,255,255,.94) !important; box-shadow: -20px 0 52px rgba(3,35,86, .16) !important; backdrop-filter:blur(20px) saturate(125%); -webkit-backdrop-filter:blur(20px) saturate(125%); }
.rx-drawer header { background: var(--rx-card) !important; border-color: var(--rx-border) !important; }

.rx-alert { border-radius: .8rem; }
.rx-alert-success { color: #08753e; background: #eefaf3; border-color: #b8e5cc; }
.rx-alert-warning { color: #965000; background: #fff7ed; border-color: #ffd5ad; }
.rx-alert-danger { color: #a92332; background: #FFF0F3; border-color: #f4bdc4; }
.rx-alert-info { color: #004D8B; background: #eef8fe; border-color: #D8E5F1; }

.rx-toast { border-color: var(--rx-border); border-left-color: var(--rx-blue); border-radius: .75rem; background: #fff; box-shadow: var(--rx-shadow-raised); }
.rx-skeleton { background: #EDF4FB; }

/* Workflow steppers use green for done and blue for current. */
.rx-workflow-step.is-complete,
.rx-workflow-step.is-complete .rx-workflow-dot { color: var(--rx-success); }
.rx-workflow-step.is-complete .rx-workflow-dot { border-color: var(--rx-success); background: var(--rx-success); color: #fff; }
.rx-workflow-step.is-current { color: var(--rx-blue); }
.rx-workflow-step.is-current .rx-workflow-dot { border-color: var(--rx-blue); box-shadow: 0 0 0 4px rgba(1,97,175, .14); }

/* Shared summary panel used by finance and payment dashboards. */
.rx-summary-panel,
html[data-rexius-theme] main:not(#waApp) .fd-hero.rx-summary-panel {
  border: 0 !important;
  background-color: var(--rx-blue) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 18px 36px rgba(1,97,175, .18) !important;
}

.rx-summary-panel :is(h1, h2, h3, p, small, span, strong, label, i) { color: #fff !important; }
.rx-summary-panel .rx-btn-secondary { background: var(--rx-card) !important; color: var(--rx-blue) !important; }

@media (max-width: 767px) {
  html[data-rexius-theme] main .rx-page-title { font-size: 1.55rem !important; }
  html[data-rexius-theme] main .rx-page-lead { font-size: .86rem !important; }
  .rx-modal-normalized,
  html[data-rexius-theme] :is([id$="Modal"], [id$="-modal"], [data-workspace-modal]) { padding: .65rem !important; }
  .rx-modal-normalized > .rx-modal-panel,
  .rx-modal-normalized .rx-modal-panel { max-height: calc(100vh - 1.3rem) !important; border-radius: .85rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .rx-btn-primary, .rx-submit { transition: none !important; }
}

@media print {
  html[data-rexius-theme], html[data-rexius-theme] body, html[data-rexius-theme] main { background: var(--rx-card) !important; }
}

/* September 2026 shell and contrast correction. */
.rx-side-footer .rx-profile-row { margin-top: 0 !important; }

html[data-rexius-theme] main:not(#waApp) :is(
  .text-emerald-200, .text-emerald-300, .text-emerald-400,
  .text-green-300, .text-green-400
) { color: #08753e !important; }

html[data-rexius-theme] main:not(#waApp) :is(.text-red-200, .text-red-300, .text-red-400, .text-red-500) {
  color: #b42332 !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.text-amber-200, .text-amber-300, .text-amber-400, .text-yellow-400) {
  color: #965000 !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.bg-emerald-500\/10, .bg-green-500\/10) {
  background: #e8f7ef !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.bg-red-500\/10, .bg-red-500\/5) {
  background: #fff0f2 !important;
}

html[data-rexius-theme] main:not(#waApp) :is(.bg-amber-500\/10, .bg-yellow-500\/10) {
  background: #FFF5DF !important;
}

#voucherModal.rx-modal-normalized {
  padding-top: clamp(.65rem, 2.5vh, 1.5rem) !important;
}

#voucherModal .rx-modal-panel {
  width: min(58rem, 100%) !important;
  max-height: calc(100vh - clamp(1.3rem, 5vh, 3rem)) !important;
  padding: clamp(1rem, 2vw, 1.5rem) !important;
}

#voucherModal .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: .8rem !important; }
#voucherModal section { padding: 1rem !important; border-radius: .85rem !important; }
#voucherModal label { color: #5d6874 !important; }
#voucherModal input[type="number"] { padding-right: 2.35rem !important; min-width: 0 !important; }
#voucherModal .voucher-line-grid { grid-template-columns: minmax(0, 5fr) minmax(12rem, 4fr) minmax(7.5rem, 2fr) 2.25rem !important; }
#voucherModal .voucher-line-grid > :nth-child(1),
#voucherModal .voucher-line-grid > :nth-child(2),
#voucherModal .voucher-line-grid > :nth-child(3),
#voucherModal .voucher-line-grid > :nth-child(4) { grid-column: auto !important; min-width: 0 !important; }
#voucherModal #v_total_display { color: var(--rx-text) !important; }
#voucherModal form > .flex.justify-end { position: sticky; bottom: -1.5rem; z-index: 2; margin-inline: -1.5rem; padding: .85rem 1.5rem 1.15rem; border-top: 1px solid var(--rx-border); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }

@media (max-width: 700px) {
  #voucherModal .voucher-line-grid { display: grid !important; grid-template-columns: 1fr 7rem 2.25rem !important; }
  #voucherModal .voucher-line-grid > :first-child { grid-column: 1 / -1 !important; }
  #voucherModal .voucher-line-grid > :nth-child(2) { grid-column: 1 !important; }
  #voucherModal form > .flex.justify-end { margin-inline: -1rem; padding-inline: 1rem; }
}

/* Dark-mode compatibility: preserve Rexius hierarchy without reintroducing a separate Node skin. */
html[data-rexius-theme="dark"] #sidebar-container,
html[data-rexius-theme="dark"] .rx-side-brand,
html[data-rexius-theme="dark"] .rx-side-scroll,
html[data-rexius-theme="dark"] .rx-side-footer,
html[data-rexius-theme="dark"] #rexius-topbar,
html[data-rexius-theme="dark"] .rx-launcher-panel,
html[data-rexius-theme="dark"] .rx-command-panel,
html[data-rexius-theme="dark"] .rx-launcher-header,
html[data-rexius-theme="dark"] .rx-command-head,
html[data-rexius-theme="dark"] .rx-module-link,
html[data-rexius-theme="dark"] .rx-command-result,
html[data-rexius-theme="dark"] .rx-topbar-button {background:var(--rx-card)!important;color:var(--rx-text)!important}
html[data-rexius-theme="dark"] .rx-side-brand-copy strong,
html[data-rexius-theme="dark"] .rx-side-link,
html[data-rexius-theme="dark"] .rx-side-group summary,
html[data-rexius-theme="dark"] .rx-side-child,
html[data-rexius-theme="dark"] .rx-topbar-crumb strong {color:var(--rx-text)!important}
html[data-rexius-theme="dark"] .rx-side-link:hover,
html[data-rexius-theme="dark"] .rx-side-group summary:hover,
html[data-rexius-theme="dark"] .rx-side-group[open] summary,
html[data-rexius-theme="dark"] .rx-side-child:hover {background:var(--rx-soft)!important;color:var(--rx-blue)!important;border-color:var(--rx-border)!important}


/* Rexius Node V8 — ecosystem brand lock.
   Legacy presentation filenames remain loaded for backwards compatibility,
   but this final layer is authoritative for Node's current visual identity. */
:root{
  --rx-shell-width:17rem;
  --rx-topbar-height:4.25rem;
  --rx-orange:#F88005;
  --rx-orange-deep:#C85F00;
  --rx-gold:#FABF32;
  --rx-blue:#0161AF;
  --rx-blue-deep:#004D8B;
  --rx-navy:#032356;
  --rx-navy-deep:#02183D;
  --rx-teal:#1DC487;
  --rx-teal-deep:#12946A;
  --rx-purple:#64058A;
  --rx-success:#16835B;
  --rx-warning:#B66B00;
  --rx-danger:#C93C52;
  --rx-info:#0161AF;
  --rx-automation:#64058A;
  --rx-success-bg:#E9F8F1;
  --rx-warning-bg:#FFF5DF;
  --rx-danger-bg:#FFF0F3;
  --rx-info-bg:#EDF7FF;
  --rx-automation-bg:#F4F0FF;
}

html[data-rexius-theme="light"]{
  --rx-page:#F5F8FC;
  --rx-page-2:#EDF4FB;
  --rx-card:#FFFFFF;
  --rx-soft:#F7FAFD;
  --rx-text:#032356;
  --rx-muted:#5E6F88;
  --rx-border:#D8E5F1;
  --rx-input:#FFFFFF;
  --rx-shell:#032356;
  --rx-shell-soft:#062B64;
  --rx-shell-text:#F7FAFF;
  --rx-shell-muted:#B8C8DA;
  --rx-shadow:0 2px 5px rgba(3,35,86,.05),0 14px 34px rgba(1,97,175,.07);
  --rx-shadow-raised:0 20px 50px rgba(3,35,86,.15);
  color-scheme:light;
}
html[data-rexius-theme="dark"]{
  --rx-page:#02183D;
  --rx-page-2:#032356;
  --rx-card:#082B5B;
  --rx-soft:#0B356C;
  --rx-text:#F8FBFF;
  --rx-muted:#B8C8DA;
  --rx-border:rgba(255,255,255,.12);
  --rx-input:#092F63;
  --rx-shell:#011431;
  --rx-shell-soft:#062B64;
  --rx-shell-text:#FFFFFF;
  --rx-shell-muted:#B8C8DA;
  --rx-shadow:0 2px 6px rgba(0,0,0,.22),0 18px 40px rgba(0,0,0,.20);
  --rx-shadow-raised:0 22px 56px rgba(0,0,0,.34);
  color-scheme:dark;
}

html[data-rexius-theme],html[data-rexius-theme] body{background:var(--rx-page)!important;color:var(--rx-text)!important}
html[data-rexius-theme] body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html[data-rexius-theme] body>main,html[data-rexius-theme] main:not(#waApp){background:var(--rx-page)!important;color:var(--rx-text)!important}

/* Shell: unmistakeably Rexius, compact enough for an ERP. */
#sidebar-container{
  width:var(--rx-shell-width)!important;
  background:var(--rx-shell)!important;
  color:var(--rx-shell-text)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 0 0 1px rgba(1,97,175,.05)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.rx-side-brand{height:5.4rem!important;padding:.9rem 1.15rem!important;background:var(--rx-shell)!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.rx-side-brand::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#F88005}
.rx-side-brand{position:relative}
.rx-side-brand img{width:3rem!important;height:3rem!important}
.rx-side-brand-copy strong{color:#FFFFFF!important;font-family:Manrope,Inter,sans-serif!important;font-size:1rem!important;font-weight:800!important;letter-spacing:.035em!important}
.rx-side-brand-copy span{color:#FABF32!important;font-size:.55rem!important;font-weight:900!important;letter-spacing:.24em!important}
.rx-side-scroll{padding:.45rem .72rem 1rem!important;background:var(--rx-shell)!important;scrollbar-color:rgba(255,255,255,.28) transparent!important}
.rx-side-label{margin:1rem .62rem .42rem!important;color:var(--rx-shell-muted)!important;font-size:.57rem!important;font-weight:850!important;letter-spacing:.17em!important}
.rx-side-link,.rx-side-group summary{min-height:2.8rem!important;padding:.38rem .58rem!important;border:1px solid transparent!important;border-radius:.72rem!important;background:transparent!important;color:var(--rx-shell-text)!important;font-size:.77rem!important;font-weight:680!important}
.rx-side-link:hover,.rx-side-group summary:hover,.rx-side-group[open] summary{background:var(--rx-shell-soft)!important;border-color:rgba(255,255,255,.08)!important;color:#FFFFFF!important}
.rx-side-link.is-active{position:relative;background:#0161AF!important;background-image:none!important;border-color:#1B74BA!important;color:#FFFFFF!important;box-shadow:none!important}
.rx-side-link.is-active::before{content:"";position:absolute;left:-.72rem;top:.5rem;bottom:.5rem;width:3px;border-radius:0 3px 3px 0;background:#F88005}
.rx-side-icon{width:1.9rem!important;height:1.9rem!important;flex-basis:1.9rem!important;background:transparent!important;color:#B8C8DA!important;border:0!important;font-size:.75rem!important}
.rx-side-link:hover .rx-side-icon,.rx-side-group summary:hover .rx-side-icon,.rx-side-group[open] summary .rx-side-icon,.rx-side-link.is-active .rx-side-icon{color:#FFFFFF!important;background:transparent!important}
.rx-side-group[open]{background:transparent!important;border:0!important}
.rx-side-group.is-active summary{color:#FFFFFF!important}
.rx-side-group-count{background:rgba(255,255,255,.10)!important;color:#DCE7F4!important}
.rx-side-group[open] .rx-side-group-count,.rx-side-group.is-active .rx-side-group-count{background:rgba(250,191,50,.16)!important;color:#FABF32!important}
.rx-side-group-chevron{color:#B8C8DA!important}
.rx-side-children{margin:.05rem 0 .42rem 1.05rem!important;padding:.12rem 0 .12rem .65rem!important;border:0!important;border-left:1px solid rgba(255,255,255,.14)!important}
.rx-side-child{min-height:2.25rem!important;padding:.34rem .52rem!important;border:1px solid transparent!important;border-radius:.55rem!important;background:transparent!important;color:#DCE7F4!important;font-size:.68rem!important;font-weight:600!important}
.rx-side-child i{color:#91A8C3!important}.rx-side-child:hover{background:var(--rx-shell-soft)!important;border-color:rgba(255,255,255,.08)!important;color:#FFFFFF!important}.rx-side-child:hover i{color:#FABF32!important}.rx-side-child.is-active{background:rgba(1,97,175,.34)!important;border-color:rgba(1,97,175,.55)!important;color:#FFFFFF!important;font-weight:760!important}.rx-side-child.is-active i{color:#FABF32!important}
.rx-side-footer{padding:.7rem .95rem!important;background:var(--rx-shell)!important;border-top:1px solid rgba(255,255,255,.10)!important}.rx-profile-avatar{background:#0161AF!important;color:#FFFFFF!important}.rx-profile-copy a{color:#FFFFFF!important}.rx-profile-copy small{color:#B8C8DA!important}.rx-signout{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#DCE7F4!important}.rx-signout:hover{background:#FFF0F3!important;border-color:#F3B9C3!important;color:#C93C52!important}

#rexius-topbar{left:var(--rx-shell-width)!important;height:var(--rx-topbar-height)!important;padding:0 1.15rem!important;background:color-mix(in srgb,var(--rx-card) 94%,transparent)!important;color:var(--rx-text)!important;border-bottom:1px solid var(--rx-border)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.rx-topbar-crumb strong{color:var(--rx-navy)!important;font-family:Manrope,Inter,sans-serif!important}.rx-topbar-crumb span{color:var(--rx-muted)!important}.rx-topbar-button{min-height:2.35rem!important;border-color:var(--rx-border)!important;background:var(--rx-card)!important;color:var(--rx-blue)!important;box-shadow:none!important}.rx-topbar-button:hover{border-color:color-mix(in srgb,var(--rx-blue) 38%,var(--rx-border))!important;background:var(--rx-info-bg)!important}.rx-topbar-button.primary{background:#0161AF!important;background-image:none!important;border-color:#0161AF!important;color:#FFFFFF!important;box-shadow:none!important}
html[data-rexius-theme="dark"] .rx-topbar-crumb strong{color:#FFFFFF!important}
html[data-rexius-theme="dark"] .rx-topbar-button:hover{background:#0B356C!important}

/* Page surfaces use the same clean light-blue language as Shop/MHPSS, not grey ERP chrome. */
html[data-rexius-theme] main:not(#waApp) :is(.glass,.glass-card,.glass-panel,.card,.panel,.stat-card,.widget,.fd-board,.fd-card,.fd-kpi,.fd-hero,.pay-card,.rx-card,.recon-soft-card,.qb-title){background:var(--rx-card)!important;background-image:none!important;border-color:var(--rx-border)!important;color:var(--rx-text)!important;box-shadow:var(--rx-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-rexius-theme] main .rx-page-title{color:var(--rx-text)!important;font-family:Manrope,Inter,sans-serif!important;font-size:clamp(1.55rem,2.15vw,2.15rem)!important;font-weight:800!important;letter-spacing:-.035em!important}
html[data-rexius-theme] main .rx-page-lead,html[data-rexius-theme] main .rx-page-context{color:var(--rx-muted)!important}
html[data-rexius-theme] main .rx-page-context summary{color:var(--rx-blue)!important}
html[data-rexius-theme] main .rx-page-context p{background:var(--rx-soft)!important;border-color:var(--rx-border)!important}
html[data-rexius-theme] main:not(#waApp) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--rx-input)!important;color:var(--rx-text)!important;border-color:var(--rx-border)!important}
html[data-rexius-theme] main:not(#waApp) :is(input,select,textarea):focus{border-color:#0161AF!important;box-shadow:0 0 0 3px rgba(1,97,175,.14)!important}
html[data-rexius-theme] main:not(#waApp) thead{background:var(--rx-soft)!important;color:var(--rx-text)!important}
html[data-rexius-theme] main:not(#waApp) tbody tr:nth-child(even){background:color-mix(in srgb,var(--rx-blue) 2.5%,var(--rx-card))!important}
html[data-rexius-theme] main:not(#waApp) :is(.text-blue-300,.text-blue-400,.text-blue-500,.text-blue-600,.text-cyan-300,.text-cyan-400,.text-cyan-500){color:#0161AF!important}
html[data-rexius-theme] main:not(#waApp) :is(.text-teal-300,.text-teal-400,.text-teal-500,.text-teal-600,.text-green-400,.text-green-500,.text-green-600,.text-emerald-300,.text-emerald-400,.text-emerald-500,.text-emerald-600){color:#16835B!important}
html[data-rexius-theme] main:not(#waApp) :is(.text-amber-400,.text-amber-500,.text-amber-600,.text-yellow-500,.text-yellow-600){color:#B66B00!important}
html[data-rexius-theme] main:not(#waApp) :is(.text-orange-400,.text-orange-500,.text-orange-600){color:#C85F00!important}
html[data-rexius-theme] main:not(#waApp) :is(.text-red-300,.text-red-400,.text-red-500,.text-red-600,.text-rose-300,.text-rose-400,.text-rose-500,.text-rose-600){color:#C93C52!important}
html[data-rexius-theme] main:not(#waApp) :is(.text-purple-400,.text-purple-500,.text-purple-600,.text-violet-400,.text-violet-500,.text-violet-600){color:#64058A!important}
html[data-rexius-theme] main:not(#waApp) :is(.bg-blue-500,.bg-blue-600,.bg-cyan-500,.btn-primary,.rx-btn-primary){background:#0161AF!important;border-color:#0161AF!important;color:#FFFFFF!important}
html[data-rexius-theme] main:not(#waApp) :is(.bg-teal-500,.bg-teal-600,.bg-green-500,.bg-green-600,.bg-emerald-500,.bg-emerald-600){background:#1DC487!important;border-color:#1DC487!important;color:#032356!important}
html[data-rexius-theme] main:not(#waApp) :is(.bg-amber-400,.bg-amber-500,.bg-yellow-400,.bg-yellow-500){background:#FABF32!important;border-color:#FABF32!important;color:#032356!important}
html[data-rexius-theme] main:not(#waApp) :is(.bg-orange-500,.bg-orange-600){background:#F88005!important;border-color:#F88005!important;color:#032356!important}
html[data-rexius-theme] main:not(#waApp) :is(.bg-red-500,.bg-red-600,.bg-rose-500,.bg-rose-600){background:#C93C52!important;border-color:#C93C52!important;color:#FFFFFF!important}
html[data-rexius-theme] main:not(#waApp) :is(.bg-purple-500,.bg-purple-600,.bg-violet-500,.bg-violet-600){background:#64058A!important;border-color:#64058A!important;color:#FFFFFF!important}
html[data-rexius-theme="dark"] main:not(#waApp) :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300){color:#F8FBFF!important}
html[data-rexius-theme="dark"] main:not(#waApp) :is(.text-slate-400,.text-slate-500,.text-slate-600,.text-gray-400,.text-gray-500){color:#B8C8DA!important}

/* Semantic states: never use brand blue/orange as a substitute for accounting meaning. */
.rx-status-success,.rx-semantic-success{color:#16835B!important;background-color:#E9F8F1!important;border-color:#A8DFC5!important}
.rx-status-warning,.rx-semantic-warning{color:#8B5600!important;background-color:#FFF5DF!important;border-color:#F2D99A!important}
.rx-status-danger,.rx-semantic-danger{color:#A62C41!important;background-color:#FFF0F3!important;border-color:#F0BCC6!important}
.rx-status-info,.rx-semantic-info{color:#0161AF!important;background-color:#EDF7FF!important;border-color:#B9DDF8!important}
.rx-status-automation,.rx-semantic-automation{color:#64058A!important;background-color:#F4F0FF!important;border-color:#D7C5EF!important}
html[data-rexius-theme="dark"] :is(.rx-status-success,.rx-semantic-success,.rx-status-warning,.rx-semantic-warning,.rx-status-danger,.rx-semantic-danger,.rx-status-info,.rx-semantic-info,.rx-status-automation,.rx-semantic-automation){background-color:color-mix(in srgb,currentColor 14%,var(--rx-card))!important}

/* Search / modal surfaces. */
#rxCommandSearch,#rxModuleLauncher,#mobile-overlay{background:rgba(2,24,61,.58)!important}.rx-command-panel,.rx-launcher-panel{background:var(--rx-card)!important;border-color:var(--rx-border)!important;box-shadow:var(--rx-shadow-raised)!important}.rx-command-head,.rx-launcher-header{background:var(--rx-card)!important;border-color:var(--rx-border)!important}.rx-command-input,.rx-launcher-filter{background:var(--rx-soft)!important;color:var(--rx-text)!important;border-color:var(--rx-border)!important}.rx-command-result,.rx-module-link{background:var(--rx-card)!important;color:var(--rx-text)!important;border-color:var(--rx-border)!important}.rx-command-result:hover,.rx-module-link:hover{background:var(--rx-info-bg)!important;color:var(--rx-blue)!important}.rx-command-result-icon,.rx-module-link i{background:var(--rx-info-bg)!important;color:var(--rx-blue)!important}
html[data-rexius-theme="dark"] :is(.rx-command-result:hover,.rx-module-link:hover,.rx-command-result-icon,.rx-module-link i){background:#0B356C!important}

@media(min-width:1024px){html[data-rexius-theme] body>main{width:calc(100% - var(--rx-shell-width))!important;margin-left:var(--rx-shell-width)!important}}
@media(max-width:1023px){#sidebar-container{width:min(18rem,90vw)!important}#rexius-topbar{left:0!important}.rx-side-brand::after{right:0}html[data-rexius-theme] body>main{width:100%!important;margin-left:0!important}}
@media print{#sidebar-container,#rexius-topbar,#mobile-overlay,#rxCommandSearch{display:none!important}}


/* Rexius Node V9 — dual-mode glass workspace.
   Reference direction: translucent layered panels, sunset hero imagery, luminous controls,
   deep navy shell and a soft daylight canvas. Loaded after V8 so it is authoritative. */
:root{
  --rx-glass-blur:22px;
  --rx-glass-radius:18px;
  --rx-glass-radius-lg:24px;
  --rx-glass-ease:cubic-bezier(.2,.8,.2,1);
  --rx-shell-width:17rem;
}
html[data-rexius-theme="light"]{
  --rx-page:#edf5ff;
  --rx-page-2:#f8fbff;
  --rx-card:rgba(255,255,255,.66);
  --rx-soft:rgba(255,255,255,.50);
  --rx-input:rgba(255,255,255,.72);
  --rx-text:#0b2b57;
  --rx-muted:#667b98;
  --rx-border:rgba(255,255,255,.82);
  --rx-border-soft:rgba(93,133,181,.18);
  --rx-glass:rgba(255,255,255,.62);
  --rx-glass-strong:rgba(255,255,255,.78);
  --rx-glass-muted:rgba(246,250,255,.54);
  --rx-shadow:0 14px 40px rgba(19,73,129,.11), inset 0 1px 0 rgba(255,255,255,.72);
  --rx-shadow-raised:0 24px 64px rgba(17,63,116,.18), inset 0 1px 0 rgba(255,255,255,.82);
  --rx-glow-blue:rgba(39,117,255,.20);
  --rx-glow-green:rgba(33,205,145,.17);
  --rx-glow-purple:rgba(139,68,255,.15);
}
html[data-rexius-theme="dark"]{
  --rx-page:#071225;
  --rx-page-2:#0a1730;
  --rx-card:rgba(11,25,52,.64);
  --rx-soft:rgba(21,40,72,.52);
  --rx-input:rgba(17,35,66,.66);
  --rx-text:#f6f9ff;
  --rx-muted:#aebed3;
  --rx-border:rgba(255,255,255,.14);
  --rx-border-soft:rgba(255,255,255,.09);
  --rx-glass:rgba(9,22,47,.62);
  --rx-glass-strong:rgba(10,24,51,.79);
  --rx-glass-muted:rgba(17,34,65,.48);
  --rx-shadow:0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
  --rx-shadow-raised:0 28px 74px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  --rx-glow-blue:rgba(38,112,255,.28);
  --rx-glow-green:rgba(25,226,157,.18);
  --rx-glow-purple:rgba(159,78,255,.22);
}

html[data-rexius-theme] body{
  color:var(--rx-text)!important;
  background-color:var(--rx-page)!important;
  background-image:
    radial-gradient(circle at 88% 8%, rgba(248,128,5,.14), transparent 25%),
    radial-gradient(circle at 64% 18%, var(--rx-glow-blue), transparent 31%),
    radial-gradient(circle at 32% 82%, var(--rx-glow-green), transparent 28%),
    linear-gradient(145deg,var(--rx-page),var(--rx-page-2))!important;
  background-attachment:fixed!important;
}
html[data-rexius-theme="dark"] body{
  background-image:
    radial-gradient(circle at 90% 6%, rgba(248,128,5,.16), transparent 28%),
    radial-gradient(circle at 65% 14%, rgba(56,95,195,.18), transparent 34%),
    radial-gradient(circle at 32% 84%, rgba(25,194,137,.10), transparent 30%),
    linear-gradient(150deg,#061124 0%,#0a1830 48%,#071326 100%)!important;
}

/* Glass primitives */
html[data-rexius-theme] :is(.rx-shell-card,.rx-card,.glass,.glass-card,.glass-panel,.panel,.card,.stat-card,.widget,.fd-board,.fd-card,.fd-kpi,.fd-hero,.pay-card,.recon-soft-card,.qb-title){
  background:linear-gradient(145deg,var(--rx-glass-strong),var(--rx-glass))!important;
  border:1px solid var(--rx-border)!important;
  box-shadow:var(--rx-shadow)!important;
  -webkit-backdrop-filter:blur(var(--rx-glass-blur)) saturate(135%)!important;
  backdrop-filter:blur(var(--rx-glass-blur)) saturate(135%)!important;
}
html[data-rexius-theme] main:not(#waApp){
  background:transparent!important;
  color:var(--rx-text)!important;
}
html[data-rexius-theme="light"] body *::before,
html[data-rexius-theme="light"] body *::after{ /* re-enable component gradients blocked by legacy layer */
  background-image:initial;
}

/* Shell/sidebar: always dark, but now translucent and luminous. */
#sidebar-container{
  background:
    radial-gradient(circle at 35% 0%,rgba(21,73,140,.28),transparent 34%),
    linear-gradient(180deg,rgba(5,23,51,.96),rgba(2,16,38,.96))!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:18px 0 50px rgba(2,14,34,.20)!important;
  -webkit-backdrop-filter:blur(26px) saturate(135%)!important;
  backdrop-filter:blur(26px) saturate(135%)!important;
}
.rx-side-brand{border-bottom-color:rgba(255,255,255,.09)!important}
.rx-side-brand-copy strong{letter-spacing:.01em!important;font-size:1.08rem!important}
.rx-side-search-box{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.rx-side-link,.rx-side-group summary{border-radius:.78rem!important;transition:all .18s var(--rx-glass-ease)!important}
.rx-side-link:hover,.rx-side-group summary:hover{background:rgba(255,255,255,.075)!important;transform:translateX(2px)}
.rx-side-link.is-active{
  background:linear-gradient(90deg,rgba(24,115,246,.90),rgba(39,129,255,.78))!important;
  border-color:rgba(126,185,255,.48)!important;
  box-shadow:0 9px 24px rgba(15,96,222,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.rx-side-icon{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important}
.rx-side-link.is-active .rx-side-icon{background:rgba(255,255,255,.13)!important}
.rx-side-footer{background:rgba(0,0,0,.08)!important;border-top-color:rgba(255,255,255,.08)!important}

/* Floating shell actions mimic the compact right-side controls in the reference. */
.rx-shell-actions{gap:.55rem!important;padding:.35rem!important;border-radius:1rem!important;background:var(--rx-glass)!important;border:1px solid var(--rx-border)!important;box-shadow:var(--rx-shadow)!important;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important}
.rx-shell-action{border-radius:.82rem!important;background:var(--rx-glass-muted)!important;border:1px solid var(--rx-border-soft)!important;color:var(--rx-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.rx-shell-action:hover{transform:translateY(-1px);background:var(--rx-glass-strong)!important}
.rx-shell-action.primary{background:linear-gradient(145deg,#146fe7,#0756bf)!important;color:#fff!important;border-color:rgba(115,177,255,.42)!important;box-shadow:0 8px 24px rgba(11,91,198,.28)!important}
.rx-shell-panel,.rx-command-panel,.rx-launcher-panel,#nodeGlobalSearchResults{
  background:linear-gradient(145deg,var(--rx-glass-strong),var(--rx-glass))!important;
  border:1px solid var(--rx-border)!important;
  box-shadow:var(--rx-shadow-raised)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
}

/* Common page controls */
html[data-rexius-theme] main:not(#waApp) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.rx-field){
  background:var(--rx-input)!important;
  border:1px solid var(--rx-border)!important;
  color:var(--rx-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(14px)!important;
}
html[data-rexius-theme] main:not(#waApp) :is(input,select,textarea,.rx-field):focus{
  border-color:rgba(41,126,255,.70)!important;
  box-shadow:0 0 0 3px rgba(40,120,255,.13),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.rx-btn-primary,.btn-primary{box-shadow:0 10px 26px rgba(1,97,175,.22)!important}
.rx-btn-secondary{background:var(--rx-glass)!important;border-color:var(--rx-border)!important;backdrop-filter:blur(14px)!important}

/* Tables become glass sheets rather than opaque blocks. */
html[data-rexius-theme] main:not(#waApp) table{background:transparent!important}
html[data-rexius-theme] main:not(#waApp) thead{background:var(--rx-glass-muted)!important;color:var(--rx-text)!important}
html[data-rexius-theme] main:not(#waApp) tbody tr{background:transparent!important;border-color:var(--rx-border-soft)!important}
html[data-rexius-theme] main:not(#waApp) tbody tr:nth-child(even){background:color-mix(in srgb,var(--rx-glass-muted) 48%,transparent)!important}
html[data-rexius-theme] main:not(#waApp) tbody tr:hover{background:color-mix(in srgb,var(--rx-blue) 8%,var(--rx-glass-muted))!important}

/* Dashboard glass command centre */
body.fd-page{background:transparent!important}
.fd-shell{background:transparent!important;padding:18px 20px 28px!important}
.fd-board{max-width:1600px!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.fd-header{
  position:relative!important;min-height:228px!important;overflow:hidden!important;padding:28px 32px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:24px!important;
  background-image:linear-gradient(90deg,rgba(6,18,40,.76),rgba(5,17,38,.26)),url('/includes/login-hero-dark.webp')!important;
  background-size:cover!important;background-position:center 59%!important;box-shadow:0 20px 50px rgba(7,24,55,.20)!important;
  color:#fff!important;align-items:flex-start!important;
}
html[data-rexius-theme="light"] .fd-header{
  background-image:linear-gradient(90deg,rgba(11,31,62,.66),rgba(11,31,62,.16)),url('/includes/login-hero-light.webp')!important;
}
.fd-header::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.10));pointer-events:none}
.fd-header>*{position:relative;z-index:1}
.fd-title{max-width:650px;margin-top:8px}.fd-title::before{content:"WELCOME BACK  👋";display:block;margin-bottom:.55rem;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800;letter-spacing:.22em}
.fd-title h1{color:#fff!important;font-family:Manrope,Inter,sans-serif!important;font-size:clamp(2rem,3vw,3.15rem)!important;letter-spacing:-.04em!important;text-shadow:0 5px 18px rgba(0,0,0,.22)}
.fd-title p{color:rgba(255,255,255,.78)!important;font-size:1rem!important}.fd-title p::after{content:"\A\A “Systems work best when people do.”";white-space:pre;color:rgba(255,255,255,.66);font-style:italic;font-size:.88rem}
.fd-controls{align-self:flex-start!important}.fd-pill{background:rgba(13,25,47,.42)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.fd-content{padding:16px 0 0!important}
.fd-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:14px!important}
.fd-kpi{min-height:128px!important;padding:16px 17px!important;border-radius:18px!important;transition:transform .18s var(--rx-glass-ease),box-shadow .18s var(--rx-glass-ease)!important}
.fd-kpi:hover{transform:translateY(-2px);box-shadow:var(--rx-shadow-raised)!important}
.fd-kpi label{color:var(--rx-muted)!important;font-size:.72rem!important;text-transform:none!important;letter-spacing:0!important}
.fd-kpi strong{color:var(--rx-text)!important;font-family:Inter,sans-serif!important;font-size:1.55rem!important;letter-spacing:-.035em!important}
.fd-kpi small{color:var(--rx-muted)!important}.fd-kpi-icon{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 8px 20px rgba(3,35,86,.13),inset 0 1px 0 rgba(255,255,255,.28)!important}
.fd-card{border-radius:18px!important}.fd-card h2{color:var(--rx-text)!important}.fd-card-note{color:var(--rx-muted)!important}
.fd-lower{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.fd-list-row{background:transparent!important;border-color:var(--rx-border-soft)!important;color:var(--rx-text)!important}
.fd-empty{background:var(--rx-glass-muted)!important;border-color:var(--rx-border)!important;color:var(--rx-muted)!important}
.rx-soft{background:var(--rx-glass-muted)!important;color:var(--rx-text)!important;border:1px solid var(--rx-border)!important;backdrop-filter:blur(14px)!important}

/* Give standard page headers the same premium feel even outside the dashboard. */
html[data-rexius-theme] main .rx-page-title{font-family:Manrope,Inter,sans-serif!important;letter-spacing:-.04em!important}
html[data-rexius-theme] main :is(.rx-page-context,.rx-page-lead){color:var(--rx-muted)!important}

@media(max-width:1250px){.fd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fd-lower{grid-template-columns:1fr!important}}
@media(max-width:760px){.fd-shell{padding:10px!important}.fd-header{min-height:260px!important;padding:22px 20px!important}.fd-controls{position:absolute!important;right:16px!important;top:16px!important}.fd-title{margin-top:66px}.fd-kpis{grid-template-columns:1fr!important}.rx-shell-actions{right:.7rem!important;top:.7rem!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Canonical application shell */

    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
    :root{
        --rx-shell-width:17rem;
        --rx-page:#F5F8FC;
        --rx-card:#FFFFFF;
        --rx-soft:#F5F8FC;
        --rx-border:#D8E5F1;
        --rx-navy:#032356;
        --rx-blue:#0161AF;
        --rx-blue-deep:#004D8B;
        --rx-orange:#F88005;
        --rx-muted:#5E6F88;
        --rx-success:#16835B;
        --rx-danger:#C93C52;
        --rx-warning:#B66B00;
    }
    *,*::before,*::after{box-sizing:border-box}
    .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
    html,html[data-rexius-theme="light"]{color-scheme:light;background:#F5F8FC}
    html[data-rexius-theme="dark"]{color-scheme:dark;background:#02183D;--rx-bg:#02183D;--rx-bg-alt:#032356;--rx-surface:#082B5B;--rx-soft:#0B356C;--rx-text:#F8FBFF;--rx-muted:#B8C8DA;--rx-border:rgba(255,255,255,.12)}
    html[data-rexius-theme="light"] body{
        box-sizing:border-box!important;
        min-height:100vh!important;
        padding-top:0!important;
        background-color:#F5F8FC!important;
        background-image:none!important;
        color:#032356!important;
        font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
    }
    /* Legacy pages can request a flat light-mode background explicitly. A
       global descendant reset would erase branded hero, chart and action
       gradients from the unified theme. */
    html[data-rexius-theme="light"] body .rx-legacy-flat-background,
    html[data-rexius-theme="light"] body .rx-legacy-flat-background::before,
    html[data-rexius-theme="light"] body .rx-legacy-flat-background::after{background-image:none!important}
    html[data-rexius-theme="light"] :is(.bg-clip-text,.text-transparent){color:#032356!important;-webkit-text-fill-color:#032356!important}
    html[data-rexius-theme="light"] :is(main,section,article,header,footer,aside,div,form,table,thead,tbody,tr,td,th){border-color:var(--rx-border)}
    html[data-rexius-theme="light"] main:not(#waApp){background-color:#F5F8FC!important;background-image:none!important;color:#032356!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.glass,.glass-card,.glass-panel,.card,.panel,.stat-card,.fd-board,.fd-card,.fd-kpi,.fd-hero,.pay-card,.rx-card){background-color:#FFFFFF!important;background-image:none!important;color:#032356!important;border-color:#D8E5F1!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is([class*="bg-slate-9"],[class*="bg-slate-8"],[class*="bg-gray-9"],[class*="bg-zinc-9"],[class*="bg-neutral-9"],[class*="bg-[#02"],[class*="bg-[#03"],[class*="bg-[#07"],[class*="bg-black"]){background-color:#FFFFFF!important;color:#032356!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300,[class*="text-[#EAF"],[class*="text-[#C5D"]){color:#032356!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-slate-400,.text-slate-500,.text-slate-600,.text-gray-400,.text-gray-500){color:#5E6F88!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-blue-300,.text-blue-400,.text-blue-500,.text-blue-600,.text-cyan-300,.text-cyan-400,.text-cyan-500){color:#0161AF!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-teal-300,.text-teal-400,.text-teal-500,.text-teal-600,.text-green-400,.text-green-500,.text-green-600,.text-emerald-300,.text-emerald-400,.text-emerald-500,.text-emerald-600){color:#16835B!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-amber-400,.text-amber-500,.text-amber-600,.text-yellow-500,.text-yellow-600){color:#B66B00!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-orange-400,.text-orange-500,.text-orange-600){color:#C85F00!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-red-300,.text-red-400,.text-red-500,.text-red-600,.text-rose-300,.text-rose-400,.text-rose-500,.text-rose-600){color:#C93C52!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.text-purple-400,.text-purple-500,.text-purple-600,.text-violet-400,.text-violet-500,.text-violet-600){color:#64058A!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.bg-blue-500,.bg-blue-600,.bg-cyan-500,.btn-primary,.rx-btn-primary){background-color:#0161AF!important;color:#FFFFFF!important;border-color:#0161AF!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.bg-teal-500,.bg-teal-600,.bg-green-500,.bg-green-600,.bg-emerald-500,.bg-emerald-600){background-color:#1DC487!important;color:#032356!important;border-color:#1DC487!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.bg-amber-400,.bg-amber-500,.bg-yellow-400,.bg-yellow-500){background-color:#FABF32!important;color:#032356!important;border-color:#FABF32!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.bg-orange-500,.bg-orange-600){background-color:#F88005!important;color:#032356!important;border-color:#F88005!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.bg-red-500,.bg-red-600,.bg-rose-500,.bg-rose-600){background-color:#C93C52!important;color:#FFFFFF!important;border-color:#C93C52!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(.bg-purple-500,.bg-purple-600,.bg-violet-500,.bg-violet-600){background-color:#64058A!important;color:#FFFFFF!important;border-color:#64058A!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background-color:#FFFFFF!important;color:#032356!important;border-color:#D8E5F1!important}
    html[data-rexius-theme="light"] main:not(#waApp) :is(input,select,textarea):focus{border-color:#0161AF!important;box-shadow:0 0 0 3px rgba(1,97,175,.13)!important}
    html[data-rexius-theme="light"] main:not(#waApp) thead{background-color:#F5F8FC!important;color:#032356!important}
    html[data-rexius-theme="light"] main:not(#waApp) tbody tr:nth-child(even){background-color:#F8FCFF!important}
    html[data-rexius-theme="light"] main:not(#waApp) a{color:inherit}
    html[data-rexius-theme="light"] main:not(#waApp) a:hover{color:#0161AF}

    #sidebar-container{position:fixed;inset:0 auto 0 0;z-index:80;display:flex;width:var(--rx-shell-width);flex-direction:column;background:#02183D;color:#FFFFFF;border-right:1px solid #032356;box-shadow:none;transform:none;transition:transform .2s ease}
    .rx-side-brand{height:5.65rem;display:flex;align-items:center;gap:.8rem;padding:1rem .75rem 1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.12);flex:0 0 auto}
    .rx-side-brand img{width:3.3rem;height:3.3rem;object-fit:contain}
    .rx-side-brand-copy{min-width:0;flex:1}.rx-side-brand-copy strong{display:block;color:#FFFFFF;font:800 1.08rem Manrope,Inter,sans-serif;letter-spacing:.08em;white-space:nowrap}
    .rx-side-brand-copy span{display:block;margin-top:.22rem;color:#EDF4FB;font-size:.55rem;font-weight:900;letter-spacing:.34em}
    .rx-sidebar-collapse{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem;border:1px solid #5E6F88;border-radius:.6rem;background:#032356;color:#EDF4FB;cursor:pointer}
    .rx-side-search{position:relative;margin:1rem .8rem .45rem}
    .rx-side-search-box{display:flex;align-items:center;gap:.55rem;height:2.7rem;padding:0 .75rem;border:1px solid #5E6F88;border-radius:.8rem;background:#062B64;color:#EDF4FB}
    .rx-side-search-box input{min-width:0;flex:1;border:0!important;background:transparent!important;color:#FFFFFF!important;box-shadow:none!important;outline:0;font-size:.78rem}
    .rx-side-search-box input::placeholder{color:#7C8CA2!important}.rx-side-search-box kbd{font-size:.62rem;color:#7C8CA2}
    #nodeGlobalSearchResults{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:120;display:none;max-height:19rem;overflow:auto;padding:.4rem;border:1px solid #D8E5F1;border-radius:.85rem;background:#FFFFFF;box-shadow:0 18px 42px rgba(3,35,86,.16)}
    #nodeGlobalSearchResults.is-open{display:block}
    .rx-search-result{display:flex;gap:.65rem;padding:.65rem;border-radius:.65rem;color:#032356;text-decoration:none}
    .rx-search-result:hover{background:#F5F8FC}.rx-search-result i{width:1.1rem;color:#0161AF;margin-top:.15rem}.rx-search-result strong{display:block;font-size:.73rem}.rx-search-result small{display:block;margin-top:.15rem;color:#5E6F88;font-size:.62rem}
    .rx-side-scroll{min-height:0;flex:1;overflow-y:auto;padding:.3rem .78rem 1rem;scrollbar-width:thin;scrollbar-color:#0161AF transparent}
    .rx-side-label{margin:1rem .45rem .42rem;color:#7C8CA2;font-size:.58rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
    .rx-side-link{position:relative;display:flex;align-items:center;gap:.72rem;min-height:2.75rem;margin:.15rem 0;padding:.35rem .62rem;border:1px solid transparent;border-left:3px solid transparent;border-radius:.75rem;color:#EDF4FB;text-decoration:none;font-size:.78rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}
    .rx-side-link:hover{background:#062B64;color:#FFFFFF}
    .rx-side-link.is-active{background:#0161AF;color:#FFFFFF;border-color:#0161AF;border-left-color:#FFFFFF}
    .rx-side-icon{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem;border:1px solid #5E6F88;border-radius:.58rem;background:#032356;color:#EDF4FB;font-size:.72rem}
    .rx-side-link.is-active .rx-side-icon{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.12);color:#FFFFFF}
    .rx-side-link-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .rx-side-badge{min-width:1.25rem;padding:.15rem .32rem;border-radius:999px;background:#C93C52;color:#FFFFFF;text-align:center;font-size:.58rem;font-weight:900}
    .rx-side-group{margin:.2rem 0;border:1px solid transparent;border-radius:.78rem;background:transparent;overflow:hidden}
    .rx-side-group[open]{border-color:#004D8B;background:#032356}
    .rx-side-group summary{display:flex;align-items:center;gap:.7rem;min-height:2.72rem;padding:.36rem .62rem;list-style:none;color:#EDF4FB;cursor:pointer;font-size:.76rem;font-weight:800;user-select:none}
    .rx-side-group summary::-webkit-details-marker{display:none}
    .rx-side-group summary:hover,.rx-side-group[open] summary{color:#FFFFFF;background:#062B64}
    .rx-side-group.is-active summary{color:#FFFFFF}
    .rx-side-group-count{margin-left:auto;min-width:1.35rem;padding:.1rem .3rem;border-radius:999px;background:#004D8B;color:#EDF4FB;text-align:center;font-size:.55rem;font-weight:900}
    .rx-side-group-chevron{font-size:.55rem;transition:transform .16s ease}
    .rx-side-group[open] .rx-side-group-chevron{transform:rotate(90deg)}
    .rx-side-children{display:grid;gap:.08rem;padding:.2rem .38rem .48rem .82rem;border-top:1px solid #004D8B}
    .rx-side-child{display:flex;align-items:center;gap:.55rem;min-height:2.3rem;padding:.35rem .48rem;border-left:2px solid #5E6F88;border-radius:0 .58rem .58rem 0;color:#EDF4FB;text-decoration:none;font-size:.68rem;font-weight:720}
    .rx-side-child i{width:1rem;color:#7C8CA2;text-align:center;font-size:.62rem}
    .rx-side-child:hover{border-left-color:#0161AF;background:#062B64;color:#FFFFFF}
    .rx-side-child.is-active{border-left-color:#FFFFFF;background:#0161AF;color:#FFFFFF;font-weight:850}
    .rx-side-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.12);background:#02183D;flex:0 0 auto}
    .rx-profile-row{display:flex;align-items:center;gap:.65rem;margin-top:.65rem;padding:.55rem .2rem}
    .rx-profile-avatar{display:grid;place-items:center;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;border-radius:999px;background:#0161AF;color:#FFFFFF;font-size:.68rem;font-weight:900}
    .rx-profile-copy{min-width:0;flex:1}.rx-profile-copy a{display:block;overflow:hidden;color:#FFFFFF;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;font-size:.7rem;font-weight:850}.rx-profile-copy small{display:block;margin-top:.1rem;color:#7C8CA2;font-size:.56rem;text-transform:uppercase}
    .rx-signout{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(201,60,82,.35);border-radius:.6rem;background:#032356;color:#F2C4CD;text-decoration:none}
    #mobile-sidebar-toggle{display:none}
    #mobile-overlay{display:none}

    .rx-shell-actions{position:fixed;right:1.25rem;bottom:1.25rem;z-index:160;display:flex;align-items:center;gap:.6rem}
    .rx-shell-action{position:relative;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid #D8E5F1;border-radius:999px;background:#FFFFFF;color:#0161AF;box-shadow:0 12px 34px rgba(3,35,86,.18);cursor:pointer}
    .rx-shell-action:hover,.rx-shell-action[aria-expanded="true"]{border-color:#0161AF;background:#EDF4FB}
    .rx-shell-action.primary{border-color:#0161AF;background:#0161AF;color:#FFFFFF}
    .rx-shell-badge{position:absolute;top:-.35rem;right:-.35rem;display:grid;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .32rem;border-radius:999px;background:#C93C52;color:#FFFFFF;font-size:.55rem;font-weight:900}
    .rx-shell-panel{position:fixed;right:1.25rem;bottom:5rem;z-index:170;display:none;width:min(25rem,calc(100vw - 1.5rem));max-height:min(70vh,40rem);overflow:hidden;border:1px solid #D8E5F1;border-radius:1rem;background:#FFFFFF;color:#032356;box-shadow:0 24px 70px rgba(3,35,86,.24)}
    .rx-shell-panel.is-open{display:flex;flex-direction:column}
    .rx-shell-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #D8E5F1}.rx-shell-panel-head h2{font:800 1.05rem Manrope,Inter,sans-serif}.rx-shell-panel-head a{color:#0161AF;font-size:.7rem;font-weight:800;text-decoration:none}
    .rx-shell-tabs{display:flex;gap:.35rem;padding:.6rem 1rem;border-bottom:1px solid #E4EEF5}.rx-shell-tabs button{border:0;border-radius:999px;background:#F5F8FC;color:#5E6F88;padding:.45rem .75rem;font-size:.68rem;font-weight:800;cursor:pointer}.rx-shell-tabs button.is-active{background:#0161AF;color:#FFFFFF}
    .rx-shell-panel-list{min-height:0;overflow-y:auto;padding:.45rem}
    .rx-panel-item{display:flex;gap:.7rem;padding:.75rem;border-radius:.75rem;color:#032356;text-decoration:none}.rx-panel-item:hover{background:#F5F8FC}.rx-panel-item-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;flex:0 0 2.3rem;border-radius:999px;background:#EDF4FB;color:#0161AF}.rx-panel-item-copy{min-width:0;flex:1}.rx-panel-item-copy strong{display:block;font-size:.75rem}.rx-panel-item-copy span{display:-webkit-box;margin-top:.18rem;overflow:hidden;color:#5E6F88;font-size:.68rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rx-panel-item-copy small{display:block;margin-top:.28rem;color:#7C8CA2;font-size:.58rem}.rx-panel-unread{width:.52rem;height:.52rem;align-self:center;border-radius:999px;background:#0161AF}.rx-panel-empty{padding:2rem 1rem;text-align:center;color:#5E6F88;font-size:.75rem}
    html[data-rexius-theme="dark"] .rx-shell-action,html[data-rexius-theme="dark"] .rx-shell-panel{border-color:rgba(255,255,255,.14);background:#082B5B;color:#F8FBFF}.rx-panel-item:hover{background:#F5F8FC}html[data-rexius-theme="dark"] .rx-panel-item{color:#F8FBFF}html[data-rexius-theme="dark"] .rx-panel-item:hover{background:#0B356C}

    html.rx-sidebar-collapsed{--rx-shell-width:4.5rem!important}
    html.rx-sidebar-collapsed .rx-side-brand{padding-inline:.65rem;justify-content:center}
    html.rx-sidebar-collapsed .rx-side-brand img{width:2.7rem;height:2.7rem}
    html.rx-sidebar-collapsed :is(.rx-side-brand-copy,.rx-side-search,.rx-side-label,.rx-side-link-label,.rx-side-badge,.rx-side-group-count,.rx-side-group-chevron,.rx-profile-copy,.rx-signout){display:none!important}
    html.rx-sidebar-collapsed .rx-sidebar-collapse{position:absolute;top:4.8rem;left:1.25rem;z-index:2;width:2rem;height:2rem}
    html.rx-sidebar-collapsed .rx-side-scroll{padding:.9rem .55rem}
    html.rx-sidebar-collapsed .rx-side-link,html.rx-sidebar-collapsed .rx-side-group summary{justify-content:center;padding:.35rem;margin:.2rem 0}
    html.rx-sidebar-collapsed .rx-side-children{display:none}
    html.rx-sidebar-collapsed .rx-profile-row{justify-content:center}.rx-profile-row{margin-top:0}

    #rxCommandSearch{position:fixed;inset:0;z-index:210;display:none;align-items:flex-start;justify-content:center;padding:clamp(.75rem,10vh,5rem) .75rem;background:rgba(3,35,86,.52)}
    #rxCommandSearch.is-open{display:flex}
    .rx-command-panel{width:min(42rem,100%);max-height:min(78vh,42rem);overflow:hidden;border:1px solid #D8E5F1;border-radius:1rem;background:#FFFFFF;box-shadow:0 28px 80px rgba(3,35,86,.22)}
    .rx-command-head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-bottom:1px solid #D8E5F1;background:#FFFFFF}
    .rx-command-head>i{color:#0161AF}.rx-command-input{min-width:0;flex:1;border:0!important;background:#FFFFFF!important;color:#032356!important;box-shadow:none!important;outline:0;font-size:.92rem}
    .rx-command-close{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #D8E5F1;border-radius:.58rem;background:#F5F8FC;color:#032356;cursor:pointer}
    .rx-command-status{padding:.7rem 1rem;border-bottom:1px solid #E4EEF5;color:#5E6F88;font-size:.66rem;font-weight:720}
    .rx-command-results{max-height:calc(min(78vh,42rem) - 7rem);overflow:auto;padding:.48rem}
    .rx-command-result{display:flex;align-items:center;gap:.75rem;min-height:3.2rem;padding:.65rem .7rem;border:1px solid transparent;border-radius:.72rem;color:#032356;text-decoration:none}
    .rx-command-result:hover{border-color:#D8E5F1;background:#F5F8FC;color:#0161AF}
    .rx-command-result-icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;flex:0 0 2.1rem;border-radius:.62rem;background:#EDF4FB;color:#0161AF}
    .rx-command-result-copy{min-width:0;flex:1}.rx-command-result-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.rx-command-result-copy small{display:block;margin-top:.14rem;overflow:hidden;color:#5E6F88;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem}
    .rx-command-empty{padding:2.25rem 1rem;text-align:center;color:#5E6F88;font-size:.76rem}.rx-command-empty i{display:block;margin-bottom:.7rem;color:#AFC9DB;font-size:1.45rem}

    @media(min-width:1024px){
        html[data-rexius-theme] body>main{width:calc(100% - var(--rx-shell-width))!important;margin-left:var(--rx-shell-width)!important}
    }
    @media(max-width:1023px){
        html.rx-sidebar-collapsed{--rx-shell-width:17rem!important}
        #sidebar-container{width:min(17rem,88vw);transform:translateX(-105%);box-shadow:0 22px 60px rgba(3,35,86,.22)}
        body.sidebar-mobile-open #sidebar-container{transform:none}
        #mobile-overlay{position:fixed;inset:0;z-index:75;display:none;background:rgba(3,35,86,.48)}
        body.sidebar-mobile-open #mobile-overlay{display:block}
        #mobile-sidebar-toggle{position:fixed;top:.75rem;left:.75rem;z-index:165;display:grid;place-items:center;width:2.65rem;height:2.65rem;border:1px solid #D8E5F1;border-radius:.75rem;background:#FFFFFF;color:#032356;box-shadow:0 10px 28px rgba(3,35,86,.14);cursor:pointer}
        .rx-sidebar-collapse{display:none}
        html[data-rexius-theme] body>main{width:100%!important;margin-left:0!important}
    }
    @media(max-width:640px){
        .rx-side-brand{height:4.8rem}.rx-side-search{margin-top:.72rem}.rx-topbar-button.primary{font-size:.62rem}.rx-topbar-crumb span{max-width:7rem}
    }
    @media print{#sidebar-container,#mobile-overlay,#mobile-sidebar-toggle,.rx-shell-actions,.rx-shell-panel,#rxCommandSearch{display:none!important}html[data-rexius-theme="light"] body{padding-top:0!important}html[data-rexius-theme] body>main{width:100%!important;margin-left:0!important;background:#fff!important}}

/* Unified dashboard glass language and shared application header. */
body.rx-has-topbar{padding-top:var(--rx-topbar-height)!important}
#rexius-topbar{
    position:fixed;top:0;right:0;z-index:150;display:flex;align-items:center;gap:1rem;
    min-width:0;padding:.65rem 1.15rem!important;
    background:linear-gradient(145deg,var(--rx-glass-strong),var(--rx-glass))!important;
    border-bottom:1px solid var(--rx-border)!important;box-shadow:var(--rx-shadow)!important;
    backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important
}
.rx-topbar-search{display:flex;align-items:center;gap:.72rem;width:min(32rem,40vw);height:2.75rem;padding:0 .9rem;border:1px solid var(--rx-border);border-radius:.85rem;background:var(--rx-input);color:var(--rx-muted);text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.rx-topbar-search span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.rx-topbar-search kbd{font-size:.58rem;opacity:.72}
.rx-topbar-page{display:grid;min-width:0;margin-right:auto}.rx-topbar-page small{color:var(--rx-muted);font-size:.55rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.rx-topbar-page strong{overflow:hidden;color:var(--rx-text)!important;text-overflow:ellipsis;white-space:nowrap;font:800 .84rem Manrope,Inter,sans-serif}
.rx-topbar-tools{display:flex;align-items:center;gap:.55rem}.rx-topbar-button{position:relative;display:grid;place-items:center;width:2.65rem;height:2.65rem;min-height:0!important;padding:0!important;border:1px solid var(--rx-border)!important;border-radius:.8rem!important;background:var(--rx-input)!important;color:var(--rx-text)!important}.rx-topbar-button:hover{background:color-mix(in srgb,var(--rx-blue) 12%,var(--rx-glass-strong))!important;color:var(--rx-text)!important}.rx-topbar-button:first-child{color:#e7a600!important}
.rx-topbar-chip{display:flex;align-items:center;gap:.55rem;height:2.65rem;padding:0 .8rem;border:1px solid var(--rx-border);border-radius:.8rem;background:var(--rx-input);color:var(--rx-text);font-size:.68rem;font-weight:760;white-space:nowrap}
body.rx-has-topbar .rx-shell-panel{top:calc(var(--rx-topbar-height) + .65rem);bottom:auto}

html[data-rexius-theme] main:not(#waApp) :is(.glass,.glass-card,.glass-panel,.card,.panel,.stat-card,.widget,.fd-card,.fd-kpi,.pay-card,.rx-card,.recon-soft-card,.qb-title){
    background-color:transparent!important;background-image:linear-gradient(145deg,var(--rx-glass-strong),var(--rx-glass))!important;
    border-color:var(--rx-border)!important;box-shadow:var(--rx-shadow)!important;
    backdrop-filter:blur(var(--rx-glass-blur)) saturate(135%)!important;-webkit-backdrop-filter:blur(var(--rx-glass-blur)) saturate(135%)!important
}
html[data-rexius-theme="dark"] #sidebar-container :is(.rx-side-link,.rx-side-group summary,.rx-side-child):hover,
html[data-rexius-theme="dark"] #sidebar-container .rx-side-group[open]>summary{color:#fff!important}
html[data-rexius-theme="dark"] #sidebar-container :is(.rx-side-link,.rx-side-group summary,.rx-side-child):hover :is(i,span){color:#fff!important}
#sidebar-container .rx-side-link.is-active,#sidebar-container .rx-side-link.is-active :is(i,span),#sidebar-container .rx-side-child.is-active,#sidebar-container .rx-side-child.is-active :is(i,span){color:#fff!important}

html[data-rexius-theme] body.fd-page .rx-dashboard-hero :is(.rx-hero-kicker,.rx-hero-copy h1,.rx-hero-lead,.rx-hero-quote){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-rexius-theme] body.fd-page .rx-hero-kicker{color:rgba(235,243,255,.9)!important;-webkit-text-fill-color:rgba(235,243,255,.9)!important}
html[data-rexius-theme] body.fd-page .rx-today-glass{background:linear-gradient(145deg,rgba(15,29,57,.64),rgba(8,18,39,.48))!important;border-color:rgba(255,255,255,.34)!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important}

@media(max-width:1023px){body.rx-has-topbar{padding-top:var(--rx-topbar-height)!important}.rx-topbar-search{margin-left:3.25rem;width:min(28rem,50vw)}.rx-topbar-page{display:none}.rx-topbar-chip{display:none}}
@media(max-width:640px){.rx-topbar-search{width:auto;flex:1}.rx-topbar-search kbd{display:none}.rx-topbar-tools .rx-topbar-button:nth-of-type(2){display:none}}
@media print{body.rx-has-topbar{padding-top:0!important}#rexius-topbar{display:none!important}}

/* 2026-09-16 contrast pass: keep legacy Tailwind utilities readable on the
   shared dark glass canvas without requiring one-off fixes on every page. */
html[data-rexius-theme="dark"]{
  --rx-modal-bg:rgba(9,24,51,.96);
  --rx-modal-border:rgba(255,255,255,.16);
  --rx-modal-text:#F6F9FF;
  --rx-modal-muted:#B8C8DA;
}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(h1,h2,h3,h4,h5,h6,label,legend,th){color:var(--rx-text)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-slate-700,.text-slate-800,.text-slate-900,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900,.text-zinc-700,.text-zinc-800,.text-zinc-900,.text-neutral-700,.text-neutral-800,.text-neutral-900,[class*="text-[#032356]"],[class*="text-[#062B64]"],[class*="text-[#09285e]"]){color:#F6F9FF!important;-webkit-text-fill-color:#F6F9FF!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-slate-300,.text-slate-400,.text-slate-500,.text-slate-600,.text-gray-300,.text-gray-400,.text-gray-500,.text-zinc-400,.text-zinc-500,.text-neutral-400,.text-neutral-500){color:#C5D4E8!important;-webkit-text-fill-color:#C5D4E8!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-blue-300,.text-blue-400,.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800,.text-cyan-300,.text-cyan-400,.text-cyan-500,.text-cyan-600,.text-cyan-700,.text-cyan-800,[class*="text-[#0161AF]"]){color:#7BC0FF!important;-webkit-text-fill-color:#7BC0FF!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-teal-300,.text-teal-400,.text-teal-500,.text-teal-600,.text-teal-700,.text-teal-800,.text-green-300,.text-green-400,.text-green-500,.text-green-600,.text-green-700,.text-green-800,.text-emerald-300,.text-emerald-400,.text-emerald-500,.text-emerald-600,.text-emerald-700,.text-emerald-800){color:#55E0AE!important;-webkit-text-fill-color:#55E0AE!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-amber-300,.text-amber-400,.text-amber-500,.text-amber-600,.text-amber-700,.text-amber-800,.text-yellow-300,.text-yellow-400,.text-yellow-500,.text-yellow-600,.text-yellow-700,.text-yellow-800,.text-orange-300,.text-orange-400,.text-orange-500,.text-orange-600,.text-orange-700,.text-orange-800){color:#FFD071!important;-webkit-text-fill-color:#FFD071!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-red-300,.text-red-400,.text-red-500,.text-red-600,.text-red-700,.text-red-800,.text-rose-300,.text-rose-400,.text-rose-500,.text-rose-600,.text-rose-700,.text-rose-800){color:#FF8999!important;-webkit-text-fill-color:#FF8999!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.text-purple-300,.text-purple-400,.text-purple-500,.text-purple-600,.text-purple-700,.text-purple-800,.text-violet-300,.text-violet-400,.text-violet-500,.text-violet-600,.text-violet-700,.text-violet-800,.text-indigo-300,.text-indigo-400,.text-indigo-500,.text-indigo-600,.text-indigo-700,.text-indigo-800){color:#C8A7FF!important;-webkit-text-fill-color:#C8A7FF!important}

html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.bg-zinc-50,.bg-zinc-100,.bg-neutral-50,.bg-neutral-100,[class*="bg-white/"]){background-color:var(--rx-glass-muted)!important;background-image:none!important;color:var(--rx-text)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-slate-800,.bg-slate-900,.bg-gray-800,.bg-gray-900,.bg-zinc-800,.bg-zinc-900,.bg-neutral-800,.bg-neutral-900){background-color:var(--rx-glass-strong)!important;color:var(--rx-text)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-blue-50,.bg-blue-100,.bg-cyan-50,.bg-cyan-100){background-color:rgba(24,116,220,.18)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-emerald-50,.bg-emerald-100,.bg-green-50,.bg-green-100,.bg-teal-50,.bg-teal-100){background-color:rgba(29,196,135,.16)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-amber-50,.bg-amber-100,.bg-yellow-50,.bg-yellow-100,.bg-orange-50,.bg-orange-100){background-color:rgba(250,191,50,.16)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-red-50,.bg-red-100,.bg-rose-50,.bg-rose-100){background-color:rgba(233,82,102,.17)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.bg-purple-50,.bg-purple-100,.bg-violet-50,.bg-violet-100,.bg-indigo-50,.bg-indigo-100){background-color:rgba(149,93,244,.17)!important}
html[data-rexius-theme="dark"] body main:not(#waApp) :is(.border-slate-100,.border-slate-200,.border-slate-300,.border-gray-100,.border-gray-200,.border-gray-300,.border-zinc-100,.border-zinc-200,.border-neutral-100,.border-neutral-200){border-color:var(--rx-border)!important}
html[data-rexius-theme] body main:not(#waApp) :is(button,a,[role="button"]):is(.bg-blue-500,.bg-blue-600,.bg-blue-700,[class*="bg-[#0161AF]"],[class*="bg-[#087CE1]"]){color:#FFF!important;-webkit-text-fill-color:#FFF!important}

html[data-rexius-theme="dark"] body main:not(#waApp) :is(.profile-card,.workspace-panel,.module-card){background-color:transparent!important;background-image:linear-gradient(145deg,var(--rx-glass-strong),var(--rx-glass))!important;border-color:var(--rx-border)!important;color:var(--rx-text)!important;box-shadow:var(--rx-shadow)!important;backdrop-filter:blur(var(--rx-glass-blur)) saturate(135%)!important;-webkit-backdrop-filter:blur(var(--rx-glass-blur)) saturate(135%)!important}
html[data-rexius-theme="dark"] body :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.glass-modal,.glass-panel,.glass-card,.modal-bg,.rx-card,.recon-modal-panel,.rexius-modal-panel,.rexius-modal-shell){background:var(--rx-modal-bg)!important;border-color:var(--rx-modal-border)!important;color:var(--rx-modal-text)!important}
html[data-rexius-theme="dark"] body :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(h1,h2,h3,label){color:var(--rx-modal-text)!important}
html[data-rexius-theme="dark"] body :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--rx-input)!important;border-color:var(--rx-modal-border)!important;color:var(--rx-modal-text)!important}
html[data-rexius-theme="dark"] body :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.rexius-modal-head,.rexius-modal-body){background:transparent!important;border-color:var(--rx-modal-border)!important;color:var(--rx-modal-text)!important}
html[data-rexius-theme="dark"] body :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.rexius-modal-title,.rexius-modal-subtitle){color:var(--rx-modal-text)!important}
html[data-rexius-theme="dark"] body :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) .rexius-modal-close{background:var(--rx-input)!important;border-color:var(--rx-modal-border)!important;color:#7BC0FF!important}

/* Financial MFA and final modal stacking pass. */
.rx-financial-mfa-modal{position:fixed;inset:0;z-index:10020;display:none;place-items:start center;overflow:auto;padding:clamp(1rem,6vh,4rem) 1rem;background:rgba(2,13,32,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.rx-financial-mfa-modal.is-open{display:grid}.rx-financial-mfa-card{width:min(36rem,100%);overflow:hidden;border:1px solid var(--rx-border);border-radius:1.6rem;background:linear-gradient(145deg,var(--rx-glass-strong),var(--rx-glass));color:var(--rx-text);box-shadow:0 28px 90px rgba(2,13,32,.4);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.rx-financial-mfa-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--rx-border)}.rx-financial-mfa-card>header p{margin:0 0 .25rem;color:var(--rx-blue);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.rx-financial-mfa-card>header h2{margin:0;color:var(--rx-text);font-size:1.25rem;font-weight:900}.rx-financial-mfa-card>header button{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--rx-border);border-radius:.8rem;background:var(--rx-input);color:var(--rx-text);font-size:1.35rem}
.rx-financial-mfa-body{padding:1.25rem 1.35rem}.rx-financial-mfa-body dl{display:grid;gap:.5rem;margin:0 0 1.15rem}.rx-financial-mfa-body dl>div{display:grid;grid-template-columns:minmax(7.5rem,.42fr) 1fr;gap:1rem;padding:.6rem .75rem;border:1px solid var(--rx-border);border-radius:.8rem;background:color-mix(in srgb,var(--rx-input) 82%,transparent)}.rx-financial-mfa-body dt{color:var(--rx-muted);font-size:.68rem;font-weight:800}.rx-financial-mfa-body dd{margin:0;color:var(--rx-text);font-size:.76rem;font-weight:800;text-align:right;overflow-wrap:anywhere}.rx-financial-mfa-body label{display:block;color:var(--rx-text);font-size:.72rem;font-weight:900}.rx-financial-mfa-code{width:100%;height:3.35rem;margin-top:.5rem;border:1px solid var(--rx-border);border-radius:.9rem;background:var(--rx-input);color:var(--rx-text);font:900 1.25rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.42em;text-align:center;outline:0}.rx-financial-mfa-code:focus{border-color:var(--rx-blue);box-shadow:0 0 0 4px rgba(22,139,242,.15)}.rx-financial-mfa-body>p{margin:.7rem 0 0;color:var(--rx-muted);font-size:.68rem;line-height:1.55}
.rx-financial-mfa-card>footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.35rem;border-top:1px solid var(--rx-border)}.rx-financial-mfa-card>footer button{min-width:9rem;min-height:2.75rem;border-radius:.85rem;padding:.65rem 1rem;font-size:.75rem;font-weight:900}.rx-financial-mfa-card .rx-btn-secondary{border:1px solid var(--rx-border);background:var(--rx-input);color:var(--rx-text)}.rx-financial-mfa-card .rx-btn-primary{border:1px solid var(--rx-blue);background:var(--rx-blue);color:#fff}
body.rx-modal-open{overflow:hidden!important}
html[data-rexius-theme] :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.modal-footer,.rexius-modal-foot,.rexius-modal-footer,footer):has(button){display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:.75rem!important}
html[data-rexius-theme] :is([id$="Modal"],[id$="-modal"],[data-workspace-modal]) :is(.modal-footer,.rexius-modal-foot,.rexius-modal-footer,footer):has(button) button{min-width:7rem!important}
@media(max-width:640px){.rx-financial-mfa-modal{padding:.65rem}.rx-financial-mfa-card{border-radius:1.1rem}.rx-financial-mfa-body dl>div{grid-template-columns:1fr;gap:.2rem}.rx-financial-mfa-body dd{text-align:left}.rx-financial-mfa-card>footer{display:grid;grid-template-columns:1fr 1fr}.rx-financial-mfa-card>footer button{min-width:0}}


/* ========================================================================
   REXIUS ECOSYSTEM ALIGNMENT · 2026-10-10
   Command Node uses the same family palette and typography as the main,
   MHPSS and Commerce properties, with a distinct Command Blue shell.
   Main footer: deep navy. MHPSS: forest. Commerce: aubergine/plum.
   Node shell/footer identity: Command Blue (#004D8B / #0161AF).
   ======================================================================== */
:root{
  --rx-ecosystem-navy:#032356;
  --rx-ecosystem-blue:#0161AF;
  --rx-ecosystem-blue-deep:#004D8B;
  --rx-ecosystem-orange:#F88005;
  --rx-ecosystem-gold:#FABF32;
  --rx-ecosystem-teal:#1DC487;
  --rx-ecosystem-purple:#64058A;
  --rx-node-shell:#032356;
  --rx-node-shell-footer:#004D8B;
  --rx-node-shell-active:#0161AF;
}
html[data-rexius-theme] body,
body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:is(h1,h2,h3,h4,h5,h6,.font-display,.rx-display,.rx-page-title,.rx-modal-title){
  font-family:Manrope,Inter,system-ui,sans-serif;
  letter-spacing:-.025em;
}
:where(button,input,select,textarea){font-family:Inter,system-ui,sans-serif}

/* Persistent Command Node shell: same family, distinct operational identity. */
#sidebar-container{
  background:var(--rx-node-shell)!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:18px 0 44px rgba(3,35,86,.12)!important;
}
.rx-side-brand{
  background:var(--rx-node-shell)!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
.rx-side-brand::after{
  background:var(--rx-ecosystem-orange)!important;
  height:3px!important;
}
.rx-side-brand-copy strong{font-family:Manrope,Inter,sans-serif!important;color:#fff!important}
.rx-side-brand-copy span{
  display:block!important;
  margin-top:.2rem!important;
  color:var(--rx-ecosystem-gold)!important;
  font-size:.54rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}
.rx-side-scroll{background:var(--rx-node-shell)!important}
.rx-side-label{color:#B8C8DA!important}
.rx-side-link,.rx-side-group summary{color:#EDF4FB!important}
.rx-side-link:hover,.rx-side-group summary:hover,.rx-side-child:hover{background:rgba(1,97,175,.22)!important;color:#fff!important}
.rx-side-link.is-active,.rx-side-group.is-active>summary,.rx-side-child.is-active{
  background:var(--rx-node-shell-active)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--rx-ecosystem-orange)!important;
}
.rx-side-icon{color:var(--rx-ecosystem-gold)!important}
.rx-side-link.is-active .rx-side-icon,.rx-side-group.is-active>summary .rx-side-icon{color:#fff!important}

/* Node's sidebar footer is deliberately Command Blue, not the main site's navy. */
.rx-side-footer{
  background:var(--rx-node-shell-footer)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.rx-profile-avatar{
  background:var(--rx-ecosystem-orange)!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(250,191,50,.18)!important;
}
.rx-profile-copy a{color:#fff!important;font-family:Manrope,Inter,sans-serif!important}
.rx-profile-copy small{color:#D8E5F1!important}
.rx-signout{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}

/* Topbar and system action surfaces stay calm and corporate. */
#rexius-topbar{
  background:color-mix(in srgb,var(--rx-card) 96%,transparent)!important;
  border-bottom:1px solid var(--rx-border)!important;
}
.rx-topbar-page small{color:var(--rx-ecosystem-blue)!important}
.rx-topbar-page strong{font-family:Manrope,Inter,sans-serif!important}
.rx-topbar-button.primary,.rx-shell-action.primary{background:var(--rx-ecosystem-blue)!important;color:#fff!important}

/* Consistent focus language across Rexius properties. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(248,128,5,.30)!important;
  outline-offset:2px!important;
}
:where(input,select,textarea):focus{
  border-color:var(--rx-ecosystem-blue)!important;
  box-shadow:0 0 0 3px rgba(1,97,175,.12)!important;
}

/* Use ecosystem semantics consistently: teal=positive, purple=automation/AI. */
.rx-accent-positive{color:var(--rx-ecosystem-teal)!important}
.rx-accent-automation{color:var(--rx-ecosystem-purple)!important}
.rx-accent-commerce{color:var(--rx-ecosystem-orange)!important}

@media (max-width:1023px){
  #sidebar-container{box-shadow:18px 0 55px rgba(2,24,61,.24)!important}
}