/* Brenova v468 — UltraCafe final theme, v459 layout and contrast contract.
 * This file intentionally loads last. It preserves every operational layout
 * while giving dark, bright and semantic controls deterministic foregrounds.
 */

:root {
  color-scheme: dark;
  --uc-bg: #0f0f14;
  --uc-bg-deep: #08090d;
  --uc-surface: #11131b;
  --uc-surface-2: #101118;
  --uc-surface-hover: #171a24;
  --uc-surface-soft: rgba(255, 255, 255, .045);
  --uc-border: rgba(255, 255, 255, .09);
  --uc-border-strong: rgba(255, 255, 255, .16);
  --uc-text: #f8fafc;
  --uc-muted: #b9c0cc;
  --uc-faint: #9299a7;
  --uc-ink: #090a0e;
  --uc-gold: #ffcc00;
  --uc-cyan: #00f3ff;
  --uc-green: #00e68a;
  --uc-pink: #ff3b6b;
  --uc-violet: #d8b4fe;
  --uc-focus: rgba(255, 204, 0, .24);
  --uc-font-ui: Vazirmatn, Tahoma, "Segoe UI", Arial, sans-serif;
  --chrome-bg-v460: var(--uc-bg);
  --chrome-card-v460: var(--uc-surface);
  --chrome-card-hover-v460: var(--uc-surface-hover);
  --chrome-text-v460: var(--uc-text);
  --chrome-muted-v460: var(--uc-muted);
  --chrome-faint-v460: var(--uc-faint);
  --chrome-border-v460: rgba(255, 255, 255, .16);
  --chrome-blue-v460: var(--uc-gold);
  --br-page: var(--uc-bg);
  --br-card: var(--uc-surface);
  --br-surface: var(--uc-surface-2);
  --br-surface-soft: var(--uc-surface-soft);
  --br-text: var(--uc-text);
  --br-muted: var(--uc-muted);
  --br-primary: var(--uc-gold);
}

html,
body,
body.brenova-ui-v145,
body.brenova-world-class-v384 {
  background-color: var(--uc-bg-deep) !important;
  background-image:
    radial-gradient(circle at 78% 10%, rgba(255, 204, 0, .07), transparent 28%),
    radial-gradient(circle at 12% 84%, rgba(0, 243, 255, .05), transparent 30%),
    linear-gradient(145deg, #08090d, #0f1017 50%, #090a0e) !important;
  background-attachment: fixed !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145 .ambient-bg,
body.brenova-world-class-v384 .ambient-bg {
  background:
    radial-gradient(circle at 78% 10%, rgba(255, 204, 0, .07), transparent 28%),
    radial-gradient(circle at 12% 84%, rgba(0, 243, 255, .05), transparent 30%),
    linear-gradient(145deg, #08090d, #0f1017 50%, #090a0e) !important;
}

body.brenova-world-class-v384 :where(#main-app, main, .tab-content, .content-container, .main-content) {
  background-color: transparent !important;
  background-image: none !important;
}

/* Dark surfaces always carry a light foreground. */
body.brenova-world-class-v384 :where(
  .glass-card,
  .modal-content,
  dialog > section,
  .brenova-v107-crm-card,
  .v154-console,
  .warehouse-card,
  .product-card,
  .order-card,
  .invoice-card,
  .br-chat-panel,
  .br-chat-header,
  .br-chat-card,
  .br-chat-footer,
  article:not(.customer-route-card):not(.customer-distance-card):not(.customer-directory-card)
) {
  border-color: var(--uc-border) !important;
  background-color: var(--uc-surface) !important;
  background-image: none !important;
  color: var(--uc-text) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .36) !important;
}

body.brenova-world-class-v384 #main-app :where(
  [class~="bg-white"],
  [class*="bg-white/"],
  [class*="bg-stone-50"],
  [class*="bg-stone-100"],
  [class*="bg-slate-50"],
  [class*="bg-slate-100"],
  [class*="bg-gray-50"],
  [class*="bg-zinc-50"]
):not(.customer-route-card):not(.customer-distance-card):not(.customer-directory-card) {
  border-color: var(--uc-border) !important;
  background-color: var(--uc-surface-soft) !important;
  background-image: none !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-world-class-v384 :where(
  #main-app,
  #auth-guard,
  .modal-content,
  #role-chooser-modal,
  dialog
) :where(
  h1, h2, h3, h4, h5, h6, strong, b, label,
  .text-brand-dark, .text-cafe-dark,
  [class*="text-stone-8"], [class*="text-stone-9"],
  [class*="text-slate-8"], [class*="text-slate-9"],
  [class*="text-gray-8"], [class*="text-gray-9"],
  [class*="text-zinc-8"], [class*="text-zinc-9"]
) {
  color: var(--uc-text) !important;
  text-shadow: none !important;
}

body.brenova-world-class-v384 :where(
  #main-app,
  #auth-guard,
  .modal-content,
  #role-chooser-modal,
  dialog
) :where(
  p, small,
  [class*="text-stone-4"], [class*="text-stone-5"], [class*="text-stone-6"], [class*="text-stone-7"],
  [class*="text-slate-4"], [class*="text-slate-5"], [class*="text-slate-6"], [class*="text-slate-7"],
  [class*="text-gray-4"], [class*="text-gray-5"], [class*="text-gray-6"], [class*="text-gray-7"],
  [class*="text-zinc-4"], [class*="text-zinc-5"], [class*="text-zinc-6"], [class*="text-zinc-7"]
) {
  color: var(--uc-muted) !important;
  text-shadow: none !important;
}

body.brenova-world-class-v384 :where(
  [class*="border-stone-"],
  [class*="border-slate-"],
  [class*="border-gray-"],
  [class*="border-zinc-"],
  [class*="border-white"]
) {
  border-color: var(--uc-border) !important;
}

/* Forms are dark; entered text, option text and placeholders stay legible. */
body.brenova-world-class-v384 :where(input, textarea, select, [contenteditable="true"]) {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
  caret-color: var(--uc-gold) !important;
  box-shadow: none !important;
}

body.brenova-world-class-v384 :where(input, textarea, select, [contenteditable="true"]):focus {
  border-color: rgba(255, 204, 0, .62) !important;
  background: #141620 !important;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, .09) !important;
  outline: none !important;
}

body.brenova-world-class-v384 :where(input, textarea)::placeholder {
  color: var(--uc-faint) !important;
  opacity: 1 !important;
}

body.brenova-world-class-v384 :where(select, option) {
  background-color: #12131a !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 input:is([type="checkbox"], [type="radio"]) {
  accent-color: var(--uc-gold) !important;
}

/* Button contract: default dark controls are light; bright controls are ink. */
body.brenova-world-class-v384 :where(button, [role="button"]) {
  border-color: var(--uc-border) !important;
  color: var(--uc-text) !important;
  text-shadow: none !important;
}

body.brenova-world-class-v384 :where(button, [role="button"]) :where(i, span, small, strong, b, svg) {
  color: inherit !important;
}

body.brenova-world-class-v384 :where(
  button.bg-white,
  button[class*="bg-white/"],
  button[class*="bg-stone-"],
  button[class*="bg-slate-"],
  button[class*="bg-gray-"],
  .brenova-modal-cancel-btn,
  .v154-area-actions button,
  .secondary
) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  background-image: none !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-world-class-v384 :where(
  .brenova-modal-save-btn,
  .brenova-customer-save-btn,
  button.primary,
  .btn-primary,
  #product-save-button,
  .v154-primary,
  [data-action="submit-login"],
  button[class*="from-brand"],
  button[class*="from-amber-"],
  button[class*="from-yellow-"],
  button[class*="bg-brand-primary"],
  button[class~="bg-amber-400"],
  button[class~="bg-amber-500"],
  button[class~="bg-amber-600"],
  button[class~="bg-amber-700"],
  button[class~="bg-yellow-400"],
  button[class~="bg-yellow-500"],
  button[class~="bg-yellow-600"],
  button[class~="bg-orange-400"],
  button[class~="bg-orange-500"],
  button[class~="bg-orange-600"]
) {
  border-color: var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  background-image: none !important;
  color: var(--uc-ink) !important;
  box-shadow: 0 0 26px rgba(255, 204, 0, .13) !important;
}

body.brenova-world-class-v384 :where(
  button[class*="from-emerald-"],
  button[class*="from-green-"],
  button[class~="bg-emerald-400"],
  button[class~="bg-emerald-500"],
  button[class~="bg-emerald-600"],
  button[class~="bg-green-400"],
  button[class~="bg-green-500"],
  button[class~="bg-green-600"],
  .btn-success
) {
  border-color: var(--uc-green) !important;
  background: var(--uc-green) !important;
  background-image: none !important;
  color: #07110c !important;
}

body.brenova-world-class-v384 :where(
  button[class~="bg-cyan-400"],
  button[class~="bg-cyan-500"],
  button[class~="bg-cyan-600"],
  button[class~="bg-sky-400"],
  button[class~="bg-sky-500"],
  button[class~="bg-sky-600"],
  button[class*="from-cyan-"],
  button[class*="from-sky-"],
  .btn-info
) {
  border-color: var(--uc-cyan) !important;
  background: var(--uc-cyan) !important;
  background-image: none !important;
  color: var(--uc-ink) !important;
}

body.brenova-world-class-v384 :where(
  button[class~="bg-rose-400"],
  button[class~="bg-rose-500"],
  button[class~="bg-rose-600"],
  button[class~="bg-rose-700"],
  button[class~="bg-red-400"],
  button[class~="bg-red-500"],
  button[class~="bg-red-600"],
  button[class~="bg-red-700"],
  button[class*="from-rose-"],
  button[class*="from-red-"],
  .btn-danger
) {
  border-color: var(--uc-pink) !important;
  background: var(--uc-pink) !important;
  background-image: none !important;
  color: var(--uc-ink) !important;
}

body.brenova-world-class-v384 :where(button, [role="button"]):focus-visible {
  outline: 3px solid var(--uc-focus) !important;
  outline-offset: 2px !important;
}

body.brenova-world-class-v384 :where(button, [role="button"]):disabled {
  opacity: .48 !important;
}

/* Soft semantic surfaces use a bright label on a dark tinted background. */
body.brenova-world-class-v384 :where(.bg-rose-50, .bg-red-50) {
  border-color: rgba(255, 59, 107, .34) !important;
  background: rgba(255, 59, 107, .09) !important;
  color: #ff8eaa !important;
}

body.brenova-world-class-v384 :where(.bg-emerald-50, .bg-green-50) {
  border-color: rgba(0, 230, 138, .30) !important;
  background: rgba(0, 230, 138, .08) !important;
  color: #65ffbe !important;
}

body.brenova-world-class-v384 :where(.bg-sky-50, .bg-cyan-50, .bg-blue-50, .bg-indigo-50) {
  border-color: rgba(0, 243, 255, .28) !important;
  background: rgba(0, 243, 255, .08) !important;
  color: #8df8ff !important;
}

body.brenova-world-class-v384 :where(.bg-amber-50, .bg-yellow-50, .bg-orange-50) {
  border-color: rgba(255, 204, 0, .30) !important;
  background: rgba(255, 204, 0, .08) !important;
  color: #ffe68a !important;
}

body.brenova-world-class-v384 :where(.bg-purple-50, .bg-violet-50, .bg-fuchsia-50) {
  border-color: rgba(216, 180, 254, .30) !important;
  background: rgba(216, 180, 254, .08) !important;
  color: var(--uc-violet) !important;
}

body.brenova-world-class-v384 :where([class*="text-amber-"], [class*="text-yellow-"], .text-brand-primary) {
  color: var(--uc-gold) !important;
}

body.brenova-world-class-v384 :where([class*="text-sky-"], [class*="text-cyan-"], [class*="text-blue-"], [class*="text-indigo-"]) {
  color: #8df8ff !important;
}

body.brenova-world-class-v384 :where([class*="text-emerald-"], [class*="text-green-"]) {
  color: #65ffbe !important;
}

body.brenova-world-class-v384 :where([class*="text-rose-"], [class*="text-red-"]) {
  color: #ff8eaa !important;
}

body.brenova-world-class-v384 :where([class*="text-purple-"], [class*="text-violet-"], [class*="text-fuchsia-"]) {
  color: var(--uc-violet) !important;
}

/* Header, authentication, role chooser and navigation. */
body.brenova-world-class-v384 #auth-guard,
body.brenova-world-class-v384 :where(.modal-bg, .fixed.inset-0[class*="bg-black"], .fixed.inset-0[class*="bg-stone-900"]) {
  background: rgba(0, 0, 0, .78) !important;
}

body.brenova-world-class-v384 #auth-guard :where(#register-panel, #login-panel, #license-panel),
body.brenova-world-class-v384 .modal-content {
  border: 1px solid rgba(255, 204, 0, .24) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 24px 90px rgba(0, 0, 0, .65), 0 0 34px rgba(255, 204, 0, .07) !important;
}

body.brenova-world-class-v384 #role-chooser-modal {
  background:
    radial-gradient(circle at 78% 10%, rgba(255, 204, 0, .07), transparent 28%),
    linear-gradient(145deg, #08090d, #0f1017 50%, #090a0e) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #role-chooser-modal .sticky.top-0 {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-2) !important;
}

body.brenova-world-class-v384 #role-chooser-modal [data-action="select-role"] {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #role-chooser-modal [data-action="select-role"].is-selected {
  border-color: rgba(255, 204, 0, .42) !important;
  background: rgba(255, 204, 0, .10) !important;
  color: var(--uc-gold) !important;
}

body.brenova-world-class-v384 #main-app > header {
  border-color: rgba(255, 204, 0, .22) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .42), 0 0 28px rgba(255, 204, 0, .06) !important;
}

body.brenova-world-class-v384 :where(#header-app-name, #active-user-name) {
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #header-brand-caption {
  color: var(--uc-cyan) !important;
}

body.brenova-world-class-v384 #active-user-role {
  border: 1px solid var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}

/* Customer toolbar, cards, route metric and operational states. */
body.brenova-world-class-v384 #tab-customers :where(
  .v396-filter-shell,
  .v416-customer-view-shell
) {
  border-color: var(--uc-border) !important;
  background-color: rgba(16, 17, 24, .96) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-world-class-v384 #tab-customers :where(
  .v416-view-mode-choice
) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #tab-customers :where(
  .v416-view-mode-choice.is-active
) {
  border-color: rgba(255, 204, 0, .42) !important;
  background: rgba(255, 204, 0, .10) !important;
  color: var(--uc-gold) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card,
  .customer-distance-card
) {
  border: 1px solid var(--uc-border) !important;
  border-radius: 22px !important;
  background-color: var(--uc-surface) !important;
  background-image: none !important;
  color: var(--uc-text) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-directory-card {
  padding: 14px 15px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-card {
  padding: 13px 14px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-route-card {
  border-radius: 25px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-card-layout {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  gap: 11px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-card-side {
  padding-top: 0 !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list.brenova-route-mode-list-v169 {
  gap: 10px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list.brenova-route-mode-list-v169[data-customer-view-mode="distance"] {
  gap: 10px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-identity,
  .customer-distance-card-identity
) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 4px 9px !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-identity,
  .customer-distance-card-identity
) strong {
  color: var(--uc-text) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-identity,
  .customer-distance-card-identity
) span {
  color: var(--uc-muted) !important;
  font-size: 8.5px !important;
  font-weight: 850 !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card,
  .customer-distance-card
):hover {
  border-color: rgba(255, 204, 0, .28) !important;
  background-color: var(--uc-surface-hover) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-main,
  .customer-distance-card-main,
  .customer-directory-card-identity strong,
  .customer-distance-card-identity strong
) {
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-identity span,
  .customer-distance-card-identity span,
  .customer-directory-card-address,
  .customer-directory-card-report,
  .customer-distance-card-address,
  .customer-distance-card-report,
  .customer-distance-card-purchase
) {
  color: var(--uc-muted) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-address,
  .customer-directory-card-report,
  .customer-distance-card-address,
  .customer-distance-card-report,
  .customer-distance-card-purchase
) {
  border-color: var(--uc-border) !important;
  background: rgba(255, 255, 255, .025) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-actions,
  .customer-distance-card-actions
) button {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-actions,
  .customer-distance-card-actions
) button:hover {
  border-color: rgba(0, 243, 255, .32) !important;
  color: var(--uc-cyan) !important;
}

/* V481 — semantic customer-card actions restored from the v479 reference.
 * This canonical theme is the only visual owner; the role stylesheet keeps layout only. */
body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-actions,
  .customer-distance-card-actions
) button:is(.is-report, [data-action="customer-open-quick-result"]) {
  border-color: rgba(255, 204, 0, .28) !important;
  background: rgba(255, 204, 0, .08) !important;
  color: var(--uc-gold) !important;
}
body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-directory-card-actions,
  .customer-distance-card-actions
) button:is(.is-profile, [data-action="customer-open-profile"]) {
  border-color: rgba(0, 243, 255, .28) !important;
  background: rgba(0, 243, 255, .07) !important;
  color: var(--uc-cyan) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-meter {
  border-color: rgba(0, 243, 255, .28) !important;
  background: rgba(0, 243, 255, .07) !important;
  color: #8df8ff !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-meter :where(b, small) {
  color: #8df8ff !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-route-metric-v460,
  .customer-distance-eta-v464
) {
  border-color: rgba(0, 243, 255, .25) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-route-metric-v460,
  .customer-distance-eta-v464
) small,
body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-eta-v464 span {
  color: var(--uc-cyan) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-route-metric-v460,
  .customer-distance-eta-v464
) :is(b, span, i) {
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-distance-card.is-priority-colored,
  .customer-route-card:not(.is-arrived)
) {
  border-color: rgba(251, 146, 60, .78) !important;
  background-color: #59240d !important;
  background-image: linear-gradient(145deg, #2d1409 0%, #62270d 55%, #8b3510 100%) !important;
  color: #fff !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list .customer-route-card.is-arrived {
  border-color: rgba(0, 230, 138, .52) !important;
  background-color: #064e3b !important;
  background-image: linear-gradient(145deg, #022c22 0%, #064e3b 54%, #087052 100%) !important;
  color: #fff !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-route-card,
  .customer-distance-card.is-priority-colored
) :where(h1, h2, h3, h4, strong, b, p, small, span, i, button, .customer-route-metric-v460 *, .customer-distance-meter *, .customer-distance-eta-v464 *) {
  color: #fff !important;
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-route-card,
  .customer-distance-card.is-priority-colored
) :where(.customer-route-card-actions button, .customer-distance-card-actions button, .customer-route-metric-v460, .customer-distance-meter, .customer-distance-eta-v464) {
  border-color: rgba(255, 255, 255, .26) !important;
  background: rgba(0, 0, 0, .22) !important;
  color: #fff !important;
}

@media (max-width: 520px) {
  body.brenova-world-class-v384 #tab-customers #customers-list .customer-route-card {
    border-radius: 22px !important;
  }

  body.brenova-world-class-v384 #tab-customers #customers-list .customer-directory-card {
    padding: 12px 13px !important;
    border-radius: 20px !important;
  }

  body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-card {
    padding: 11px 12px !important;
    border-radius: 20px !important;
  }

  body.brenova-world-class-v384 #tab-customers #customers-list .customer-distance-card-layout {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 9px !important;
  }
}

body.brenova-world-class-v384 #tab-customers #customers-list :is(
  .customer-distance-card,
  .customer-directory-card,
  .customer-route-card
).is-newly-registered-v449 {
  outline: 2px solid var(--uc-gold) !important;
  box-shadow: 0 0 0 4px rgba(255, 204, 0, .16) !important;
}

/* Role dashboards and connected operational desks share the same surfaces. */
body.brenova-world-class-v384 [data-role-dashboard-build] .role-ops-hero {
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--role-ops-accent) 24%, transparent), transparent 34%),
    linear-gradient(135deg, #11131b 0%, #101118 48%, #08090d 100%) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 [data-role-dashboard-build] .role-ops-hero :where(h2, p, i, button, span, strong) {
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 [data-role-dashboard-build] .role-ops-metric,
body.brenova-world-class-v384 [data-role-dashboard-build] .role-ops-flow {
  border-color: var(--uc-border) !important;
  background: linear-gradient(145deg, var(--uc-surface), var(--uc-surface-2)) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 [data-role-dashboard-build] .role-ops-step {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
}

body.brenova-world-class-v384 [data-role-dashboard-build] .role-ops-queue {
  background: color-mix(in srgb, var(--role-ops-accent) 9%, var(--uc-surface)) !important;
  color: var(--uc-text) !important;
}

/* Tables, customer profile, map controls, chat and notices. */
body.brenova-world-class-v384 :where(table, thead, tbody, tr, th, td) {
  border-color: var(--uc-border) !important;
  color: inherit !important;
}

body.brenova-world-class-v384 :where(thead, th) {
  background: var(--uc-surface-soft) !important;
  color: var(--uc-muted) !important;
}

body.brenova-world-class-v384 :where(
  .brenova-v102-profile-section,
  .customer-profile-visit-overview,
  .customer-profile-latest-report,
  .customer-profile-visit-decisions > div,
  .customer-profile-recent-reports,
  .customer-profile-visit-metric,
  .customer-profile-report-archive,
  .customer-profile-report-item
) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 :where(.leaflet-bar a, .leaflet-control, .leaflet-popup-content-wrapper, .leaflet-popup-tip) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 :where(.br-chat-body, .br-chat-messages, .leaflet-container) {
  background: var(--uc-bg-deep) !important;
}

body.brenova-world-class-v384 .mine .br-chat-bubble {
  background: rgba(255, 204, 0, .14) !important;
  color: var(--uc-gold) !important;
}

body.brenova-world-class-v384 .theirs .br-chat-bubble {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 :where(#toast-container, .toast-root) > * {
  border-color: var(--uc-border) !important;
  background: rgba(16, 17, 24, .98) !important;
  color: var(--uc-text) !important;
}

body.brenova-world-class-v384 ::selection {
  background: rgba(255, 204, 0, .28);
  color: #fff;
}

body.brenova-world-class-v384 ::-webkit-scrollbar-thumb {
  background: rgba(185, 192, 204, .38) !important;
}

/* V465 interface consistency contract.
 * Older screens still carry high-specificity v145 light-theme utilities.
 * These component roots deliberately outrank those utilities without changing
 * the preserved v459 customer-card geometry.
 */
body.brenova-ui-v145.brenova-world-class-v384 {
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :where(button, input, textarea, select, option) {
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :where(.text-brand-dark, .text-cafe-dark) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .text-brand-primary {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :where(.bg-brand-dark, .bg-brand-primary) {
  border-color: var(--uc-gold) !important;
  background-color: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :where(.bg-brand-dark, .bg-brand-primary) :where(i, span, small, strong, b, svg) {
  color: inherit !important;
}

body.brenova-ui-v145.brenova-world-class-v384 button[class*="from-brand"] {
  border-color: var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  background-image: none !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 button[class*="from-brand"] :where(i, span, small, strong, b, svg) {
  color: inherit !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .tab-content h2 {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .tab-content h2 + p {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .modal-content :where(h3, h4) {
  color: var(--uc-text) !important;
}

/* Advanced customer search — the dialog is mounted under body, not #tab-customers. */
body.brenova-ui-v145 .brenova-customer-search-v465 {
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145 .brenova-customer-search-v465::backdrop {
  background: rgba(0, 0, 0, .78) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 {
  border-color: rgba(255, 204, 0, .22) !important;
  background: linear-gradient(155deg, #11131b, #0b0c11) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .68), 0 0 32px rgba(255, 204, 0, .06) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(header, footer) {
  border-color: var(--uc-border) !important;
  background: #101118 !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 header h3,
body.brenova-ui-v145 .brenova-customer-search-shell-v465 .v396-search-box {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(header p, .v396-filter-check small, .v396-route-side-choice small) {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(header button, footer .secondary) {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-hover) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 .v396-search-box input {
  border-color: var(--uc-border-strong) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
  caret-color: var(--uc-gold) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 .v396-search-box input::placeholder {
  color: var(--uc-faint) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(.v396-filter-check, .v396-route-side-choice) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(.v396-filter-check, .v396-route-side-choice) b {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 .v396-filter-check.is-checked,
body.brenova-ui-v145 .brenova-customer-search-shell-v465 .v396-route-side-choice.is-active {
  border-color: rgba(255, 204, 0, .46) !important;
  background: rgba(255, 204, 0, .09) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(.v396-filter-check.is-checked, .v396-route-side-choice.is-active) b {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 input:is([type="checkbox"], [type="radio"]) {
  accent-color: var(--uc-gold) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 footer .primary {
  border: 1px solid var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145 .brenova-customer-search-shell-v465 :where(button, button *) {
  color: inherit !important;
}

/* Role chooser — one dark card contract for title, icon, copy and selection. */
body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal.brenova-role-chooser-v465,
body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal.brenova-role-chooser-v465 > .brenova-role-chooser-shell-v465 {
  background:
    radial-gradient(circle at 75% 8%, rgba(255, 204, 0, .07), transparent 28%),
    linear-gradient(145deg, #08090d, #0f1017 50%, #090a0e) !important;
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-chooser-header-v465 {
  border-bottom: 1px solid var(--uc-border) !important;
  background: rgba(16, 17, 24, .98) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-chooser-header-v465 h3,
body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465 strong {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal :where(.brenova-role-chooser-header-v465 p, .brenova-role-choice-v465 small) {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-chooser-header-v465 button {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-hover) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465 {
  border-color: var(--uc-border) !important;
  background: linear-gradient(145deg, var(--uc-surface), var(--uc-surface-2)) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-icon-v465 {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465.is-selected {
  border-color: rgba(255, 204, 0, .48) !important;
  background: rgba(255, 204, 0, .09) !important;
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465.is-selected strong,
body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465.is-selected > i,
body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465.is-selected .brenova-role-choice-icon-v465 {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #role-chooser-modal .brenova-role-choice-v465.is-selected .brenova-role-choice-icon-v465 {
  border-color: rgba(255, 204, 0, .32) !important;
  background: rgba(255, 204, 0, .08) !important;
}

/* CRM workspace — accents describe state; text never relies on a pale card. */
body.brenova-ui-v145.brenova-world-class-v384 #tab-crm.brenova-crm-theme-v465 {
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm :where(
  .brenova-crm-header-v465,
  .brenova-crm-daily-v465,
  .brenova-crm-results-shell-v465,
  .brenova-v107-crm-card
) {
  border-color: var(--uc-border) !important;
  background: linear-gradient(145deg, var(--uc-surface), var(--uc-surface-2)) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm :where(.text-brand-dark, h2, h3, strong, b) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm :where(p, small, [class*="text-stone-"]) {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm :where(.brenova-crm-action-v465, .brenova-crm-stat-v465) {
  --crm-accent-v465: var(--uc-gold);
  border-color: color-mix(in srgb, var(--crm-accent-v465) 34%, transparent) !important;
  background: color-mix(in srgb, var(--crm-accent-v465) 8%, var(--uc-surface)) !important;
  color: var(--crm-accent-v465) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm [data-crm-tone="orange"] {
  --crm-accent-v465: #ffb36d;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm [data-crm-tone="rose"] {
  --crm-accent-v465: #ff8eaa;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm [data-crm-tone="amber"] {
  --crm-accent-v465: #ffe68a;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm [data-crm-tone="emerald"] {
  --crm-accent-v465: #65ffbe;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm [data-crm-tone="sky"] {
  --crm-accent-v465: #8df8ff;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm :where(.brenova-crm-action-v465, .brenova-crm-stat-v465) :where(b, span, p, i) {
  color: inherit !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm .brenova-crm-daily-badge-v465 {
  border: 1px solid var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm :where(.brenova-crm-summary-v465, .brenova-crm-empty-v465, .brenova-crm-list-head-v465 > span) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm .brenova-crm-summary-v465 span {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm .brenova-v107-crm-card > div:nth-of-type(2) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm .brenova-v107-crm-pill {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-crm .brenova-v107-crm-pill.is-active {
  border-color: rgba(255, 204, 0, .38) !important;
  background: rgba(255, 204, 0, .10) !important;
  color: var(--uc-gold) !important;
}

/* Organization definitions and module access. */
body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-definitions-v465 {
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-definitions-v465 :where(h2, h3, .text-brand-dark) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-module-row-v465 {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-module-row-v465 b {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-module-row-v465:has(input:checked) {
  border-color: rgba(255, 204, 0, .34) !important;
  background: rgba(255, 204, 0, .07) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-module-row-v465:has(input:checked) b {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #main-app .brenova-admin-definitions-v465 input[type="checkbox"] {
  accent-color: var(--uc-gold) !important;
}

/* Invoice builder — dark form surfaces with deterministic action foregrounds. */
body.brenova-ui-v145.brenova-world-class-v384 #tab-order.brenova-order-surface-v465 {
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order :where(h2, h3, .text-brand-dark) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order > div:first-child p {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v465 {
  border-color: var(--uc-border) !important;
  border-top-color: var(--uc-gold) !important;
  background: linear-gradient(155deg, var(--uc-surface), var(--uc-surface-2)) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .36) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order :where(
  .brenova-order-customer-v465,
  .brenova-order-products-v465,
  .brenova-order-discount-v465
) {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-products-v465 > .group {
  border-color: var(--uc-border) !important;
  background: transparent !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-products-v465 > .group:hover {
  background: var(--uc-surface-hover) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order :where(#order-product-search, #order-discount, [data-input-action="order-quantity-change"]) {
  border-color: var(--uc-border-strong) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-total-v465 {
  border: 1px solid rgba(255, 204, 0, .20) !important;
  background: linear-gradient(145deg, #0b0c11, #151722) !important;
  color: #fff !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-total-v465 :where(span, i) {
  color: inherit !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order [data-action="order-clear-cart"] {
  border-color: rgba(255, 59, 107, .30) !important;
  background: rgba(255, 59, 107, .08) !important;
  color: #ff8eaa !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order [data-action="navigate"] {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-hover) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order [data-action="customer-open-add"],
body.brenova-ui-v145.brenova-world-class-v384 #tab-order #btn-submit-order {
  border: 1px solid var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  background-image: none !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order #btn-reserve-order {
  border: 1px solid var(--uc-violet) !important;
  background: var(--uc-violet) !important;
  background-image: none !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order :where(
  [data-action="order-clear-cart"],
  [data-action="navigate"],
  [data-action="customer-open-add"],
  #btn-submit-order,
  #btn-reserve-order
) :where(i, span, strong, b) {
  color: inherit !important;
}

/* V466 customer visibility dialog.
 * It is mounted directly below body, so it needs its own final-theme root.
 */
body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-v466 {
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-v466::backdrop {
  background: rgba(0, 0, 0, .78) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 {
  border-color: rgba(255, 204, 0, .22) !important;
  background: linear-gradient(155deg, #11131b, #0b0c11) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .68), 0 0 32px rgba(255, 204, 0, .06) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 :where(header, footer) {
  border-color: var(--uc-border) !important;
  background: #101118 !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 :where(
  header h3,
  .v416-view-section > h4,
  .v416-view-mode-choice b
) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 :where(
  header p,
  .v416-view-mode-choice small
) {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 header button,
body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 footer .secondary {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-hover) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 .v416-view-mode-choice {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 .v416-view-mode-choice > i {
  border: 1px solid var(--uc-border) !important;
  background: var(--uc-surface-soft) !important;
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 .v416-view-mode-choice.is-active {
  border-color: rgba(255, 204, 0, .46) !important;
  background: rgba(255, 204, 0, .09) !important;
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 .v416-view-mode-choice.is-active :where(i, b) {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 .v416-view-note {
  border-color: rgba(0, 243, 255, .24) !important;
  background: rgba(0, 243, 255, .07) !important;
  color: #b9faff !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 .v416-view-section.is-disabled {
  opacity: .68 !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 footer .primary {
  border: 1px solid var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-customer-view-shell-v466 :where(button, button *) {
  color: inherit !important;
}

/* V466 marketer zone-route map.
 * sales-zones.css is deferred by role; these rules remain the last contrast
 * contract even when that structural stylesheet is appended after boot.
 */
body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-v466, .brenova-zone-manager-v466) {
  color: var(--uc-text) !important;
  font-family: var(--uc-font-ui) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-v466, .brenova-zone-manager-v466)::backdrop {
  background: rgba(0, 0, 0, .82) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) {
  border: 1px solid rgba(255, 204, 0, .22) !important;
  background: linear-gradient(155deg, #11131b, #090a0e) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .72), 0 0 34px rgba(255, 204, 0, .07) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) :where(
  .sz-header-v389,
  .sz-actions-v389
) {
  border-color: var(--uc-border) !important;
  background: #101118 !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-panel-v389 {
  border-color: var(--uc-border) !important;
  background: #0d0e14 !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-map-wrap-v389 {
  min-height: 250px !important;
  background: var(--uc-bg-deep) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) :where(
  .sz-header-v389 h3,
  .sz-form-v389,
  .sz-form-v389 label,
  .sz-stop-v389 b
) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) :where(
  .sz-header-v389 p,
  .sz-stop-v389 small,
  .sz-empty-v389,
  .sz-route-stats-v389 span
) {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) :where(
  .sz-form-v389 input,
  .sz-form-v389 textarea,
  .sz-form-v389 select
) {
  border-color: var(--uc-border-strong) !important;
  background: var(--uc-surface-2) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-status-v389 {
  border-color: rgba(0, 243, 255, .22) !important;
  background: rgba(0, 243, 255, .06) !important;
  color: #b9faff !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-route-stats-v389 div,
body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-stop-v389 {
  border-color: var(--uc-border) !important;
  background: var(--uc-surface) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-route-stats-v389 b {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-route-stats-v389 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-stop-v389.is-active-v467 {
  border-color: rgba(249, 115, 22, .62) !important;
  background: linear-gradient(145deg, #2c140a, #4d210d) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-stop-v389.is-next-v467 {
  border-color: rgba(255, 204, 0, .48) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 :is(
  .sz-stop-leg-v467,
  .sz-stop-schedule-v467
) {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: normal !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-stop-schedule-v467 {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-route-analytics-v467 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(255, 204, 0, .28) !important;
  border-radius: 14px !important;
  background: rgba(255, 204, 0, .06) !important;
  color: var(--uc-text) !important;
  font-size: 7.5px !important;
  font-weight: 900 !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-route-analytics-v467[hidden] {
  display: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-route-analytics-v467 strong {
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-route-analytics-v467 span {
  padding: 3px 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-stop-v389 > em {
  background: rgba(255, 204, 0, .10) !important;
  color: var(--uc-gold) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-stop-v389 button {
  border: 1px solid rgba(0, 243, 255, .24) !important;
  background: rgba(0, 243, 255, .08) !important;
  color: var(--uc-cyan) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-empty-v389 {
  border-color: var(--uc-border-strong) !important;
  background: var(--uc-surface-soft) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) :where(
  .sz-close-v389,
  .sz-map-toolbar-v389 button,
  .sz-actions-v389 .secondary
) {
  border: 1px solid var(--uc-border) !important;
  background: rgba(16, 17, 24, .94) !important;
  color: var(--uc-text) !important;
  box-shadow: none !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-actions-v389 .primary {
  border: 1px solid var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
  box-shadow: 0 0 26px rgba(255, 204, 0, .13) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) :where(button, button *) {
  color: inherit !important;
}

@media (max-width: 760px) {
  body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-content-v389 {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(250px, 43dvh) minmax(0, 1fr) !important;
  }

  body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-map-wrap-v389 {
    grid-row: 1 !important;
  }

  body.brenova-ui-v145.brenova-world-class-v384 :is(.brenova-zone-route-shell-v466, .brenova-zone-manager-shell-v466) .sz-panel-v389 {
    grid-row: 2 !important;
  }
}

@media (max-width: 420px) {
  body.brenova-ui-v145.brenova-world-class-v384 .brenova-zone-route-shell-v466 .sz-route-stats-v389 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-customers
  #customers-list.brenova-route-mode-list-v169[data-customer-view-mode="distance"] {
  gap: 10px !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-customers
  #customers-list.brenova-route-mode-list-v169 > * {
  margin-block: 0 !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order.brenova-order-surface-v468 {
  border: 0 !important;
  background: transparent !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468 {
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-top: 3px solid rgba(255, 204, 0, .78) !important;
  background:
    radial-gradient(circle at 88% 2%, rgba(255, 204, 0, .07), transparent 30%),
    linear-gradient(155deg, rgba(17, 19, 27, .94), rgba(8, 9, 13, .90)) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: saturate(1.08) blur(22px) !important;
  -webkit-backdrop-filter: saturate(1.08) blur(22px) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468 :where(
  .brenova-order-customer-v465,
  .brenova-order-products-v465,
  .brenova-order-discount-v465
) {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)) !important;
  color: var(--uc-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468 :where(
  #active-invoice-customer-name,
  h3,
  label,
  .text-brand-dark,
  .text-stone-600,
  .text-stone-700
) {
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468 :where(
  .text-stone-400,
  .text-stone-500
) {
  color: var(--uc-muted) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468
  .brenova-order-products-v465 > .group {
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(255, 255, 255, .025) !important;
  color: var(--uc-text) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468
  .brenova-order-products-v465 > .group:hover {
  background: rgba(255, 255, 255, .075) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468 :where(
  #order-product-search,
  #order-discount,
  [data-input-action="order-quantity-change"]
) {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  background: rgba(8, 9, 13, .66) !important;
  color: var(--uc-text) !important;
  box-shadow: inset 0 1px 7px rgba(0, 0, 0, .28) !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-card-v468
  :where(#order-product-search, [data-input-action="order-quantity-change"])::placeholder {
  color: var(--uc-faint) !important;
  opacity: 1 !important;
}

body.brenova-ui-v145.brenova-world-class-v384 #tab-order .brenova-order-total-v465 {
  border-color: rgba(255, 204, 0, .24) !important;
  background: linear-gradient(145deg, rgba(8, 9, 13, .96), rgba(21, 23, 34, .94)) !important;
  color: #fff !important;
}

/* Every modal shown in the reported screens uses the same dark glass frame. */
body.brenova-glass-surfaces-v469 :is(
  #customer-tools-modal-v357,
  #customer-followup-modal-v379,
  #dynamic-profile-modal,
  #add-customer-modal
) .modal-bg {
  background: rgba(0, 0, 0, .76) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}
body.brenova-glass-surfaces-v469 :is(
  #customer-tools-modal-v357,
  #customer-followup-modal-v379,
  #dynamic-profile-modal,
  #add-customer-modal
) .modal-content {
  border: 1px solid rgba(255, 204, 0, .24) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(255,204,0,.07), transparent 28%),
    linear-gradient(155deg, rgba(18,20,29,.96), rgba(8,9,13,.94)) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.70), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: saturate(1.08) blur(26px) !important;
  -webkit-backdrop-filter: saturate(1.08) blur(26px) !important;
}
body.brenova-glass-surfaces-v469 :is(
  #customer-tools-modal-v357,
  #customer-followup-modal-v379,
  #dynamic-profile-modal,
  #add-customer-modal
) .modal-content :is(
  [class~="bg-white"],
  [class*="bg-white/"],
  [class*="bg-stone-50"],
  [class*="bg-stone-100"],
  [class*="bg-slate-50"],
  [class*="bg-gray-50"]
):not(button):not(a):not(label) {
  border-color: var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
  color: var(--uc-text) !important;
  box-shadow: var(--uc-glass-highlight) !important;
}
body.brenova-glass-surfaces-v469 :is(
  #customer-tools-modal-v357,
  #customer-followup-modal-v379,
  #dynamic-profile-modal,
  #add-customer-modal
) .modal-content > :is(header, .sticky.top-0, footer, .brenova-modal-action-bar, .customer-modal-header, .customer-modal-footer) {
  border-color: var(--uc-glass-line) !important;
  background: rgba(11, 13, 20, .88) !important;
  color: var(--uc-text) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
body.brenova-glass-surfaces-v469 :is(
  #customer-tools-modal-v357,
  #customer-followup-modal-v379,
  #dynamic-profile-modal,
  #add-customer-modal
) .modal-content > :is(.p-4, .brenova-customer-form-body) {
  background: rgba(255,255,255,.018) !important;
}
body.brenova-glass-surfaces-v469 :is(
  #customer-tools-modal-v357,
  #customer-followup-modal-v379,
  #dynamic-profile-modal,
  #add-customer-modal
) button[data-action="close-modal"] {
  border: 1px solid var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
  color: var(--uc-text) !important;
  box-shadow: var(--uc-glass-highlight) !important;
}

/* Customer tools / quick operations sheet. */
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 .v399-tools-group {
  padding: 12px !important;
  border: 1px solid var(--uc-glass-line) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  box-shadow: var(--uc-glass-highlight) !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 .v399-tools-group h4 {
  color: var(--uc-text) !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 .v357-tools-action-grid .brenova-v101-action {
  border: 1px solid var(--uc-glass-line) !important;
  background: rgba(255,255,255,.065) !important;
  color: var(--uc-text) !important;
  box-shadow: var(--uc-glass-highlight) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 [data-action="customer-call"] {
  border-color: rgba(0,230,138,.30) !important;
  background: rgba(0,230,138,.09) !important;
  color: #65ffbe !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 [data-action="customer-card-neshan"] {
  border-color: rgba(0,243,255,.30) !important;
  background: rgba(0,243,255,.08) !important;
  color: #8df8ff !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 [data-action="customer-card-order"] {
  border-color: var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 [data-action="customer-open-followup"] {
  border-color: rgba(255,204,0,.32) !important;
  background: rgba(255,204,0,.09) !important;
  color: #ffe68a !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 [data-action="customer-delete"] {
  border-color: rgba(255,59,107,.32) !important;
  background: rgba(255,59,107,.09) !important;
  color: #ff8eaa !important;
}
body.brenova-glass-surfaces-v469 #customer-tools-modal-v357 .brenova-modal-cancel-btn {
  border: 1px solid var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
  color: var(--uc-text) !important;
}

/* Customer profile and report archive. */
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .brenova-v111-profile-tabbar {
  padding: 4px 0 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(10,12,18,.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .brenova-v111-profile-tab {
  border: 1px solid var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
  color: var(--uc-muted) !important;
  box-shadow: var(--uc-glass-highlight) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .brenova-v111-profile-tab.is-active {
  border-color: rgba(255,204,0,.48) !important;
  background: rgba(255,204,0,.13) !important;
  color: var(--uc-gold) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal :is(
  .brenova-v102-profile-section,
  .customer-profile-visit-overview,
  .customer-profile-latest-report,
  .customer-profile-visit-decisions > div,
  .customer-profile-recent-reports article,
  .customer-profile-visit-metric,
  .customer-profile-report-archive,
  .customer-profile-report-item
) {
  border-color: var(--uc-glass-line) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
  color: var(--uc-text) !important;
  box-shadow: var(--uc-glass-highlight) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal :is(
  .customer-profile-report-archive-header,
  .customer-profile-report-text p,
  .customer-profile-report-meta > div,
  .brenova-v102-readonly-row
) {
  border-color: rgba(255,255,255,.09) !important;
  background: rgba(5,7,11,.42) !important;
  color: var(--uc-text) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal :is(
  .customer-profile-latest-report p,
  .customer-profile-recent-reports p,
  .customer-profile-report-title b,
  .customer-profile-report-text p,
  .customer-profile-report-meta dd,
  .brenova-v102-readonly-row b
) {
  color: var(--uc-text) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal :is(
  .customer-profile-report-help,
  .customer-profile-report-title small,
  .customer-profile-report-meta dt,
  .customer-profile-latest-report small,
  .customer-profile-recent-reports small,
  .brenova-v102-readonly-row span
) {
  color: var(--uc-muted) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .customer-profile-report-archive-header strong {
  background: rgba(0,243,255,.10) !important;
  color: #8df8ff !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .customer-profile-report-number {
  background: rgba(255,204,0,.12) !important;
  color: var(--uc-gold) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .customer-profile-report-badges span {
  background: rgba(255,255,255,.075) !important;
  color: var(--uc-muted) !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .customer-profile-report-badges .is-important {
  background: rgba(255,204,0,.11) !important;
  color: #ffe68a !important;
}
body.brenova-glass-surfaces-v469 #dynamic-profile-modal .customer-profile-report-badges .is-deleted {
  background: rgba(255,59,107,.10) !important;
  color: #ff8eaa !important;
}

/* CRM daily checklist cards and their nested action surfaces. */
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card {
  border: 1px solid var(--uc-glass-line) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(255,204,0,.055), transparent 30%),
    linear-gradient(145deg, rgba(20,22,32,.88), rgba(9,10,15,.88)) !important;
  color: var(--uc-text) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.34), var(--uc-glass-highlight) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card > div:nth-of-type(2) {
  border-color: var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
  color: var(--uc-muted) !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card :is(
  span[class*="bg-stone-"],
  a[class*="bg-emerald-"],
  span[class*="bg-emerald-"]
) {
  border-color: var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card .grid.grid-cols-4 button,
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card > button:last-child {
  border-color: var(--uc-glass-line) !important;
  background: var(--uc-glass-control) !important;
  color: var(--uc-text) !important;
  box-shadow: var(--uc-glass-highlight) !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card [data-action="crm-order"] {
  border-color: var(--uc-gold) !important;
  background: var(--uc-gold) !important;
  color: var(--uc-ink) !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card [data-action="crm-call"] {
  border-color: rgba(0,230,138,.30) !important;
  background: rgba(0,230,138,.08) !important;
  color: #65ffbe !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card [data-action="crm-report"] {
  border-color: rgba(0,243,255,.30) !important;
  background: rgba(0,243,255,.08) !important;
  color: #8df8ff !important;
}
body.brenova-glass-surfaces-v469 #tab-crm .brenova-v107-crm-card [data-action="crm-open-compose"] {
  border-color: rgba(255,204,0,.32) !important;
  background: rgba(255,204,0,.09) !important;
  color: #ffe68a !important;
}