/*
  North Head (BD) surfaces — beat hardcoded #dashboard dark chrome so
  HoP themes (bright / emerald / custom) actually paint the whole app.
*/

/* ---------- Bright ---------- */
html[data-hop-theme="bright"] #dashboard .bd-shell .left-nav.hop-nav,
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard.bd-module-mode,
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard.bd-module-mode .bd-shell,
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard.bd-module-mode .hop-nav {
  background: #0f2744 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #c8d6e8 !important;
}
html[data-hop-theme="bright"] #dashboard .bd-shell .nav-item.nx-nav-item {
  color: #c8d6e8 !important;
  background: transparent !important;
  border-color: transparent !important;
}
html[data-hop-theme="bright"] #dashboard .bd-shell .nav-item.nx-nav-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] #dashboard .bd-shell .nav-item.nx-nav-item.active {
  background: rgba(13, 148, 136, 0.22) !important;
  color: #5eead4 !important;
  border-color: rgba(13, 148, 136, 0.35) !important;
}
html[data-hop-theme="bright"] #dashboard .bd-shell .hop-nav-group {
  color: #7f95b0 !important;
}
html[data-hop-theme="bright"] #dashboard .bd-shell .hop-nav-brand:hover {
  background: rgba(13, 148, 136, 0.12) !important;
}
html[data-hop-theme="bright"] #dashboard .nx-theme.hop-shell.bd-shell,
html[data-hop-theme="bright"] #dashboard .bd-shell .main-content.hop-main {
  background: #f4f7fb !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell:not(.hidden),
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: #f4f7fb !important;
  color: #0f172a !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-theme,
html[data-hop-theme="bright"] #settings-workspace .nx-theme,
html[data-hop-theme="bright"] #order-fulfillment-workspace .nx-theme,
html[data-hop-theme="bright"] #order-cycle-workspace .nx-theme {
  background: #f4f7fb !important;
  color: #0f172a !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-display,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell h2,
html[data-hop-theme="bright"] #dashboard .nx-display,
html[data-hop-theme="bright"] #dashboard h1,
html[data-hop-theme="bright"] #dashboard h2 {
  color: #0f172a !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-text-dim,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-text-faint,
html[data-hop-theme="bright"] #dashboard .nx-text-dim,
html[data-hop-theme="bright"] #dashboard .nx-text-faint,
html[data-hop-theme="bright"] #dashboard .hop-eyebrow {
  color: #64748b !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-card,
html[data-hop-theme="bright"] #dashboard .nx-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px rgba(15, 39, 68, 0.06), 0 8px 24px rgba(15, 39, 68, 0.04);
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-btn,
html[data-hop-theme="bright"] #dashboard .nx-btn {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .nx-btn-primary,
html[data-hop-theme="bright"] #dashboard .nx-btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .back-btn {
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
  background: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell select,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell textarea {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell table td {
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
/* Light theme: readable table header (was black ribbon + dark text) */
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-tracking-wrap,
html[data-hop-theme="bright"] #order-fulfillment-workspace .nx-of-preview {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="bright"] #order-fulfillment-workspace table.data-table thead th {
  background: #0f2744 !important;
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .data-table td,
html[data-hop-theme="bright"] #order-fulfillment-workspace table.data-table tbody td {
  color: #0f172a !important;
  border-bottom-color: #e2e8f0 !important;
  background: #ffffff !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-step-card,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-step-card h3 {
  color: #0f172a !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-step-num {
  color: #ffffff !important;
  background: #0d9488 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .nx-of-vyapar {
  background: #f1f5f9 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail {
  background: #ffffff !important;
  border-right-color: #e2e8f0 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-title,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-label,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-stage-titles .nx-display,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-pane-card-title {
  color: #0f172a !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-kicker,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-hint,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-stage-sub,
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-pane-help {
  color: #64748b !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-item {
  color: #0f172a !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-item:hover {
  background: #f1f5f9 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-item.is-active {
  background: #e0f2fe !important;
  box-shadow: inset 3px 0 0 #0d9488 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-rail-item,
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-saved-distributor-btn,
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-rail-item:hover,
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-saved-distributor-btn:hover,
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-rail-item.is-active,
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-saved-distributor-btn.is-active {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace #of-rail-saved-nav .of-rail-num {
  display: none !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-rail-num {
  background: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-stage {
  background: #f8fafc !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .of-pane-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* ---------- Emerald ---------- */
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .left-nav.hop-nav,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #dashboard.bd-module-mode,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #dashboard.bd-module-mode .bd-shell,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #dashboard.bd-module-mode .hop-nav {
  background: #123C32 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #D6CFC0 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .nav-item.nx-nav-item {
  color: #D6CFC0 !important;
  background: transparent !important;
  border-color: transparent !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .nav-item.nx-nav-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .nav-item.nx-nav-item.active {
  background: rgba(201, 162, 39, 0.22) !important;
  color: #E8D48B !important;
  border-color: rgba(201, 162, 39, 0.35) !important;
  width: 100% !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .hop-nav-group {
  color: #9A9080 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .hop-nav-brand:hover {
  background: rgba(201, 162, 39, 0.12) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-theme.hop-shell.bd-shell,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .bd-shell .main-content.hop-main {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
  border-color: #DED3BE !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-theme,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .nx-theme,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .nx-theme,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-cycle-workspace .nx-theme {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-display,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-display,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard h1,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard h2 {
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-text-dim,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-text-faint,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-text-dim,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-text-faint,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .hop-eyebrow {
  color: #6B6254 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-card {
  background: #ffffff !important;
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
  box-shadow: 0 1px 2px rgba(15, 39, 68, 0.06), 0 8px 24px rgba(15, 39, 68, 0.04);
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-btn {
  border: 1px solid #DED3BE !important;
  background: #ffffff !important;
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .nx-btn-primary,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .nx-btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .back-btn {
  color: #1F1F1F !important;
  border-color: #DED3BE !important;
  background: #ffffff !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell select,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell textarea {
  background: #ffffff !important;
  color: #1F1F1F !important;
  border-color: #DED3BE !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell table td {
  color: #1F1F1F !important;
  border-color: #DED3BE !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-tracking-wrap,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .nx-of-preview {
  background: #ffffff !important;
  border-color: #DED3BE !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace table.data-table thead th {
  background: #123C32 !important;
  color: #F8F4EA !important;
  border-bottom-color: rgba(232, 212, 139, 0.35) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .data-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace table.data-table tbody td {
  color: #1F1F1F !important;
  border-bottom-color: #DED3BE !important;
  background: #ffffff !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-step-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-step-card h3 {
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-step-num {
  color: #123C32 !important;
  background: linear-gradient(135deg, #E8D48B, #C9A227) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .nx-of-vyapar {
  background: #F8F4EA !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail {
  background: #ffffff !important;
  border-right-color: #DED3BE !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-title,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-stage-titles .nx-display,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-pane-card-title {
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-kicker,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-hint,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-stage-sub,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-pane-help {
  color: #6B6254 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-item {
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-item:hover {
  background: rgba(201, 162, 39, 0.12) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-item.is-active {
  background: rgba(201, 162, 39, 0.18) !important;
  box-shadow: inset 3px 0 0 #C9A227 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-rail-item,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-saved-distributor-btn {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 7px 6px !important;
  color: #6B6254 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-rail-item:hover,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-saved-distributor-btn:hover,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-rail-item.is-active,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-saved-distributor-btn.is-active {
  background: transparent !important;
  box-shadow: none !important;
  color: #1F1F1F !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace #of-rail-saved-nav .of-rail-num {
  display: none !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace.nx-of-vyapar.is-saved-orders .of-rail-back,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .nx-of-vyapar.is-saved-orders .of-rail-back,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .nx-of-vyapar.is-saved-orders #of-rail-back-btn,
html[data-hop-theme="bright"] #order-fulfillment-workspace .nx-of-vyapar.is-saved-orders #of-rail-back-btn,
html[data-hop-theme="custom"] #order-fulfillment-workspace .nx-of-vyapar.is-saved-orders #of-rail-back-btn {
  display: none !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-rail-num {
  background: #C9A227 !important;
  color: #123C32 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-stage {
  background: #F8F4EA !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .of-pane-card {
  background: #ffffff !important;
  border-color: #DED3BE !important;
}

/* ---------- Custom / luxury (CSS vars) ---------- */
html[data-hop-theme="custom"] #dashboard .bd-shell .left-nav.hop-nav,
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard.bd-module-mode,
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard.bd-module-mode .bd-shell,
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard.bd-module-mode .hop-nav {
  background: var(--hop-c-sidebar) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--hop-c-nav-text) !important;
}
html[data-hop-theme="custom"] #dashboard .bd-shell .nav-item.nx-nav-item {
  color: var(--hop-c-nav-text) !important;
  background: transparent !important;
  border-color: transparent !important;
}
html[data-hop-theme="custom"] #dashboard .bd-shell .nav-item.nx-nav-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--hop-c-card) !important;
}
html[data-hop-theme="custom"] #dashboard .bd-shell .nav-item.nx-nav-item.active {
  background: var(--hop-c-accent-soft) !important;
  color: var(--hop-c-accent-light) !important;
  border-color: var(--hop-c-accent-soft) !important;
}
html[data-hop-theme="custom"] #dashboard .bd-shell .hop-nav-group {
  color: var(--hop-c-nav-muted) !important;
}
html[data-hop-theme="custom"] #dashboard .bd-shell .hop-nav-brand:hover {
  background: var(--hop-c-accent-soft) !important;
}
html[data-hop-theme="custom"] #dashboard .nx-theme.hop-shell.bd-shell,
html[data-hop-theme="custom"] #dashboard .bd-shell .main-content.hop-main {
  background: var(--hop-c-bg) !important;
  color: var(--hop-c-text) !important;
  border-color: var(--hop-c-border) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell:not(.hidden),
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: var(--hop-c-bg) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-theme,
html[data-hop-theme="custom"] #settings-workspace .nx-theme,
html[data-hop-theme="custom"] #order-fulfillment-workspace .nx-theme,
html[data-hop-theme="custom"] #order-cycle-workspace .nx-theme {
  background: var(--hop-c-bg) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-display,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell h2,
html[data-hop-theme="custom"] #dashboard .nx-display,
html[data-hop-theme="custom"] #dashboard h1,
html[data-hop-theme="custom"] #dashboard h2 {
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-text-dim,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-text-faint,
html[data-hop-theme="custom"] #dashboard .nx-text-dim,
html[data-hop-theme="custom"] #dashboard .nx-text-faint,
html[data-hop-theme="custom"] #dashboard .hop-eyebrow {
  color: var(--hop-c-muted) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-card,
html[data-hop-theme="custom"] #dashboard .nx-card {
  background: var(--hop-c-card) !important;
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-btn,
html[data-hop-theme="custom"] #dashboard .nx-btn {
  border: 1px solid var(--hop-c-border) !important;
  background: var(--hop-c-card) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .nx-btn-primary,
html[data-hop-theme="custom"] #dashboard .nx-btn-primary {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .back-btn {
  color: var(--hop-c-text) !important;
  border-color: var(--hop-c-border) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell select,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell textarea {
  background: var(--hop-c-card) !important;
  color: var(--hop-c-text) !important;
  border-color: var(--hop-c-border) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell table td {
  color: var(--hop-c-text) !important;
  border-color: var(--hop-c-border) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-tracking-wrap,
html[data-hop-theme="custom"] #order-fulfillment-workspace .nx-of-preview {
  background: var(--hop-c-card) !important;
  border-color: var(--hop-c-border) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="custom"] #order-fulfillment-workspace table.data-table thead th {
  background: var(--hop-c-sidebar) !important;
  color: #ffffff !important;
  border-bottom-color: var(--hop-c-accent-soft) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .data-table td,
html[data-hop-theme="custom"] #order-fulfillment-workspace table.data-table tbody td {
  color: var(--hop-c-text) !important;
  border-bottom-color: var(--hop-c-border) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-step-card,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-step-card h3 {
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-step-num {
  color: #ffffff !important;
  background: var(--hop-c-accent) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .nx-of-vyapar {
  background: var(--hop-c-bg, #F8F4EA) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail {
  background: var(--hop-c-card, #ffffff) !important;
  border-right-color: var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-title,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-label,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-stage-titles .nx-display,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-pane-card-title {
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-kicker,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-hint,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-stage-sub,
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-pane-help {
  color: var(--hop-c-muted, #6B6254) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-item {
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-item:hover {
  background: var(--hop-c-accent-soft, rgba(201, 162, 39, 0.12)) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-item.is-active {
  background: var(--hop-c-accent-soft, rgba(201, 162, 39, 0.18)) !important;
  box-shadow: inset 3px 0 0 var(--hop-c-accent, #C9A227) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-rail-num {
  background: var(--hop-c-accent, #C9A227) !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-stage {
  background: var(--hop-c-bg, #F8F4EA) !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .of-pane-card {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}

/* Light themes: top app header (was black ribbon, low contrast) */
html[data-hop-theme="bright"] body.bd-hop-ui .nexora-header {
  background: #0f2744 !important;
  border-bottom-color: rgba(94, 234, 212, 0.28) !important;
  box-shadow: 0 10px 28px rgba(15, 39, 68, 0.18) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .nexora-header {
  background: #123C32 !important;
  border-bottom-color: rgba(201, 162, 39, 0.35) !important;
  box-shadow: 0 10px 28px rgba(18, 60, 50, 0.2) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .nexora-header {
  background: var(--hop-c-sidebar) !important;
  border-bottom-color: var(--hop-c-accent-soft) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .nexora-header .workspace-selector,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .nexora-header .workspace-selector,
html[data-hop-theme="custom"] body.bd-hop-ui .nexora-header .workspace-selector {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .nexora-header .profile-btn:not(.profile-btn--avatar),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .nexora-header .profile-btn:not(.profile-btn--avatar),
html[data-hop-theme="custom"] body.bd-hop-ui .nexora-header .profile-btn:not(.profile-btn--avatar) {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
/* Profile avatar + menu — all logins / themes (not only BD sales_executive) */
html[data-hop-theme="bright"] .nexora-header .profile-btn.profile-btn--avatar,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nexora-header .profile-btn.profile-btn--avatar,
html[data-hop-theme="custom"] .nexora-header .profile-btn.profile-btn--avatar {
  color: #111827 !important;
  border: none !important;
}
html[data-hop-theme="bright"] .nexora-header .profile-btn.profile-btn--avatar {
  background: #0d9488 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nexora-header .profile-btn.profile-btn--avatar,
html[data-hop-theme="custom"] .nexora-header .profile-btn.profile-btn--avatar {
  background: var(--hop-c-accent, #C9A227) !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown,
html[data-hop-theme="custom"] .nx-profile-dropdown {
  background:
    linear-gradient(165deg, #ffffff 0%, #f8f6f1 100%) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  box-shadow:
    0 18px 40px rgba(15, 39, 68, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.8) inset !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-avatar,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-avatar,
html[data-hop-theme="custom"] .nx-profile-dropdown-avatar {
  background: var(--hop-c-accent, var(--nx-gold, #C9A227)) !important;
  color: #111827 !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-eyebrow,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-eyebrow,
html[data-hop-theme="custom"] .nx-profile-dropdown-eyebrow {
  color: rgba(31, 31, 31, 0.45) !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-name,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-name,
html[data-hop-theme="custom"] .nx-profile-dropdown-name {
  color: var(--hop-c-text, #1F1F1F) !important;
  border-bottom-color: transparent !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-role,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-role,
html[data-hop-theme="custom"] .nx-profile-dropdown-role {
  color: rgba(31, 31, 31, 0.52) !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-divider,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-divider,
html[data-hop-theme="custom"] .nx-profile-dropdown-divider {
  background: var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-item,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-item,
html[data-hop-theme="custom"] .nx-profile-dropdown-item {
  color: #b91c1c !important;
  background: rgba(185, 28, 28, 0.06) !important;
}
html[data-hop-theme="bright"] .nx-profile-dropdown-item:hover,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-profile-dropdown-item:hover,
html[data-hop-theme="custom"] .nx-profile-dropdown-item:hover {
  background: rgba(185, 28, 28, 0.12) !important;
  border-color: rgba(185, 28, 28, 0.22) !important;
  color: #991b1b !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .nexora-header .icon-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .nexora-header .icon-btn,
html[data-hop-theme="custom"] body.bd-hop-ui .nexora-header .icon-btn {
  color: #ffffff !important;
  filter: none !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #ask-nexora-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #ask-nexora-btn,
html[data-hop-theme="custom"] body.bd-hop-ui #ask-nexora-btn {
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #ask-nexora-btn {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #ask-nexora-btn,
html[data-hop-theme="custom"] body.bd-hop-ui #ask-nexora-btn {
  background: var(--hop-c-accent, #C9A227) !important;
  border-color: var(--hop-c-accent, #C9A227) !important;
  color: #ffffff !important;
}

/* Order Desk hub under light themes */
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-card,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-card,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-feature,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature {
  background: #ffffff !important;
  border-color: #DED3BE !important;
  box-shadow: 0 12px 36px rgba(15, 39, 68, 0.08) !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-card {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(13, 148, 136, 0.10), transparent 55%),
    #ffffff !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-feature {
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(201, 162, 39, 0.14), transparent 55%),
    #ffffff !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-card {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature-badge,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-feature-badge,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature-badge {
  background: rgba(201, 162, 39, 0.12) !important;
  border-color: rgba(201, 162, 39, 0.28) !important;
  color: #8a6d12 !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature-badge {
  background: rgba(13, 148, 136, 0.12) !important;
  border-color: rgba(13, 148, 136, 0.28) !important;
  color: #0f766e !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature-badge {
  background: var(--hop-c-accent-soft, rgba(201, 162, 39, 0.12)) !important;
  border-color: var(--hop-c-accent, #C9A227) !important;
  color: var(--hop-c-accent-dark, #8a6d12) !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-pipeline,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline {
  background: #FBF8F1 !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline {
  background: var(--hop-c-bg-soft, #FBF8F1) !important;
  border-color: var(--hop-c-border) !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline li,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-pipeline li,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline li,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-highlight,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-highlight,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-highlight {
  background: #ffffff !important;
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline li,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-highlight {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline li,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-highlight {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline span,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-pipeline span,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline span,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline em,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-pipeline em,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline em,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-highlight span,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-highlight span,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-highlight span {
  color: #6B6254 !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline span,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-pipeline em,
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-highlight span {
  color: #64748b !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline span,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-pipeline em,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-highlight span {
  color: var(--hop-c-muted) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-feature-cta {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature-cta {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature-cta {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
}

html[data-hop-theme="bright"] #settings-workspace .nx-settings-field input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .nx-settings-field input,
html[data-hop-theme="custom"] #settings-workspace .nx-settings-field input {
  background: #ffffff !important;
}
html[data-hop-theme="bright"] #settings-workspace .nx-settings-field input {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .nx-settings-field input {
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="custom"] #settings-workspace .nx-settings-field input {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="bright"] #settings-workspace .bd-company-heading {
  color: #0f172a !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .bd-company-heading,
html[data-hop-theme="custom"] #settings-workspace .bd-company-heading {
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #settings-workspace .bd-company-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .bd-company-card,
html[data-hop-theme="custom"] #settings-workspace .bd-company-card {
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 39, 68, 0.04), 0 12px 28px rgba(15, 39, 68, 0.06);
}
html[data-hop-theme="bright"] #settings-workspace .bd-company-card {
  border: 1px solid #e2e8f0 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .bd-company-card {
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="custom"] #settings-workspace .bd-company-card {
  background: var(--hop-c-card, #ffffff) !important;
  border: 1px solid var(--hop-c-border, #DED3BE) !important;
}

/* OF table header — dark theme default */
html:not([data-hop-theme]) #order-fulfillment-workspace .data-table th,
html:not([data-hop-theme]) #order-fulfillment-workspace table.data-table thead th,
html[data-hop-theme="nexora"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="nexora"] #order-fulfillment-workspace table.data-table thead th {
  color: #f3f6fb !important;
  background: rgba(9, 13, 24, 0.98) !important;
}

/* Light themes: force readable OF header (beats premium black ribbon + dark text) */
html[data-hop-theme="bright"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="bright"] #order-fulfillment-workspace table.data-table thead th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace table.data-table thead th,
html[data-hop-theme="custom"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="custom"] #order-fulfillment-workspace table.data-table thead th {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-hop-theme="bright"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="bright"] #order-fulfillment-workspace table.data-table thead th {
  background: #0f2744 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-fulfillment-workspace table.data-table thead th {
  background: #123C32 !important;
  color: #F8F4EA !important;
  -webkit-text-fill-color: #F8F4EA !important;
}
html[data-hop-theme="custom"] #order-fulfillment-workspace .data-table th,
html[data-hop-theme="custom"] #order-fulfillment-workspace table.data-table thead th {
  background: var(--hop-c-sidebar, #123C32) !important;
}

html[data-hop-theme="bright"] #settings-workspace .hop-theme-studio,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .hop-theme-studio,
html[data-hop-theme="custom"] #settings-workspace .hop-theme-studio {
  color: inherit;
}
html[data-hop-theme="bright"] #settings-workspace .hop-theme-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .hop-theme-card,
html[data-hop-theme="custom"] #settings-workspace .hop-theme-card,
html[data-hop-theme="bright"] #settings-workspace .hop-theme-card--gallery,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .hop-theme-card--gallery,
html[data-hop-theme="custom"] #settings-workspace .hop-theme-card--gallery {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .hop-theme-card,
html[data-hop-theme="custom"] #settings-workspace .hop-theme-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #settings-workspace .hop-theme-card--gallery,
html[data-hop-theme="custom"] #settings-workspace .hop-theme-card--gallery {
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}

/* ========== Customers (invoice-style) — readable on light themes ========== */
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden),
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: #F8F4EA !important;
  border-left-color: rgba(18, 60, 50, 0.12) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: #f4f7fb !important;
  border-left-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: var(--hop-c-bg) !important;
  border-left-color: var(--hop-c-border) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .inv-topbar,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .inv-topbar,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .inv-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .inv-topbar {
  border-bottom-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .inv-topbar {
  border-bottom-color: var(--hop-c-border) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .inv-title,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .inv-title,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .inv-title {
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .inv-title {
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .inv-title {
  color: var(--hop-c-text) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-eyebrow,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .bd-customers-eyebrow,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-eyebrow,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .eyebrow,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .eyebrow,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .eyebrow {
  color: #6B6254 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-eyebrow,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .eyebrow {
  color: #64748b !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-eyebrow,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .eyebrow {
  color: var(--hop-c-muted) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-back,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .bd-customers-back,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-back,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .nx-btn:not(.nx-btn-primary),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .nx-btn:not(.nx-btn-primary),
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .nx-btn:not(.nx-btn-primary) {
  background: #ffffff !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-back,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .nx-btn:not(.nx-btn-primary) {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-back,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .nx-btn:not(.nx-btn-primary) {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
}

html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .nx-btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .nx-btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .nx-btn-primary {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
  color: #ffffff !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-tabs .tab-button,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-tabs .tab-button,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-tabs .tab-button {
  background: #ffffff !important;
  color: #6B6254 !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-tabs .tab-button {
  color: #64748b !important;
  border-color: #e2e8f0 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-tabs .tab-button.active {
  background: rgba(201, 162, 39, 0.16) !important;
  color: #A8861F !important;
  border-color: rgba(201, 162, 39, 0.45) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-tabs .tab-button.active {
  background: rgba(13, 148, 136, 0.12) !important;
  color: #0f766e !important;
  border-color: rgba(13, 148, 136, 0.35) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-tabs .tab-button {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-muted) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-tabs .tab-button.active {
  background: var(--hop-c-accent-soft) !important;
  color: var(--hop-c-accent-dark, #A8861F) !important;
  border-color: var(--hop-c-accent) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .bd-customers-card,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-card {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  box-shadow: 0 1px 2px rgba(15, 39, 68, 0.06), 0 8px 24px rgba(15, 39, 68, 0.04) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-card {
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-card {
  border-color: var(--hop-c-border) !important;
  background: var(--hop-c-card) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-table thead th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-table thead th,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-table thead th,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .data-table th,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .data-table th {
  background: #FBF7EE !important;
  color: #A8861F !important;
  -webkit-text-fill-color: #A8861F !important;
  border-bottom: 1px solid #DED3BE !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-table thead th,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .data-table th {
  background: #f1f5f9 !important;
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
  border-bottom-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-table thead th,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .data-table th {
  background: var(--hop-c-bg-soft, #F5EFE0) !important;
  color: var(--hop-c-accent-dark, #A8861F) !important;
  -webkit-text-fill-color: var(--hop-c-accent-dark, #A8861F) !important;
  border-bottom-color: var(--hop-c-border) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-table td,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-table td,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .data-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .data-table td,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .data-table td {
  color: #1F1F1F !important;
  -webkit-text-fill-color: #1F1F1F !important;
  background: #ffffff !important;
  border-bottom: 1px solid #EFE7D8 !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-table td,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .data-table td {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-bottom-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-table td,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .data-table td {
  color: var(--hop-c-text) !important;
  -webkit-text-fill-color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
  border-bottom-color: var(--hop-c-border) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-table tbody tr:hover td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-table tbody tr:hover td,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-table tbody tr:hover td {
  background: #F5EFE0 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-table tbody tr:hover td {
  background: #f0fdfa !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-table tbody tr:hover td {
  background: var(--hop-c-bg-soft, #F5EFE0) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-pagination-meta,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-pagination-meta,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-pagination-meta,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-pagination-page,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-pagination-page,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-pagination-page,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section label,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section label {
  color: #6B6254 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-pagination-meta,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-pagination-page,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section label {
  color: #64748b !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-pagination-meta,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-pagination-page,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section label {
  color: var(--hop-c-muted) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section select,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section select,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section select {
  background: #ffffff !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section select {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section select {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline select,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .bd-customers-filter-inline select,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline select,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .bd-customers-filter-inline input,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline input,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #retailer-distributor-filter,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section #retailer-distributor-filter,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #retailer-distributor-filter,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #retailer-city-filter,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section #retailer-city-filter,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #retailer-city-filter,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #retailer-search-input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section #retailer-search-input,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #retailer-search-input,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #distributor-city-filter,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section #distributor-city-filter,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #distributor-city-filter,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #distributor-search-input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section #distributor-search-input,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #distributor-search-input {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 8px !important;
  width: auto !important;
  background: #ffffff !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline select,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline input,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #retailer-search-input,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section #distributor-search-input {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline select,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .bd-customers-filter-inline input,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #retailer-search-input,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section #distributor-search-input {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-thumb,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-thumb,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-thumb {
  background: rgba(168, 134, 31, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-thumb {
  background: rgba(13, 148, 136, 0.5) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-track,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-track,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .party-master-scroll-wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .btn,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .btn,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .btn-secondary,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .btn-secondary,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .btn-secondary {
  background: #ffffff !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .btn,
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .btn-secondary {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .btn-primary {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .pm-icon-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .pm-icon-btn,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .pm-icon-btn {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .pm-icon-btn {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .pm-icon-btn {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .pm-icon-edit:hover {
  border-color: #C9A227 !important;
  background: rgba(201, 162, 39, 0.12) !important;
  color: #8a6d12 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .pm-icon-edit:hover {
  border-color: #0d9488 !important;
  background: rgba(13, 148, 136, 0.12) !important;
  color: #0f766e !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .pm-icon-edit:hover {
  border-color: var(--hop-c-accent) !important;
  background: var(--hop-c-accent-soft) !important;
  color: var(--hop-c-accent-dark) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section .pm-icon-delete,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section .pm-icon-delete,
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section .pm-icon-delete {
  color: #b91c1c !important;
  border-color: #fecaca !important;
  background: #fee2e2 !important;
}

/* Master retailer/distributor forms follow active theme (not dark Nexora chrome) */
html[data-hop-theme="bright"] .bd-master-form-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal,
html[data-hop-theme="custom"] .bd-master-form-modal {
  background: rgba(15, 23, 42, 0.42) !important;
}
html[data-hop-theme="bright"] .bd-master-form-modal .bd-master-form-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal .bd-master-form-card,
html[data-hop-theme="custom"] .bd-master-form-modal .bd-master-form-card {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18) !important;
}
html[data-hop-theme="bright"] .bd-master-form-modal .bd-master-form-card {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-master-form-modal .bd-master-form-card {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] .bd-master-form-head,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-head,
html[data-hop-theme="custom"] .bd-master-form-head,
html[data-hop-theme="bright"] .bd-master-form-foot,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-foot,
html[data-hop-theme="custom"] .bd-master-form-foot {
  background: #FBF8F1 !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] .bd-master-form-head,
html[data-hop-theme="bright"] .bd-master-form-foot {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] .bd-master-form-head,
html[data-hop-theme="custom"] .bd-master-form-foot {
  background: var(--hop-c-bg-soft, #FBF8F1) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="bright"] .bd-master-form-eyebrow,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-eyebrow,
html[data-hop-theme="custom"] .bd-master-form-eyebrow,
html[data-hop-theme="bright"] .bd-master-form-section h3,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-section h3,
html[data-hop-theme="custom"] .bd-master-form-section h3 {
  color: #6B6254 !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] .bd-master-form-eyebrow,
html[data-hop-theme="bright"] .bd-master-form-section h3 {
  color: #64748b !important;
}
html[data-hop-theme="custom"] .bd-master-form-eyebrow,
html[data-hop-theme="custom"] .bd-master-form-section h3 {
  color: var(--hop-c-muted, #6B6254) !important;
}
html[data-hop-theme="bright"] .bd-master-form-head h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-head h2,
html[data-hop-theme="custom"] .bd-master-form-head h2,
html[data-hop-theme="bright"] .bd-master-form-modal .form-group label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal .form-group label,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group label {
  color: #1F1F1F !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] .bd-master-form-head h2,
html[data-hop-theme="bright"] .bd-master-form-modal .form-group label {
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-master-form-head h2,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group label {
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] .bd-master-form-section,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-section,
html[data-hop-theme="custom"] .bd-master-form-section {
  background: #ffffff !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] .bd-master-form-section {
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] .bd-master-form-section {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="bright"] .bd-master-form-modal .form-group input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal .form-group input,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group input,
html[data-hop-theme="bright"] .bd-master-form-modal .form-group select,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal .form-group select,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group select {
  background: #ffffff !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] .bd-master-form-modal .form-group input,
html[data-hop-theme="bright"] .bd-master-form-modal .form-group select {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-master-form-modal .form-group input,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group select {
  background: var(--hop-c-card, #ffffff) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="bright"] .bd-master-form-modal .form-group input:focus,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal .form-group input:focus,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group input:focus,
html[data-hop-theme="bright"] .bd-master-form-modal .form-group select:focus,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-modal .form-group select:focus,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group select:focus {
  border-color: #C9A227 !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.18) !important;
  outline: none !important;
}
html[data-hop-theme="bright"] .bd-master-form-modal .form-group input:focus,
html[data-hop-theme="bright"] .bd-master-form-modal .form-group select:focus {
  border-color: #0d9488 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.16) !important;
}
html[data-hop-theme="custom"] .bd-master-form-modal .form-group input:focus,
html[data-hop-theme="custom"] .bd-master-form-modal .form-group select:focus {
  border-color: var(--hop-c-accent, #C9A227) !important;
  box-shadow: 0 0 0 3px var(--hop-c-accent-soft, rgba(201, 162, 39, 0.18)) !important;
}
html[data-hop-theme="bright"] .bd-master-form-close,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-close,
html[data-hop-theme="custom"] .bd-master-form-close {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] .bd-master-form-close {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-master-form-close {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-card) !important;
}
html[data-hop-theme="bright"] .bd-master-form-foot .btn-secondary,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-foot .btn-secondary,
html[data-hop-theme="custom"] .bd-master-form-foot .btn-secondary {
  background: #ffffff !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] .bd-master-form-foot .btn-secondary {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-master-form-foot .btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] .bd-master-form-foot .btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] .bd-master-form-foot .btn-primary {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
  color: #ffffff !important;
}

/* ========== Article Master — Customers-style readable on light themes ========== */
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace.am-workspace:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace.am-workspace:not(.hidden),
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace.am-workspace:not(.hidden) {
  background: #F8F4EA !important;
  border-left-color: rgba(18, 60, 50, 0.12) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace.am-workspace:not(.hidden) {
  background: #f4f7fb !important;
  border-left-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace.am-workspace:not(.hidden) {
  background: var(--hop-c-bg) !important;
  border-left-color: var(--hop-c-border) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .inv-topbar,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .inv-topbar,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .inv-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .inv-topbar {
  border-bottom-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .inv-topbar {
  border-bottom-color: var(--hop-c-border) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .inv-title,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .inv-title,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .inv-title {
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .inv-title {
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .inv-title {
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .bd-am-eyebrow,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .bd-am-eyebrow,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .bd-am-eyebrow {
  color: #6b7280 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .bd-am-back,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .bd-am-back,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .bd-am-back,
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .nx-btn:not(.nx-btn-primary),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .nx-btn:not(.nx-btn-primary),
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .nx-btn:not(.nx-btn-primary) {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .bd-am-back,
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .nx-btn:not(.nx-btn-primary) {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .bd-am-back,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .nx-btn:not(.nx-btn-primary) {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .nx-btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .nx-btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .nx-btn-primary {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .bd-am-stat-chip,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .bd-am-stat-chip,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .bd-am-stat-chip {
  border-color: rgba(18, 60, 50, 0.16) !important;
  background: rgba(255,255,255,0.7) !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .bd-am-stat-chip {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .bd-am-stat-chip {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace #am-category-filter,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace #am-category-filter,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace #am-category-filter,
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace #am-search-filter,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace #am-search-filter,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace #am-search-filter {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace #am-category-filter,
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace #am-search-filter {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace #am-category-filter,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace #am-search-filter {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .am-articles-table thead th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .am-articles-table thead th,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .am-articles-table thead th {
  background: #f3efe4 !important;
  color: #1F1F1F !important;
  border-bottom: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .am-articles-table thead th {
  background: #eef2f7 !important;
  border-bottom-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .am-articles-table thead th {
  background: color-mix(in srgb, var(--hop-c-bg) 88%, #000) !important;
  border-bottom-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .am-articles-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .am-articles-table td,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .am-articles-table td {
  color: #1F1F1F !important;
  border-bottom: 1px solid rgba(18, 60, 50, 0.08) !important;
  background: #ffffff !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .am-articles-table td {
  border-bottom-color: #eef2f7 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .am-articles-table td {
  border-bottom-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
  background: var(--hop-c-bg) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .am-articles-table tbody tr:hover td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .am-articles-table tbody tr:hover td,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .am-articles-table tbody tr:hover td {
  background: #f7f3e8 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .am-articles-table tbody tr:hover td {
  background: #f1f5f9 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .am-articles-table tbody tr:hover td {
  background: color-mix(in srgb, var(--hop-c-bg) 92%, var(--hop-c-accent)) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .pm-icon-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .pm-icon-btn,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .pm-icon-btn {
  border-color: #DED3BE !important;
  background: #ffffff !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .pm-icon-btn {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .pm-icon-btn {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace #am-list-count,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace #am-list-count,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace #am-list-count,
html[data-hop-theme="bright"] body.bd-hop-ui #article-master-workspace .bd-am-filter-inline > span,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #article-master-workspace .bd-am-filter-inline > span,
html[data-hop-theme="custom"] body.bd-hop-ui #article-master-workspace .bd-am-filter-inline > span {
  color: #6b7280 !important;
  opacity: 1 !important;
}

/* ========== Party detail card — follow active theme (not dark Nexora chrome) ========== */
html[data-hop-theme="bright"] .bd-party-detail-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-modal,
html[data-hop-theme="custom"] .bd-party-detail-modal {
  background: rgba(15, 23, 42, 0.42) !important;
}
html[data-hop-theme="bright"] .bd-party-detail-modal .bd-party-detail-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-modal .bd-party-detail-card,
html[data-hop-theme="custom"] .bd-party-detail-modal .bd-party-detail-card {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18) !important;
}
html[data-hop-theme="bright"] .bd-party-detail-modal .bd-party-detail-card {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-party-detail-modal .bd-party-detail-card {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] .bd-party-detail-head,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-head,
html[data-hop-theme="custom"] .bd-party-detail-head,
html[data-hop-theme="bright"] .bd-party-detail-foot,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-foot,
html[data-hop-theme="custom"] .bd-party-detail-foot {
  background: #FBF8F1 !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] .bd-party-detail-head,
html[data-hop-theme="bright"] .bd-party-detail-foot {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] .bd-party-detail-head,
html[data-hop-theme="custom"] .bd-party-detail-foot {
  background: var(--hop-c-bg-soft, #FBF8F1) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}

/* ========== Article Master dialogs — light BD theme (not dark Nexora .modal) ========== */
html[data-hop-theme="bright"] #am-price-history-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal,
html[data-hop-theme="custom"] #am-price-history-modal,
html[data-hop-theme="bright"] #am-full-edit-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-full-edit-modal,
html[data-hop-theme="custom"] #am-full-edit-modal,
html[data-hop-theme="bright"] #am-edit-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-edit-modal,
html[data-hop-theme="custom"] #am-edit-modal,
html[data-hop-theme="bright"] #am-new-category-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-new-category-modal,
html[data-hop-theme="custom"] #am-new-category-modal {
  background: rgba(15, 23, 42, 0.42) !important;
  backdrop-filter: blur(8px) !important;
}
html[data-hop-theme="bright"] #am-price-history-modal .modal-content,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .modal-content,
html[data-hop-theme="custom"] #am-price-history-modal .modal-content,
html[data-hop-theme="bright"] #am-full-edit-modal .modal-content,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-full-edit-modal .modal-content,
html[data-hop-theme="custom"] #am-full-edit-modal .modal-content,
html[data-hop-theme="bright"] #am-edit-modal .modal-content,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-edit-modal .modal-content,
html[data-hop-theme="custom"] #am-edit-modal .modal-content,
html[data-hop-theme="bright"] #am-new-category-modal .modal-content,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-new-category-modal .modal-content,
html[data-hop-theme="custom"] #am-new-category-modal .modal-content {
  background: #ffffff !important;
  border: 1px solid var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18) !important;
  border-radius: 16px !important;
}
html[data-hop-theme="bright"] #am-price-history-modal .modal-content h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .modal-content h2,
html[data-hop-theme="custom"] #am-price-history-modal .modal-content h2,
html[data-hop-theme="bright"] #am-full-edit-modal .modal-content h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-full-edit-modal .modal-content h2,
html[data-hop-theme="custom"] #am-full-edit-modal .modal-content h2,
html[data-hop-theme="bright"] #am-edit-modal .modal-content h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-edit-modal .modal-content h2,
html[data-hop-theme="custom"] #am-edit-modal .modal-content h2,
html[data-hop-theme="bright"] #am-new-category-modal .modal-content h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-new-category-modal .modal-content h2,
html[data-hop-theme="custom"] #am-new-category-modal .modal-content h2 {
  color: var(--hop-c-accent-dark, #8A6D12) !important;
  font-family: inherit !important;
}
html[data-hop-theme="bright"] #am-price-history-modal .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .subtitle,
html[data-hop-theme="custom"] #am-price-history-modal .subtitle,
html[data-hop-theme="bright"] #am-full-edit-modal .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-full-edit-modal .subtitle,
html[data-hop-theme="custom"] #am-full-edit-modal .subtitle,
html[data-hop-theme="bright"] #am-edit-modal .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-edit-modal .subtitle,
html[data-hop-theme="custom"] #am-edit-modal .subtitle,
html[data-hop-theme="bright"] #am-new-category-modal .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-new-category-modal .subtitle,
html[data-hop-theme="custom"] #am-new-category-modal .subtitle {
  color: var(--hop-c-muted, #4A4338) !important;
}
html[data-hop-theme="bright"] #am-price-history-modal .form-group label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .form-group label,
html[data-hop-theme="custom"] #am-price-history-modal .form-group label,
html[data-hop-theme="bright"] #am-full-edit-modal .form-group label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-full-edit-modal .form-group label,
html[data-hop-theme="custom"] #am-full-edit-modal .form-group label,
html[data-hop-theme="bright"] #am-edit-modal .form-group label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-edit-modal .form-group label,
html[data-hop-theme="custom"] #am-edit-modal .form-group label,
html[data-hop-theme="bright"] #am-new-category-modal .form-group label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-new-category-modal .form-group label,
html[data-hop-theme="custom"] #am-new-category-modal .form-group label {
  color: var(--hop-c-muted, #4A4338) !important;
}
html[data-hop-theme="bright"] #am-price-history-modal input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal input,
html[data-hop-theme="custom"] #am-price-history-modal input,
html[data-hop-theme="bright"] #am-full-edit-modal input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-full-edit-modal input,
html[data-hop-theme="custom"] #am-full-edit-modal input,
html[data-hop-theme="bright"] #am-edit-modal input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-edit-modal input,
html[data-hop-theme="custom"] #am-edit-modal input,
html[data-hop-theme="bright"] #am-new-category-modal input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-new-category-modal input,
html[data-hop-theme="custom"] #am-new-category-modal input {
  background: #ffffff !important;
  color: var(--hop-c-text, #1F1F1F) !important;
  border: 1px solid var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="bright"] #am-price-history-modal .data-table,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .data-table,
html[data-hop-theme="custom"] #am-price-history-modal .data-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
html[data-hop-theme="bright"] #am-price-history-modal .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .data-table th,
html[data-hop-theme="custom"] #am-price-history-modal .data-table th,
html[data-hop-theme="bright"] #am-price-history-modal .data-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .data-table td,
html[data-hop-theme="custom"] #am-price-history-modal .data-table td {
  color: var(--hop-c-text, #1F1F1F) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  text-align: left !important;
  padding: 8px 10px !important;
  vertical-align: middle;
}
html[data-hop-theme="bright"] #am-price-history-modal .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #am-price-history-modal .data-table th,
html[data-hop-theme="custom"] #am-price-history-modal .data-table th {
  color: var(--hop-c-muted, #4A4338) !important;
  font-weight: 600 !important;
  background: var(--hop-c-bg-soft, #FBF8F1) !important;
}

/* ========== Filled Order dialogs — Article Master-like light view ========== */
html[data-hop-theme="bright"] #fo-detail-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal,
html[data-hop-theme="custom"] #fo-detail-modal,
html[data-hop-theme="bright"] #of-fo-list-modal,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal,
html[data-hop-theme="custom"] #of-fo-list-modal {
  background: rgba(15, 23, 42, 0.42) !important;
  backdrop-filter: blur(8px) !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .modal-content,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .modal-content,
html[data-hop-theme="custom"] #fo-detail-modal .modal-content {
  width: min(96vw, 1320px) !important;
  max-height: 92vh !important;
  border-radius: 16px !important;
  border: 1px solid var(--hop-c-border, #DED3BE) !important;
  background: #ffffff !important;
  color: var(--hop-c-text, #1F1F1F) !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18) !important;
}

html[data-hop-theme="bright"] #of-fo-list-modal .modal-content,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal .modal-content,
html[data-hop-theme="custom"] #of-fo-list-modal .modal-content {
  border-radius: 16px !important;
  border: 1px solid var(--hop-c-border, #DED3BE) !important;
  background: #ffffff !important;
  color: var(--hop-c-text, #1F1F1F) !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18) !important;
}

html[data-hop-theme="bright"] #fo-detail-modal h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal h2,
html[data-hop-theme="custom"] #fo-detail-modal h2,
html[data-hop-theme="bright"] #of-fo-list-modal h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal h2,
html[data-hop-theme="custom"] #of-fo-list-modal h2 {
  color: var(--hop-c-text, #1F1F1F) !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .subtitle,
html[data-hop-theme="custom"] #fo-detail-modal .subtitle,
html[data-hop-theme="bright"] #of-fo-list-modal .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal .subtitle,
html[data-hop-theme="custom"] #of-fo-list-modal .subtitle {
  color: var(--hop-c-muted, #6B6254) !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .fo-detail-table-scroll,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .fo-detail-table-scroll,
html[data-hop-theme="custom"] #fo-detail-modal .fo-detail-table-scroll {
  max-height: 66vh !important;
  overflow: auto !important;
  border: 1px solid var(--hop-c-border, #DED3BE) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .data-table,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .data-table,
html[data-hop-theme="custom"] #fo-detail-modal .data-table,
html[data-hop-theme="bright"] #of-fo-list-modal .data-table,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal .data-table,
html[data-hop-theme="custom"] #of-fo-list-modal .data-table {
  border-collapse: collapse !important;
  width: 100% !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .data-table th,
html[data-hop-theme="custom"] #fo-detail-modal .data-table th,
html[data-hop-theme="bright"] #of-fo-list-modal .data-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal .data-table th,
html[data-hop-theme="custom"] #of-fo-list-modal .data-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--hop-c-bg-soft, #FBF8F1) !important;
  color: var(--hop-c-muted, #4A4338) !important;
  border-bottom: 1px solid var(--hop-c-border, #DED3BE) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .data-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .data-table td,
html[data-hop-theme="custom"] #fo-detail-modal .data-table td,
html[data-hop-theme="bright"] #of-fo-list-modal .data-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal .data-table td,
html[data-hop-theme="custom"] #of-fo-list-modal .data-table td {
  color: var(--hop-c-text, #1F1F1F) !important;
  border-bottom: 1px solid var(--hop-c-border, #DED3BE) !important;
  background: #ffffff !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .data-table tbody tr:hover td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .data-table tbody tr:hover td,
html[data-hop-theme="custom"] #fo-detail-modal .data-table tbody tr:hover td,
html[data-hop-theme="bright"] #of-fo-list-modal .data-table tbody tr:hover td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #of-fo-list-modal .data-table tbody tr:hover td,
html[data-hop-theme="custom"] #of-fo-list-modal .data-table tbody tr:hover td {
  background: #f8f5ee !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .fo-row-editing td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .fo-row-editing td,
html[data-hop-theme="custom"] #fo-detail-modal .fo-row-editing td {
  background: #fff8e6 !important;
}

html[data-hop-theme="bright"] #fo-detail-modal .fo-row-input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #fo-detail-modal .fo-row-input,
html[data-hop-theme="custom"] #fo-detail-modal .fo-row-input {
  width: 100%;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #ffffff;
  color: var(--hop-c-text, #1F1F1F);
  border-radius: 8px;
  padding: 4px 6px;
}
html[data-hop-theme="bright"] .bd-party-detail-head h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-head h2,
html[data-hop-theme="custom"] .bd-party-detail-head h2,
html[data-hop-theme="bright"] .bd-party-field-value,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-field-value,
html[data-hop-theme="custom"] .bd-party-field-value,
html[data-hop-theme="bright"] .bd-party-360-head h3,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-360-head h3,
html[data-hop-theme="custom"] .bd-party-360-head h3,
html[data-hop-theme="bright"] .bd-party-360-metric,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-360-metric,
html[data-hop-theme="custom"] .bd-party-360-metric {
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] .bd-party-detail-head h2,
html[data-hop-theme="bright"] .bd-party-field-value,
html[data-hop-theme="bright"] .bd-party-360-head h3,
html[data-hop-theme="bright"] .bd-party-360-metric {
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-party-detail-head h2,
html[data-hop-theme="custom"] .bd-party-field-value,
html[data-hop-theme="custom"] .bd-party-360-head h3,
html[data-hop-theme="custom"] .bd-party-360-metric {
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] .bd-party-detail-eyebrow,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-eyebrow,
html[data-hop-theme="custom"] .bd-party-detail-eyebrow,
html[data-hop-theme="bright"] .bd-party-field-label,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-field-label,
html[data-hop-theme="custom"] .bd-party-field-label,
html[data-hop-theme="bright"] .bd-party-muted,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-muted,
html[data-hop-theme="custom"] .bd-party-muted {
  color: #6B6254 !important;
  opacity: 1 !important;
}
html[data-hop-theme="bright"] .bd-party-detail-eyebrow,
html[data-hop-theme="bright"] .bd-party-field-label,
html[data-hop-theme="bright"] .bd-party-muted {
  color: #64748b !important;
}
html[data-hop-theme="custom"] .bd-party-detail-eyebrow,
html[data-hop-theme="custom"] .bd-party-field-label,
html[data-hop-theme="custom"] .bd-party-muted {
  color: var(--hop-c-muted, #6B6254) !important;
}
html[data-hop-theme="bright"] .bd-party-detail-close,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-close,
html[data-hop-theme="custom"] .bd-party-detail-close {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] .bd-party-detail-close {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-party-detail-close {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] .bd-party-field,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-field,
html[data-hop-theme="custom"] .bd-party-field,
html[data-hop-theme="bright"] .bd-party-360-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-360-card,
html[data-hop-theme="custom"] .bd-party-360-card,
html[data-hop-theme="bright"] .bd-party-detail-360,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-360,
html[data-hop-theme="custom"] .bd-party-detail-360 {
  background: #ffffff !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] .bd-party-field,
html[data-hop-theme="bright"] .bd-party-360-card,
html[data-hop-theme="bright"] .bd-party-detail-360 {
  border-color: #e2e8f0 !important;
  background: #f8fafc !important;
}
html[data-hop-theme="custom"] .bd-party-field,
html[data-hop-theme="custom"] .bd-party-360-card,
html[data-hop-theme="custom"] .bd-party-detail-360 {
  background: color-mix(in srgb, var(--hop-c-bg) 92%, #fff) !important;
  border-color: var(--hop-c-border) !important;
}
html[data-hop-theme="bright"] .am-rates-table th,
html[data-hop-theme="bright"] .am-rates-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .am-rates-table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .am-rates-table td,
html[data-hop-theme="custom"] .am-rates-table th,
html[data-hop-theme="custom"] .am-rates-table td {
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
html[data-hop-theme="bright"] .am-rates-table .am-rate-old,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .am-rates-table .am-rate-old,
html[data-hop-theme="custom"] .am-rates-table .am-rate-old {
  color: #64748b;
}
html[data-hop-theme="bright"] .bd-party-action-wa,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-action-wa,
html[data-hop-theme="custom"] .bd-party-action-wa {
  background: rgba(37, 211, 102, 0.12) !important;
  border-color: rgba(22, 163, 74, 0.35) !important;
  color: #15803d !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-foot .btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] .bd-party-detail-foot .btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] .bd-party-detail-foot .btn-primary {
  background: var(--hop-c-accent) !important;
  border-color: var(--hop-c-accent) !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] .bd-party-detail-foot .btn-secondary,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-detail-foot .btn-secondary,
html[data-hop-theme="custom"] .bd-party-detail-foot .btn-secondary {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] .bd-party-detail-foot .btn-secondary {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-party-detail-foot .btn-secondary {
  border-color: var(--hop-c-border) !important;
  color: var(--hop-c-text) !important;
}
html[data-hop-theme="bright"] .bd-party-360-list,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .bd-party-360-list,
html[data-hop-theme="custom"] .bd-party-360-list {
  color: #1F1F1F !important;
  opacity: 0.88 !important;
}
html[data-hop-theme="bright"] .bd-party-360-list {
  color: #0f172a !important;
}
html[data-hop-theme="custom"] .bd-party-360-list {
  color: var(--hop-c-text) !important;
}

/* ==========================================================================
   Cloud Hub + shared workspace cards — stop dark-on-dark when a light
   theme (bright / emerald / custom) is selected.
   ========================================================================== */

/* Page shell: kill hardcoded dark gradients */
html[data-hop-theme="bright"] #cloud-hub-workspace.cloud-hub-shell,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace.cloud-hub-shell,
html[data-hop-theme="custom"] #cloud-hub-workspace.cloud-hub-shell {
  background: transparent !important;
  color: inherit !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace.cloud-hub-shell {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace.cloud-hub-shell {
  background: #f4f7fb !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace.cloud-hub-shell {
  background: var(--hop-c-bg) !important;
  color: var(--hop-c-text) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-header h2,
html[data-hop-theme="bright"] #cloud-hub-workspace .workspace-header h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-header h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .workspace-header h2,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-header h2,
html[data-hop-theme="custom"] #cloud-hub-workspace .workspace-header h2 {
  color: inherit !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .workspace-breadcrumb,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .subtitle,
html[data-hop-theme="bright"] #cloud-hub-workspace .workspace-breadcrumb,
html[data-hop-theme="bright"] #cloud-hub-workspace .subtitle,
html[data-hop-theme="custom"] #cloud-hub-workspace .workspace-breadcrumb,
html[data-hop-theme="custom"] #cloud-hub-workspace .subtitle {
  color: #6B6254 !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .workspace-breadcrumb,
html[data-hop-theme="bright"] #cloud-hub-workspace .subtitle {
  color: #64748b !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .workspace-breadcrumb,
html[data-hop-theme="custom"] #cloud-hub-workspace .subtitle {
  color: var(--hop-c-muted, #6B6254) !important;
}

/* Cards: light surfaces */
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-drive-card,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-main,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-drive-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-main,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-drive-card,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-main {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  box-shadow: 0 8px 28px rgba(18, 60, 50, 0.08) !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-drive-card,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-main {
  border-color: #e2e8f0 !important;
  box-shadow: 0 8px 28px rgba(15, 39, 68, 0.08) !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-drive-card,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-main {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-drive-brand h3,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-toolbar h3,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-drive-brand h3,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-toolbar h3,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-drive-brand h3,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-toolbar h3 {
  color: inherit !important;
}

html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-status {
  color: #1F6B54 !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-status {
  color: #0f766e !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-status {
  color: var(--hop-c-accent, #1F6B54) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-info,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-hint,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-toolbar p,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-info,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-hint,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-toolbar p,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-info,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-hint,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-toolbar p {
  color: #6B6254 !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-info,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-hint,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-toolbar p {
  color: #64748b !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-info,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-hint,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-toolbar p {
  color: var(--hop-c-muted, #6B6254) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-meter,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-meter,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-meter {
  background: rgba(18, 60, 50, 0.08) !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-meter {
  background: rgba(15, 39, 68, 0.08) !important;
  border-color: #e2e8f0 !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-meter-fill {
  background: linear-gradient(90deg, #123C32, #C9A227) !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-meter-fill {
  background: linear-gradient(90deg, #0f2744, #0d9488) !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-meter-fill {
  background: linear-gradient(90deg, var(--hop-c-sidebar), var(--hop-c-accent)) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-toolbar,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-toolbar,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-toolbar {
  border-bottom-color: #DED3BE !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-toolbar {
  border-bottom-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-toolbar {
  border-bottom-color: var(--hop-c-border, #DED3BE) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-search input,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-search input,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-search input {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
  border: 1px solid #DED3BE !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-search input {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-search input {
  background: var(--hop-c-bg, #F8F4EA) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}

/* File table — readable on light cards */
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-files-table thead th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-files-table thead th,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-files-table thead th {
  background: #123C32 !important;
  color: #F8F4EA !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-files-table thead th {
  background: #0f2744 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-files-table thead th {
  background: var(--hop-c-sidebar, #123C32) !important;
  color: var(--hop-c-nav-text, #F8F4EA) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-row td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-file-row td,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-row td,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-name,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-file-name,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-name,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-name > span,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-file-name > span,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-name > span {
  color: #1F1F1F !important;
  background: #ffffff !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-row td,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-name,
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-name > span {
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-row td,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-name,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-name > span {
  color: var(--hop-c-text, #1F1F1F) !important;
  background: var(--hop-c-card, #ffffff) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-row:hover td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-file-row:hover td,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-row:hover td {
  background: rgba(201, 162, 39, 0.12) !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-row:hover td {
  background: rgba(13, 148, 136, 0.10) !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-row:hover td {
  background: var(--hop-c-accent-soft, rgba(201, 162, 39, 0.12)) !important;
}

html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-empty-row td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-empty-row td,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-empty-row td {
  color: #6B6254 !important;
  background: #F8F4EA !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-empty-row td {
  color: #64748b !important;
  background: #f8fafc !important;
}

/* Type pills stay colorful but readable on light rows */
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-type-pill.is-sheet,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-type-pill.is-sheet,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-type-pill.is-sheet {
  background: rgba(22, 163, 74, 0.14) !important;
  color: #15803d !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-type-pill.is-pdf,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-type-pill.is-pdf,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-type-pill.is-pdf {
  background: rgba(220, 38, 38, 0.12) !important;
  color: #b91c1c !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-type-pill.is-audio,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-type-pill.is-audio,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-type-pill.is-audio {
  background: rgba(147, 51, 234, 0.12) !important;
  color: #7e22ce !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-type-pill.is-folder,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-type-pill.is-folder,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-type-pill.is-folder {
  background: rgba(201, 162, 39, 0.18) !important;
  color: #92650a !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-type-pill.is-folder {
  background: rgba(13, 148, 136, 0.14) !important;
  color: #0f766e !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .cloud-hub-file-icon,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .cloud-hub-file-icon,
html[data-hop-theme="custom"] #cloud-hub-workspace .cloud-hub-file-icon {
  background: rgba(18, 60, 50, 0.08) !important;
}

/* Buttons */
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .btn-primary {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .btn-primary {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .btn-primary {
  background: var(--hop-c-accent, #C9A227) !important;
  border-color: var(--hop-c-accent, #C9A227) !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .btn-secondary,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #cloud-hub-workspace .btn-secondary,
html[data-hop-theme="custom"] #cloud-hub-workspace .btn-secondary {
  background: #ffffff !important;
  border: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #cloud-hub-workspace .btn-secondary {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #cloud-hub-workspace .btn-secondary {
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}

/* Shared workspace chrome (Order Desk shells, Target, Settings cards, etc.) */
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .card-highlight,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .card-highlight,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .card-highlight,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .metric-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .metric-card,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .metric-card,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .executive-panel,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .executive-panel,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .executive-panel {
  background: #ffffff !important;
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .card-highlight,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .metric-card,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .executive-panel {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .card-highlight,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .metric-card,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .executive-panel {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}

html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .subtitle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .subtitle,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .subtitle,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .workspace-breadcrumb,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell .workspace-breadcrumb,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .workspace-breadcrumb {
  color: #6B6254 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .subtitle,
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell .workspace-breadcrumb {
  color: #64748b !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .subtitle,
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell .workspace-breadcrumb {
  color: var(--hop-c-muted, #6B6254) !important;
}

/* Override dark shell gradient from nexora-theme for themed BD modules */
html[data-hop-theme="bright"] body.bd-hop-ui .workspace-shell:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui .workspace-shell:not(.hidden),
html[data-hop-theme="custom"] body.bd-hop-ui .workspace-shell:not(.hidden) {
  background-image: none !important;
  box-shadow: none !important;
  border-left-color: rgba(0, 0, 0, 0.06) !important;
}

/* Article Master — was forced near-black; paint with active theme */
html[data-hop-theme="bright"] #article-master-workspace.am-workspace:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace.am-workspace:not(.hidden),
html[data-hop-theme="custom"] #article-master-workspace.am-workspace:not(.hidden) {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #article-master-workspace.am-workspace:not(.hidden) {
  background: #f4f7fb !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #article-master-workspace.am-workspace:not(.hidden) {
  background: var(--hop-c-bg, #F8F4EA) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] #article-master-workspace .bd-am-topbar,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .bd-am-topbar,
html[data-hop-theme="custom"] #article-master-workspace .bd-am-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #article-master-workspace .bd-am-topbar {
  border-bottom-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #article-master-workspace .bd-am-topbar {
  background: var(--hop-c-card, #ffffff) !important;
  border-bottom-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] #article-master-workspace .inv-title,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .inv-title,
html[data-hop-theme="custom"] #article-master-workspace .inv-title,
html[data-hop-theme="bright"] #article-master-workspace .bd-am-stat-chip,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .bd-am-stat-chip,
html[data-hop-theme="custom"] #article-master-workspace .bd-am-stat-chip,
html[data-hop-theme="bright"] #article-master-workspace #am-list-count,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace #am-list-count,
html[data-hop-theme="custom"] #article-master-workspace #am-list-count {
  color: inherit !important;
}
html[data-hop-theme="bright"] #article-master-workspace .bd-am-stat-chip,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .bd-am-stat-chip,
html[data-hop-theme="custom"] #article-master-workspace .bd-am-stat-chip {
  background: #F8F4EA !important;
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #article-master-workspace .bd-am-stat-chip {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table thead th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .am-articles-table thead th,
html[data-hop-theme="custom"] #article-master-workspace .am-articles-table thead th {
  background: #123C32 !important;
  color: #F8F4EA !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table thead th {
  background: #0f2744 !important;
  color: #ffffff !important;
}
html[data-hop-theme="custom"] #article-master-workspace .am-articles-table thead th {
  background: var(--hop-c-sidebar, #123C32) !important;
  color: var(--hop-c-nav-text, #F8F4EA) !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .am-articles-table td,
html[data-hop-theme="custom"] #article-master-workspace .am-articles-table td {
  color: #1F1F1F !important;
  background: #ffffff !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table td {
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
html[data-hop-theme="custom"] #article-master-workspace .am-articles-table td {
  color: var(--hop-c-text, #1F1F1F) !important;
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table th:last-child,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .am-articles-table th:last-child,
html[data-hop-theme="custom"] #article-master-workspace .am-articles-table th:last-child {
  background: #123C32 !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table th:last-child {
  background: #0f2744 !important;
}
html[data-hop-theme="bright"] #article-master-workspace .am-articles-table td.am-actions,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #article-master-workspace .am-articles-table td.am-actions,
html[data-hop-theme="custom"] #article-master-workspace .am-articles-table td.am-actions {
  background: #ffffff !important;
}

/* Customers — keep readable under light themes */
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden),
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: #f4f7fb !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #party-master-section.customers-workspace:not(.hidden) {
  background: var(--hop-c-bg, #F8F4EA) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}

/* Dashboard home — full-height rail; nav pills stay inset (never edge-flush) */
body.bd-hop-ui #dashboard:not(.bd-module-mode) {
  bottom: 0 !important;
  height: calc(100dvh - var(--nx-header-h, 64px)) !important;
  min-height: calc(100dvh - var(--nx-header-h, 64px)) !important;
}
body.bd-hop-ui #dashboard:not(.bd-module-mode) .bd-shell.dashboard-grid {
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 0 !important;
  height: 100% !important;
  max-height: none !important;
  grid-template-columns: 232px minmax(0, 1fr) !important;
}
body.bd-hop-ui #bd-left-nav.left-nav.hop-nav,
body.bd-hop-ui #dashboard .bd-shell .left-nav.hop-nav,
body.bd-hop-ui #dashboard:not(.bd-module-mode) .left-nav.hop-nav,
body.bd-hop-ui #dashboard.bd-module-mode .hop-nav {
  padding: 16px 10px 16px 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
}
body.bd-hop-ui #bd-left-nav.left-nav.hop-nav::-webkit-scrollbar,
body.bd-hop-ui #dashboard .bd-shell .left-nav.hop-nav::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
body.bd-hop-ui #dashboard:not(.bd-module-mode) .left-nav.hop-nav {
  border-radius: 0 !important;
  border: none !important;
  border-right: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  height: 100% !important;
  min-height: 100% !important;
  width: 232px !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 6px 4px 14px 2px !important;
  margin: 0 !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  justify-content: flex-start !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list.is-scrollable,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list.is-scrollable {
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.06) !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list::-webkit-scrollbar,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list::-webkit-scrollbar {
  width: 0 !important;
  display: none !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list.is-scrollable::-webkit-scrollbar,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list.is-scrollable::-webkit-scrollbar {
  width: 8px !important;
  display: block !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list.is-scrollable::-webkit-scrollbar-thumb,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list.is-scrollable::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 999px !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list.is-scrollable::-webkit-scrollbar-track,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list.is-scrollable::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05) !important;
}
/* Logout lives in header account menu */
body.bd-hop-ui #bd-left-nav .hop-nav-logout {
  display: none !important;
}
body.bd-hop-ui #bd-left-nav .nav-item.nx-nav-item,
body.bd-hop-ui #bd-left-nav .nav-item.nx-nav-item.active,
body.bd-hop-ui #dashboard .bd-shell .nav-item.nx-nav-item,
body.bd-hop-ui #dashboard .bd-shell .nav-item.nx-nav-item.active,
body.bd-hop-ui #dashboard:not(.bd-module-mode) .nav-item.nx-nav-item,
body.bd-hop-ui #dashboard:not(.bd-module-mode) .nav-item.nx-nav-item.active {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
}
body.bd-hop-ui #bd-left-nav .nav-item.nx-nav-item.active,
body.bd-hop-ui #dashboard .bd-shell .nav-item.nx-nav-item.active {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #dashboard:not(.bd-module-mode) .left-nav.hop-nav,
body.bd-hop-ui #bd-left-nav.left-nav.hop-nav {
  background: #123C32 !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard:not(.bd-module-mode) .left-nav.hop-nav,
html[data-hop-theme="bright"] body.bd-hop-ui #bd-left-nav.left-nav.hop-nav {
  background: #0f2744 !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard:not(.bd-module-mode) .left-nav.hop-nav,
html[data-hop-theme="custom"] body.bd-hop-ui #bd-left-nav.left-nav.hop-nav {
  background: var(--hop-c-sidebar) !important;
}

/* Executive home — calm stage, no blue banner slab */
body.bd-hop-ui #dashboard .bd-home-header {
  position: relative;
  z-index: 2;
  padding: 18px 22px 8px;
  margin: 0;
  background: transparent;
}
body.bd-hop-ui #dashboard .bd-home-header .hop-eyebrow {
  margin: 0 0 4px;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6B6254 !important;
  background: none !important;
}
body.bd-hop-ui #dashboard .bd-home-header .nx-display {
  margin: 0 0 6px;
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1F1F1F !important;
  background: none !important;
}
body.bd-hop-ui #dashboard .bd-home-header .nx-text-dim {
  margin: 0;
  max-width: 36rem;
  font-size: 0.86rem;
  line-height: 1.45;
  color: #6B6254 !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  display: block;
}
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard .bd-home-header .nx-display {
  color: #0f172a !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard .bd-home-header .hop-eyebrow,
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard .bd-home-header .nx-text-dim {
  color: #64748b !important;
}
body.bd-hop-ui #dashboard .content-inner.dashboard-ta-focus {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(201, 162, 39, 0.07), transparent 55%),
    radial-gradient(70% 50% at 0% 100%, rgba(18, 60, 50, 0.05), transparent 50%),
    #F8F4EA !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard .content-inner.dashboard-ta-focus {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(13, 148, 136, 0.08), transparent 55%),
    #f4f7fb !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard .content-inner.dashboard-ta-focus {
  background:
    radial-gradient(90% 60% at 100% 0%, color-mix(in srgb, var(--hop-c-accent) 10%, transparent), transparent 55%),
    radial-gradient(70% 50% at 0% 100%, color-mix(in srgb, var(--hop-c-sidebar) 6%, transparent), transparent 50%),
    var(--hop-c-bg) !important;
}
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard:not(.bd-module-mode) .bd-shell.dashboard-grid,
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard:not(.bd-module-mode) .main-content.hop-main,
html[data-hop-theme="custom"] body.bd-hop-ui #dashboard .nx-theme.hop-shell.bd-shell {
  background: var(--hop-c-bg) !important;
}
body.bd-hop-ui #dashboard .content-inner.dashboard-ta-focus > .dashboard-topbar,
body.bd-hop-ui #dashboard .content-inner.dashboard-ta-focus > .overview-cards,
body.bd-hop-ui #dashboard .content-inner.dashboard-ta-focus > #dashboard-fake-overview-cards {
  display: none !important;
}

/* Target vs Achievement + TA widgets — light theme readable cards */
html[data-hop-theme="bright"] #target-vs-achievement-workspace:not(.hidden),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #target-vs-achievement-workspace:not(.hidden),
html[data-hop-theme="custom"] #target-vs-achievement-workspace:not(.hidden) {
  background: #F8F4EA !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace:not(.hidden) {
  background: #f4f7fb !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #target-vs-achievement-workspace:not(.hidden) {
  background: var(--hop-c-bg, #F8F4EA) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
/* Workspace TA panels stay light; dashboard draggable widgets use slim light cards (below) */
html[data-hop-theme="bright"] #target-vs-achievement-workspace .card-highlight,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #target-vs-achievement-workspace .card-highlight,
html[data-hop-theme="custom"] #target-vs-achievement-workspace .card-highlight,
html[data-hop-theme="bright"] #target-vs-achievement-workspace .executive-panel,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #target-vs-achievement-workspace .executive-panel,
html[data-hop-theme="custom"] #target-vs-achievement-workspace .executive-panel,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget),
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .ta-playing-card-compact:not(.ta-draggable-widget),
html[data-hop-theme="custom"] .ta-playing-card-compact:not(.ta-draggable-widget) {
  background: #ffffff !important;
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
  box-shadow: 0 8px 28px rgba(18, 60, 50, 0.08) !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace .card-highlight,
html[data-hop-theme="bright"] #target-vs-achievement-workspace .executive-panel,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget) {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #target-vs-achievement-workspace .card-highlight,
html[data-hop-theme="custom"] #target-vs-achievement-workspace .executive-panel,
html[data-hop-theme="custom"] .ta-playing-card-compact:not(.ta-draggable-widget) {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #target-vs-achievement-workspace h2,
html[data-hop-theme="custom"] #target-vs-achievement-workspace h2,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget) h3,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .ta-playing-card-compact:not(.ta-draggable-widget) h3,
html[data-hop-theme="custom"] .ta-playing-card-compact:not(.ta-draggable-widget) h3 {
  color: inherit !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #target-vs-achievement-workspace table th,
html[data-hop-theme="custom"] #target-vs-achievement-workspace table th,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget) table th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .ta-playing-card-compact:not(.ta-draggable-widget) table th,
html[data-hop-theme="custom"] .ta-playing-card-compact:not(.ta-draggable-widget) table th {
  background: #123C32 !important;
  color: #F8F4EA !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace table th,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget) table th {
  background: #0f2744 !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #target-vs-achievement-workspace table td,
html[data-hop-theme="custom"] #target-vs-achievement-workspace table td,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget) table td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .ta-playing-card-compact:not(.ta-draggable-widget) table td,
html[data-hop-theme="custom"] .ta-playing-card-compact:not(.ta-draggable-widget) table td {
  color: #1F1F1F !important;
  background: #ffffff !important;
  border-color: #DED3BE !important;
}
html[data-hop-theme="bright"] #target-vs-achievement-workspace table td,
html[data-hop-theme="bright"] .ta-playing-card-compact:not(.ta-draggable-widget) table td {
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}

/* Dashboard FO/TA widgets — follow --dash-widget-* theme tokens */
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget.ta-playing-card-compact,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget.ta-playing-card-compact,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget.ta-playing-card-compact {
  width: 340px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  border-radius: 10px !important;
  border: 1px solid var(--dash-widget-border) !important;
  background: var(--dash-widget-bg) !important;
  box-shadow: 0 8px 22px var(--dash-widget-shadow) !important;
  color: var(--dash-widget-text) !important;
}
html[data-hop-theme="bright"] #dashboard .dashboard-fo-widget-layer .fo-season-widget.ta-playing-card-compact,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .dashboard-fo-widget-layer .fo-season-widget.ta-playing-card-compact,
html[data-hop-theme="custom"] #dashboard .dashboard-fo-widget-layer .fo-season-widget.ta-playing-card-compact {
  width: 360px !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-playing-card-inner,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-playing-card-inner,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-playing-card-inner {
  padding: 10px 10px 8px !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-playing-card-header h2,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-playing-card-header h2,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-playing-card-header h2 {
  color: var(--dash-widget-text) !important;
  font-size: 0.78rem !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-playing-card-header p,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-playing-card-header p,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-playing-card-header p {
  color: var(--dash-widget-muted) !important;
  font-size: 0.58rem !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-playing-card-footer,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-playing-card-footer,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-playing-card-footer {
  background: transparent !important;
  border-top: none !important;
  padding: 4px 0 0 !important;
  box-shadow: none !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-playing-card-table-wrap,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-playing-card-table-wrap,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-playing-card-table-wrap {
  max-height: none !important;
  overflow: visible !important;
  border: 1px solid var(--dash-widget-surface-border) !important;
  border-radius: 6px !important;
  background: var(--dash-widget-bg-deep) !important;
  box-shadow: none !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-excel-table-widget thead th,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-excel-table-widget thead th,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-excel-table-widget thead th {
  background: var(--dash-widget-bg-header) !important;
  color: var(--dash-widget-accent) !important;
  padding: 5px 8px !important;
  font-size: 0.58rem !important;
  white-space: nowrap !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-excel-table-widget tbody td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-excel-table-widget tbody td,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-excel-table-widget tbody td {
  background: var(--dash-widget-bg-deep) !important;
  color: var(--dash-widget-text) !important;
  padding: 5px 8px !important;
  font-size: 0.68rem !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-excel-table-widget tbody tr:nth-child(even) td,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-excel-table-widget tbody tr:nth-child(even) td,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-excel-table-widget tbody tr:nth-child(even) td {
  background: var(--dash-widget-row-alt) !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-widget-details-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-widget-details-btn,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-widget-details-btn {
  width: 100% !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 0.62rem !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  box-shadow: none !important;
  background-image: none !important;
}
html[data-hop-theme="bright"] #dashboard #dashboard-ta-widget .ta-widget-details-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard #dashboard-ta-widget .ta-widget-details-btn,
html[data-hop-theme="custom"] #dashboard #dashboard-ta-widget .ta-widget-details-btn {
  background: var(--dash-widget-accent) !important;
  border: 1px solid var(--dash-widget-accent) !important;
  color: var(--dash-widget-accent-fg) !important;
}
html[data-hop-theme="bright"] #dashboard .fo-season-widget .ta-widget-details-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .fo-season-widget .ta-widget-details-btn,
html[data-hop-theme="custom"] #dashboard .fo-season-widget .ta-widget-details-btn {
  background: var(--dash-widget-accent) !important;
  border: 1px solid var(--dash-widget-accent) !important;
  color: var(--dash-widget-accent-fg) !important;
}
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-widget-drag-handle,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-widget-drag-handle,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-widget-drag-handle,
html[data-hop-theme="bright"] #dashboard .ta-draggable-widget .ta-widget-minimize-btn,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .ta-draggable-widget .ta-widget-minimize-btn,
html[data-hop-theme="custom"] #dashboard .ta-draggable-widget .ta-widget-minimize-btn {
  width: 22px !important;
  height: 22px !important;
  border-color: var(--dash-widget-ctrl-border) !important;
  background: var(--dash-widget-bg-deep) !important;
  color: var(--dash-widget-accent) !important;
}
html[data-hop-theme="bright"] #dashboard .fo-season-widget-totals,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .fo-season-widget-totals,
html[data-hop-theme="custom"] #dashboard .fo-season-widget-totals {
  color: var(--dash-widget-text) !important;
}
html[data-hop-theme="bright"] #dashboard .fo-season-widget-totals span:last-child,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #dashboard .fo-season-widget-totals span:last-child,
html[data-hop-theme="custom"] #dashboard .fo-season-widget-totals span:last-child {
  color: var(--dash-widget-accent) !important;
}

/* Order Desk feature chrome on light themes */
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #order-desk-workspace .nx-od-feature,
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature {
  background: #ffffff !important;
  border-color: #DED3BE !important;
  color: #1F1F1F !important;
}
html[data-hop-theme="bright"] #order-desk-workspace .nx-od-feature {
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-hop-theme="custom"] #order-desk-workspace .nx-od-feature {
  background: var(--hop-c-card, #ffffff) !important;
  border-color: var(--hop-c-border, #DED3BE) !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}

/* Hide minimized widget dock while a BD module is open (less floating clutter) */
body.bd-hop-ui #dashboard.bd-module-mode ~ #dashboard-widget-dock,
body.bd-hop-ui:has(.workspace-shell:not(.hidden)) #dashboard-widget-dock,
body.bd-hop-ui:has(#party-master-section.customers-workspace:not(.hidden)) #dashboard-widget-dock {
  display: none !important;
}

/* ---------- BD typography + spacing tokens (modules) ---------- */
body.bd-hop-ui {
  --bd-fs-display: 1.35rem;
  --bd-fs-title: 1.05rem;
  --bd-fs-body: 0.875rem;
  --bd-fs-meta: 0.78rem;
  --bd-fs-label: 0.72rem;
  --bd-lh-tight: 1.25;
  --bd-lh-body: 1.45;
  --bd-space-1: 4px;
  --bd-space-2: 8px;
  --bd-space-3: 12px;
  --bd-space-4: 16px;
  --bd-space-5: 24px;
  --bd-radius: 12px;
  font-family: 'Sora', 'Segoe UI', system-ui, sans-serif;
  font-size: var(--bd-fs-body);
  line-height: var(--bd-lh-body);
}

body.bd-hop-ui .workspace-shell .nx-display,
body.bd-hop-ui #dashboard .nx-display,
body.bd-hop-ui .inv-title,
body.bd-hop-ui .cloud-hub-header h2,
body.bd-hop-ui #article-master-workspace .am-title,
body.bd-hop-ui .hop-view-header .nx-display {
  font-family: 'Sora', 'Segoe UI', system-ui, sans-serif;
  font-size: var(--bd-fs-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: var(--bd-lh-tight);
  margin: 0;
}

/* Order Desk OF titles — same size as Article Master .inv-title (0.95rem) */
body.bd-hop-ui #order-fulfillment-workspace .of-rail-title,
body.bd-hop-ui #order-fulfillment-workspace .of-stage-titles .nx-display {
  font-family: 'Sora', 'Segoe UI', system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}

body.bd-hop-ui .workspace-shell .nx-text-dim,
body.bd-hop-ui .workspace-shell .nx-text-faint,
body.bd-hop-ui .hop-eyebrow,
body.bd-hop-ui .bd-customers-eyebrow,
body.bd-hop-ui .bd-customers-lead,
body.bd-hop-ui .cloud-hub-header p {
  font-size: var(--bd-fs-meta);
  line-height: var(--bd-lh-body);
  margin: var(--bd-space-1) 0 0;
  opacity: 0.82;
}

body.bd-hop-ui .workspace-shell .hop-view-header,
body.bd-hop-ui .inv-topbar,
body.bd-hop-ui .cloud-hub-header,
body.bd-hop-ui #article-master-workspace .am-ribbon {
  margin-bottom: var(--bd-space-3);
  gap: var(--bd-space-3);
}

body.bd-hop-ui .workspace-shell .nx-card,
body.bd-hop-ui .inv-table-card,
body.bd-hop-ui .cloud-hub-card,
body.bd-hop-ui #order-desk-workspace .nx-od-feature {
  border-radius: var(--bd-radius);
  padding: var(--bd-space-4);
}

body.bd-hop-ui .workspace-shell table th,
body.bd-hop-ui .party-master-table th,
body.bd-hop-ui .am-table th {
  font-size: var(--bd-fs-label);
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.bd-hop-ui .workspace-shell table td,
body.bd-hop-ui .party-master-table td,
body.bd-hop-ui .am-table td {
  font-size: var(--bd-fs-body);
  line-height: var(--bd-lh-tight);
}

body.bd-hop-ui .bd-customers-filters,
body.bd-hop-ui .bd-customers-toolbar {
  gap: var(--bd-space-2);
}

body.bd-hop-ui .bd-customers-filter-inline > span {
  font-size: var(--bd-fs-label);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  opacity: 0.7;
}

body.bd-hop-ui #bd-left-nav .sidebar-brand.hop-nav-brand {
  padding: 12px 8px !important;
  margin: 0 0 6px !important;
  align-items: center !important;
  min-height: 56px !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo,
html[data-hop-theme="bright"] body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo,
html[data-hop-theme="custom"] body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 9px !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo {
  --nx-spark-a: #5eead4;
  --nx-spark-b: #0d9488;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo,
html[data-hop-theme="custom"] body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo {
  --nx-spark-a: var(--hop-c-accent-light, #E8D48B);
  --nx-spark-b: var(--hop-c-accent, #C9A227);
}
/* Equal 6px rhythm: labels + items share same row height, no extra section margins */
body.bd-hop-ui #bd-left-nav .hop-nav-list.nav-list,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-list.nav-list {
  gap: 6px !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-group,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-group,
body.bd-hop-ui #bd-left-nav .hop-nav-group:first-child,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-group:first-child {
  margin: 0 8px !important;
  letter-spacing: 0.1em;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-fold,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-fold {
  margin: 0 !important;
}
body.bd-hop-ui #bd-left-nav .nav-item.nx-nav-item,
body.bd-hop-ui #dashboard .bd-shell .nav-item.nx-nav-item {
  min-height: 42px !important;
  margin: 0 !important;
}
/* Settings stays with the list — no auto-push creating uneven empty space */
body.bd-hop-ui #bd-left-nav #nav-settings-fold,
body.bd-hop-ui #dashboard .bd-shell #nav-settings-fold {
  margin-top: 0 !important;
}

/* Global search dropdown — use theme accent, not default NEXORA cyan */
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #global-search-modal .tab-button,
html[data-hop-theme="bright"] #global-search-modal .tab-button,
html[data-hop-theme="custom"] #global-search-modal .tab-button {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #global-search-modal .tab-button.active {
  background: rgba(201, 162, 39, 0.18) !important;
  color: #E8D48B !important;
  border-color: rgba(201, 162, 39, 0.5) !important;
}
html[data-hop-theme="bright"] #global-search-modal .tab-button.active {
  background: rgba(13, 148, 136, 0.2) !important;
  color: #5eead4 !important;
  border-color: rgba(13, 148, 136, 0.45) !important;
}
html[data-hop-theme="custom"] #global-search-modal .tab-button.active {
  background: var(--hop-c-accent-soft) !important;
  color: var(--hop-c-accent-light, #E8D48B) !important;
  border-color: var(--hop-c-accent) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #global-search-modal .modal-content,
html[data-hop-theme="bright"] #global-search-modal .modal-content,
html[data-hop-theme="custom"] #global-search-modal .modal-content {
  border-color: color-mix(in srgb, var(--nx-gold) 40%, transparent) !important;
}
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) #global-search-modal .bd-party-detail-close,
html[data-hop-theme="bright"] #global-search-modal .bd-party-detail-close,
html[data-hop-theme="custom"] #global-search-modal .bd-party-detail-close {
  border-color: color-mix(in srgb, var(--nx-gold) 35%, transparent) !important;
  color: var(--nx-gold) !important;
}

/* Confirm / toast chrome — light themes use surface + accent tokens (not dark Nexora gold) */
html[data-hop-theme="bright"] .nx-confirm-card,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-confirm-card,
html[data-hop-theme="custom"] .nx-confirm-card {
  border-color: var(--hop-c-border, #DED3BE) !important;
  background:
    linear-gradient(165deg, var(--hop-c-card, #ffffff) 0%, var(--hop-c-bg, #F8F4EA) 100%) !important;
  box-shadow: 0 18px 40px rgba(15, 39, 68, 0.16) !important;
}
html[data-hop-theme="bright"] .nx-confirm-card h3,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-confirm-card h3,
html[data-hop-theme="custom"] .nx-confirm-card h3 {
  color: var(--hop-c-text, #1F1F1F) !important;
}
html[data-hop-theme="bright"] .nx-confirm-card p,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-confirm-card p,
html[data-hop-theme="custom"] .nx-confirm-card p {
  color: var(--hop-c-muted, #6B6254) !important;
}
html[data-hop-theme="bright"] .nx-confirm-actions .btn-primary,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-confirm-actions .btn-primary,
html[data-hop-theme="custom"] .nx-confirm-actions .btn-primary {
  background: var(--hop-c-accent, var(--nx-gold)) !important;
  border-color: var(--hop-c-accent, var(--nx-gold)) !important;
  color: #ffffff !important;
}
html[data-hop-theme="bright"] .nx-confirm-backdrop,
html:is([data-hop-theme="emerald"], [data-hop-theme="nexora"]) .nx-confirm-backdrop,
html[data-hop-theme="custom"] .nx-confirm-backdrop {
  background: rgba(15, 23, 42, 0.48) !important;
}

body.bd-hop-ui #market-visit-workspace .dsr-card,
body.bd-hop-ui #market-visit-workspace .dsr-card-head h3,
body.bd-hop-ui #market-visit-workspace .dsr-field,
body.bd-hop-ui #market-visit-workspace .dsr-brand-chip {
  color: var(--hop-c-text, #1F1F1F) !important;
}
body.bd-hop-ui #market-visit-workspace .dsr-card-head p,
body.bd-hop-ui #market-visit-workspace .dsr-section-title,
body.bd-hop-ui #market-visit-workspace .dsr-status {
  color: var(--hop-c-muted, #6B6254) !important;
}

/* BD nav mark: never keep default NEXORA cyan/purple sparks */
body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-brand .nx-core--logo {
  --nx-spark-a: var(--hop-c-accent-light, var(--nx-gold, #C9A227)) !important;
  --nx-spark-b: var(--hop-c-accent, var(--nx-gold, #C9A227)) !important;
}
body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo img,
body.bd-hop-ui #dashboard .bd-shell .hop-nav-brand .nx-core--logo img {
  animation: none !important;
  /* Blue appicon → theme gold/accent cast */
  filter: sepia(0.85) saturate(2.4) hue-rotate(5deg) brightness(1.05) !important;
}
html[data-hop-theme="bright"] body.bd-hop-ui #bd-left-nav .hop-nav-brand .nx-core--logo img,
html[data-hop-theme="bright"] body.bd-hop-ui #dashboard .bd-shell .hop-nav-brand .nx-core--logo img {
  filter: sepia(0.7) saturate(3) hue-rotate(130deg) brightness(0.95) !important;
}
body.bd-hop-ui .nexora-logo:focus-visible {
  outline-color: color-mix(in srgb, var(--hop-c-accent, var(--nx-gold, #C9A227)) 55%, transparent) !important;
}

/* ---------- Market Visit (DSR) — professional page layout ---------- */
#market-visit-workspace.workspace-shell {
  overflow: auto;
  min-height: 0;
}
#market-visit-workspace .dsr-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
#market-visit-workspace .dsr-page-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
#market-visit-workspace .dsr-excel-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: var(--hop-c-card, #ffffff);
  color: #217346;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(18, 60, 50, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
#market-visit-workspace .dsr-excel-icon-btn:hover {
  transform: translateY(-1px);
  border-color: var(--hop-c-accent, #C9A227);
  box-shadow: 0 8px 20px rgba(18, 60, 50, 0.12);
}
#market-visit-workspace .dsr-refresh-btn {
  min-height: 40px;
  padding: 0 14px;
}
#market-visit-workspace .dsr-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 0 4px 28px;
  box-sizing: border-box;
}
#market-visit-workspace .dsr-status {
  min-height: 1.2em;
  margin: 0;
  font-size: 0.82rem;
  color: var(--hop-c-muted, #6B6254);
}
#market-visit-workspace .dsr-card {
  background: var(--hop-c-card, #ffffff);
  border: 1px solid var(--hop-c-border, #DED3BE);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(18, 60, 50, 0.07);
  color: var(--hop-c-text, #1F1F1F);
  overflow: hidden;
}
#market-visit-workspace .dsr-card-head {
  padding: 16px 20px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--hop-c-border, #DED3BE) 80%, transparent);
}
#market-visit-workspace .dsr-card-head h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--hop-c-text, #1F1F1F);
}
#market-visit-workspace .dsr-card-head p {
  margin: 4px 0 0;
  font-size: 0.8rem;
  color: var(--hop-c-muted, #6B6254);
}
#market-visit-workspace .dsr-form {
  padding: 8px 20px 20px;
}
#market-visit-workspace .dsr-section {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed color-mix(in srgb, var(--hop-c-border, #DED3BE) 85%, transparent);
}
#market-visit-workspace .dsr-section:first-of-type {
  margin-top: 0;
  padding-top: 4px;
  border-top: 0;
}
#market-visit-workspace .dsr-section-title {
  margin: 0 0 12px;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hop-c-muted, #6B6254);
}
#market-visit-workspace .dsr-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 14px;
}
#market-visit-workspace .dsr-form-grid--order {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
#market-visit-workspace .dsr-form-grid--notes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}
#market-visit-workspace .dsr-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  font-size: 0.74rem;
  font-weight: 650;
  color: var(--hop-c-text, #1F1F1F);
  min-width: 0;
}
#market-visit-workspace .dsr-span-2 { grid-column: span 2; }
#market-visit-workspace .dsr-span-full { grid-column: 1 / -1; }
#market-visit-workspace .dsr-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#market-visit-workspace .dsr-field select,
#market-visit-workspace .dsr-field textarea,
#dsr-export-modal .dsr-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  width: 100%;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #fff;
  color: var(--hop-c-text, #1F1F1F);
  font-size: 0.78rem;
  font-weight: 550;
  box-sizing: border-box;
  line-height: 1.25;
}
#market-visit-workspace .dsr-field textarea {
  min-height: 56px;
  resize: vertical;
  font-size: 0.78rem;
}
#market-visit-workspace .nx-ymd-trigger {
  min-height: 34px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  font-size: 0.78rem !important;
  font-weight: 550 !important;
}
/* Compact custom selects — same look as competitor brands */
#market-visit-workspace .dsr-select {
  position: relative;
  width: 100%;
}
#market-visit-workspace .dsr-select-trigger {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #fff;
  color: var(--hop-c-text, #1F1F1F);
  font-size: 0.78rem;
  font-weight: 550;
  cursor: pointer;
  text-align: left;
}
#market-visit-workspace .dsr-select.is-open .dsr-select-trigger {
  border-color: var(--hop-c-accent, #C9A227);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hop-c-accent, #C9A227) 20%, transparent);
}
#market-visit-workspace .dsr-select-caret {
  opacity: 0.55;
  font-size: 0.68rem;
}
#market-visit-workspace .dsr-select-panel {
  position: absolute;
  z-index: 5800;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 8px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 39, 68, 0.16);
  padding: 4px;
}
#market-visit-workspace .dsr-select-option {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--hop-c-text, #1F1F1F);
  cursor: pointer;
}
#market-visit-workspace .dsr-select-option:hover,
#market-visit-workspace .dsr-select-option.is-selected {
  background: color-mix(in srgb, var(--hop-c-accent, #C9A227) 14%, #ffffff);
}
#market-visit-workspace .dsr-field--total input {
  background: color-mix(in srgb, var(--hop-c-accent, #C9A227) 10%, #ffffff);
  border-color: color-mix(in srgb, var(--hop-c-accent, #C9A227) 45%, var(--hop-c-border, #DED3BE));
  font-weight: 700;
}
#market-visit-workspace .dsr-brand-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
#market-visit-workspace .dsr-brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: color-mix(in srgb, var(--hop-c-bg, #F8F4EA) 70%, #ffffff);
  font-size: 0.78rem;
  font-weight: 550;
  color: var(--hop-c-text, #1F1F1F);
  cursor: pointer;
}
#market-visit-workspace .dsr-add-brand-btn {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.78rem;
}
#market-visit-workspace .dsr-form-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--hop-c-border, #DED3BE) 80%, transparent);
}
#market-visit-workspace .dsr-form-foot .btn-primary {
  min-height: 42px;
  padding: 0 22px;
  border-radius: 11px;
  font-weight: 700;
}
#market-visit-workspace .dsr-table-wrap {
  overflow: auto;
  max-height: min(42vh, 420px);
}
#market-visit-workspace .dsr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
}
#market-visit-workspace .dsr-table th,
#market-visit-workspace .dsr-table td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid color-mix(in srgb, var(--hop-c-border, #DED3BE) 75%, transparent);
  color: var(--hop-c-text, #1F1F1F);
}
#market-visit-workspace .dsr-table th {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--hop-c-muted, #6B6254);
  background: color-mix(in srgb, var(--hop-c-bg, #F8F4EA) 80%, #ffffff);
  position: sticky;
  top: 0;
}
#market-visit-workspace .dsr-empty-row td {
  text-align: center;
  color: var(--hop-c-muted, #6B6254);
  padding: 22px 14px;
}

#dsr-export-modal.modal:not(.hidden) {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.45);
  z-index: 5600;
}
#dsr-export-modal .dsr-export-modal-card {
  width: min(420px, 92vw);
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: var(--hop-c-card, #ffffff);
  color: var(--hop-c-text, #1F1F1F);
  box-shadow: 0 22px 50px rgba(15, 39, 68, 0.22);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#dsr-export-modal .dsr-export-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#dsr-export-modal .dsr-export-modal-head h3 {
  margin: 0;
  font-size: 1.05rem;
}
#dsr-export-modal .dsr-export-close {
  border: 0;
  background: transparent;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--hop-c-muted, #6B6254);
  line-height: 1;
  padding: 4px 6px;
}
#dsr-export-modal .dsr-export-hint {
  margin: 0;
  font-size: 0.82rem;
  color: var(--hop-c-muted, #6B6254);
}
#dsr-export-modal .dsr-export-owner {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.86rem;
  color: var(--hop-c-text, #1F1F1F);
}
#dsr-export-modal .dsr-export-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
}

@media (max-width: 980px) {
  #market-visit-workspace .dsr-form-grid,
  #market-visit-workspace .dsr-form-grid--order {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #market-visit-workspace .dsr-span-2 { grid-column: span 2; }
}
@media (max-width: 640px) {
  #market-visit-workspace .dsr-form-grid,
  #market-visit-workspace .dsr-form-grid--order,
  #market-visit-workspace .dsr-form-grid--notes {
    grid-template-columns: 1fr;
  }
  #market-visit-workspace .dsr-span-2,
  #market-visit-workspace .dsr-span-full { grid-column: auto; }
  #market-visit-workspace .dsr-page-actions {
    width: 100%;
    justify-content: flex-end;
  }
}

/* ---------- Year → Month → Day picker ---------- */
.nx-ymd {
  position: relative;
  width: 100%;
}
.nx-ymd-combo {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 34px;
  border-radius: 8px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #fff;
  overflow: hidden;
}
.nx-ymd.is-open .nx-ymd-combo {
  border-color: var(--hop-c-accent, #C9A227);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hop-c-accent, #C9A227) 20%, transparent);
}
.nx-ymd-input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 10px !important;
  font-size: 0.78rem !important;
  font-weight: 550 !important;
  background: transparent !important;
  color: var(--hop-c-text, #1F1F1F) !important;
}
.nx-ymd-input.is-invalid {
  color: #b91c1c !important;
}
.nx-ymd-pick-btn {
  flex: 0 0 34px;
  border: 0;
  border-left: 1px solid var(--hop-c-border, #DED3BE);
  background: color-mix(in srgb, var(--hop-c-bg, #F8F4EA) 60%, #ffffff);
  color: var(--hop-c-text, #1F1F1F);
  cursor: pointer;
  font-size: 0.72rem;
  line-height: 1;
}
.nx-ymd-pick-btn:hover {
  background: color-mix(in srgb, var(--hop-c-accent, #C9A227) 14%, #ffffff);
}
.nx-ymd-trigger {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 11px;
  border-radius: 10px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #fff;
  color: var(--hop-c-text, #1F1F1F);
  font-size: 0.88rem;
  font-weight: 550;
  cursor: pointer;
  text-align: left;
}
.nx-ymd.is-open .nx-ymd-trigger {
  border-color: var(--hop-c-accent, #C9A227);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hop-c-accent, #C9A227) 22%, transparent);
}
.nx-ymd-caret {
  opacity: 0.55;
  font-size: 0.75rem;
}
.nx-ymd-panel {
  position: absolute;
  z-index: 5800;
  top: calc(100% + 6px);
  left: 0;
  width: min(320px, 92vw);
  padding: 12px;
  border-radius: 14px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: var(--hop-c-card, #ffffff);
  box-shadow: 0 18px 40px rgba(15, 39, 68, 0.18);
  color: var(--hop-c-text, #1F1F1F);
}
.nx-ymd-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.nx-ymd-back {
  border: 0;
  background: color-mix(in srgb, var(--hop-c-bg, #F8F4EA) 80%, #fff);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: inherit;
}
.nx-ymd-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--hop-c-muted, #6B6254);
}
.nx-ymd-grid {
  display: grid;
  gap: 6px;
}
.nx-ymd-grid--years {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-height: 220px;
  overflow: auto;
}
.nx-ymd-grid--months {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.nx-ymd-grid--days {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.nx-ymd-cell {
  min-height: 36px;
  border-radius: 9px;
  border: 1px solid transparent;
  background: color-mix(in srgb, var(--hop-c-bg, #F8F4EA) 65%, #ffffff);
  color: var(--hop-c-text, #1F1F1F);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}
.nx-ymd-cell:hover {
  border-color: color-mix(in srgb, var(--hop-c-accent, #C9A227) 45%, transparent);
}
.nx-ymd-cell.is-current {
  border-color: color-mix(in srgb, var(--hop-c-accent, #C9A227) 55%, transparent);
}
.nx-ymd-cell.is-selected {
  background: var(--hop-c-accent, #C9A227);
  color: #fff;
}
.nx-ymd-wd {
  text-align: center;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--hop-c-muted, #6B6254);
  padding: 2px 0;
}
.nx-ymd-blank { min-height: 36px; }

/* Competitor brands — compact multi-select dropdown */
#market-visit-workspace .dsr-brand-dd {
  position: relative;
  width: 100%;
  margin-top: 0;
}
#market-visit-workspace .dsr-brand-dd-trigger {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: #fff;
  color: var(--hop-c-text, #1F1F1F);
  font-size: 0.78rem;
  font-weight: 550;
  cursor: pointer;
  text-align: left;
}
#market-visit-workspace .dsr-brand-dd.is-open .dsr-brand-dd-trigger {
  border-color: var(--hop-c-accent, #C9A227);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hop-c-accent, #C9A227) 20%, transparent);
}
#market-visit-workspace .dsr-brand-dd-caret {
  opacity: 0.55;
  font-size: 0.68rem;
}
#market-visit-workspace .dsr-card,
#market-visit-workspace .dsr-form,
#market-visit-workspace .dsr-section {
  overflow: visible !important;
}
#market-visit-workspace .dsr-brand-dd-panel {
  position: absolute;
  z-index: 5800;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  max-height: min(280px, 50vh);
  border-radius: 8px;
  border: 1px solid var(--hop-c-border, #DED3BE);
  background: var(--hop-c-card, #ffffff);
  box-shadow: 0 12px 28px rgba(15, 39, 68, 0.16);
  padding: 0;
  overflow: hidden;
}
#market-visit-workspace .dsr-brand-dd-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 1 auto;
  min-height: 0;
}
#market-visit-workspace .dsr-brand-dd-option {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 4px 6px;
  border-radius: 5px;
  font-size: 0.74rem !important;
  font-weight: 500;
  line-height: 1.2;
  color: var(--hop-c-text, #1F1F1F);
  cursor: pointer;
}
#market-visit-workspace .dsr-brand-dd-option:hover {
  background: color-mix(in srgb, var(--hop-c-bg, #F8F4EA) 75%, #ffffff);
}
#market-visit-workspace .dsr-brand-dd-option input[type="checkbox"] {
  accent-color: var(--hop-c-accent, #C9A227);
  width: 13px !important;
  height: 13px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 2px !important;
  flex: 0 0 13px;
}
#market-visit-workspace .dsr-brand-dd-foot {
  flex: 0 0 auto;
  border-bottom: 1px solid color-mix(in srgb, var(--hop-c-border, #DED3BE) 80%, transparent);
  border-top: 0;
  background: color-mix(in srgb, var(--hop-c-accent, #C9A227) 12%, #ffffff);
  z-index: 2;
}
#market-visit-workspace .dsr-brand-dd-add {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 9px 10px;
  text-align: left;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--hop-c-accent, #C9A227);
  cursor: pointer;
  line-height: 1.3;
}
#market-visit-workspace .dsr-brand-dd-add:hover {
  background: color-mix(in srgb, var(--hop-c-accent, #C9A227) 12%, transparent);
}