/**
 * HB-221 — Warranty empty-hint contrast under «Thời gian bảo hành».
 *
 * Root cause: hb162/hb175 lightened the panel to #f8fafc but left the empty
 * hint at #475569 (and previously #64748b). At 11px the line still reads pale
 * on the light admin shell. Add/preset buttons also kept dark-panel ink
 * (#e2e8f0 / #cbd5e1) after the panel went light.
 *
 * Overlay only: do NOT edit index-C7BUmI7G.js / index-BN2ZtJyR.css /
 * AdminAppVertical-D1gsu3lu.js. Prefer data-hb221 markers; class/attr
 * fallbacks cover the live helper until stamped hb221-1.
 */

html.admin-root,
.admin-shell-light {
  --hb221-empty-ink: #1e293b;
  --hb221-empty-bg: #f8fafc;
  --hb221-label-ink: #334155;
  --hb221-btn-ink: #0f172a;
  --hb221-preset-ink: #334155;
}

/* Preferred: HB-221 markers */
.admin-shell-light [data-hb221="warranty-empty-hint"],
html.admin-root [data-hb221="warranty-empty-hint"],
[data-hb162="warranty-parts-editor"] [data-hb221="warranty-empty-hint"] {
  color: var(--hb221-empty-ink) !important;
  -webkit-text-fill-color: var(--hb221-empty-ink);
  font-weight: 500;
  opacity: 1 !important;
}

/* Fallback: first hint paragraph inside the warranty editor (empty state) */
.admin-shell-light [data-hb162="warranty-parts-editor"] > div > p,
html.admin-root [data-hb162="warranty-parts-editor"] > div > p,
[data-hb162="warranty-parts-editor"] p {
  color: var(--hb221-empty-ink) !important;
  -webkit-text-fill-color: var(--hb221-empty-ink);
}

.admin-shell-light [data-hb221="warranty-parts-editor"] label,
html.admin-root [data-hb221="warranty-parts-editor"] label,
[data-hb162="warranty-parts-editor"] label {
  color: var(--hb221-label-ink) !important;
  -webkit-text-fill-color: var(--hb221-label-ink);
}

/* Empty-state CTAs that still carried dark-panel pastel ink */
.admin-shell-light [data-hb162="warranty-parts-editor"] button[data-act="add"],
html.admin-root [data-hb162="warranty-parts-editor"] button[data-act="add"],
[data-hb162="warranty-parts-editor"] button[data-act="add"] {
  color: var(--hb221-btn-ink) !important;
  -webkit-text-fill-color: var(--hb221-btn-ink);
  background-color: #ffffff !important;
  border-color: #64748b !important;
}

.admin-shell-light [data-hb162="warranty-parts-editor"] button[data-act="preset"],
html.admin-root [data-hb162="warranty-parts-editor"] button[data-act="preset"],
[data-hb162="warranty-parts-editor"] button[data-act="preset"] {
  color: var(--hb221-preset-ink) !important;
  -webkit-text-fill-color: var(--hb221-preset-ink);
}