/**
 * HB-296 — Create/Edit customer dialog header: dark bar → light admin chrome.
 *
 * Root CSS cause: frozen live CustomerManager-Be4KDXLB.js still paints the
 * fullscreen create/edit dialog shell as `!bg-gray-900` and its sticky
 * DialogHeader as `sticky top-0 bg-gray-900 … border-gray-700`, with
 * `text-gray-400 hover:text-white` «Quay lại» and `text-white` title.
 * BN2 / `.admin-shell-light` remaps cover `bg-slate-900` only — not
 * `bg-gray-900` / `!bg-gray-900` — so the thick navy header stays dark
 * while the form body reads light.
 *
 * Overlay only: do NOT edit index-C7BUmI7G.js / index-BN2ZtJyR.css /
 * AdminAppVertical-D1gsu3lu.js. Prefer data-hb296 marker; class fallbacks
 * cover the frozen chunk until surgically patched.
 */

html.admin-root,
.admin-shell-light {
  --hb296-header-bg: #ffffff;
  --hb296-header-border: #e2e8f0;
  --hb296-header-ink: #0f172a;
  --hb296-back-ink: #475569;
  --hb296-back-ink-hover: #0f172a;
  --hb296-dialog-bg: #ffffff;
}

/* Preferred: marker after source / chunk patch */
.admin-shell-light [data-hb296-customer-header="1"],
html.admin-root [data-hb296-customer-header="1"] {
  background-color: var(--hb296-header-bg) !important;
  background-image: none !important;
  border-color: var(--hb296-header-border) !important;
  color: var(--hb296-header-ink) !important;
  -webkit-text-fill-color: var(--hb296-header-ink);
}

.admin-shell-light [data-hb296-customer-header="1"] .text-white,
.admin-shell-light [data-hb296-customer-header="1"] [class*="text-white"],
html.admin-root [data-hb296-customer-header="1"] .text-white,
html.admin-root [data-hb296-customer-header="1"] [class*="text-white"] {
  color: var(--hb296-header-ink) !important;
  -webkit-text-fill-color: var(--hb296-header-ink);
}

.admin-shell-light [data-hb296-customer-header="1"] .text-gray-400,
.admin-shell-light [data-hb296-customer-header="1"] [class*="text-gray-400"],
html.admin-root [data-hb296-customer-header="1"] .text-gray-400,
html.admin-root [data-hb296-customer-header="1"] [class*="text-gray-400"] {
  color: var(--hb296-back-ink) !important;
  -webkit-text-fill-color: var(--hb296-back-ink);
}

.admin-shell-light [data-hb296-customer-header="1"] button:hover,
html.admin-root [data-hb296-customer-header="1"] button:hover {
  color: var(--hb296-back-ink-hover) !important;
  -webkit-text-fill-color: var(--hb296-back-ink-hover);
}

/*
 * Frozen-chunk fallback: exact sticky header combo used only by
 * CustomerManager create/edit dialogs (2 hits in Be4KDXLB; 0 elsewhere).
 */
.admin-shell-light div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700,
.admin-shell-light div.sticky.top-0[class*="bg-gray-900"].z-10.pb-4.border-b,
html.admin-root div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700,
html.admin-root div.sticky.top-0[class*="bg-gray-900"].z-10.pb-4.border-b {
  background-color: var(--hb296-header-bg) !important;
  background-image: none !important;
  border-color: var(--hb296-header-border) !important;
  color: var(--hb296-header-ink) !important;
  -webkit-text-fill-color: var(--hb296-header-ink);
}

.admin-shell-light div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 .text-white,
.admin-shell-light div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 [class*="text-white"],
.admin-shell-light div.sticky.top-0[class*="bg-gray-900"].z-10.pb-4.border-b .text-white,
html.admin-root div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 .text-white,
html.admin-root div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 [class*="text-white"] {
  color: var(--hb296-header-ink) !important;
  -webkit-text-fill-color: var(--hb296-header-ink);
}

.admin-shell-light div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 .text-gray-400,
.admin-shell-light div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 [class*="text-gray-400"],
.admin-shell-light div.sticky.top-0[class*="bg-gray-900"].z-10.pb-4.border-b .text-gray-400,
html.admin-root div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 .text-gray-400,
html.admin-root div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 [class*="text-gray-400"] {
  color: var(--hb296-back-ink) !important;
  -webkit-text-fill-color: var(--hb296-back-ink);
}

.admin-shell-light div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 button:hover,
.admin-shell-light div.sticky.top-0[class*="bg-gray-900"].z-10.pb-4.border-b button:hover,
html.admin-root div.sticky.top-0.bg-gray-900.z-10.pb-4.border-b.border-gray-700 button:hover {
  color: var(--hb296-back-ink-hover) !important;
  -webkit-text-fill-color: var(--hb296-back-ink-hover);
}

/*
 * Dialog shell: create/edit customer fullscreen still ships `!bg-gray-900`
 * (unique to those two CustomerManager dialogs; other CM dialogs use slate-800).
 */
.admin-shell-light [role="dialog"][class*="!bg-gray-900"],
.admin-shell-light [role="dialog"].\!bg-gray-900,
html.admin-root [role="dialog"][class*="!bg-gray-900"],
html.admin-root [role="dialog"].\!bg-gray-900,
.admin-shell-light [data-hb296-customer-dialog="1"],
html.admin-root [data-hb296-customer-dialog="1"] {
  background-color: var(--hb296-dialog-bg) !important;
  background-image: none !important;
  color: var(--hb296-header-ink) !important;
  border-color: transparent !important;
}

/* Stamp marker for multipass */
html.admin-root::after {
  content: none;
}