/* ==========================================================================
   Hajvery Libas — Admin panel: light theme layer
   Loaded AFTER assets/css/app.css on admin pages only (admin/_boot.php and
   admin/login.php). Overrides the panel's dark colours with the storefront's
   warm light palette while keeping the component structure identical.

   Palette  (matches the design tokens in assets/css/style.css):
     --ink      #141416   page text
     --ink-2    #1c1c20   headings
     --slate    #6c6c78   secondary text
     --muted    #8b8b96   faint text
     --line     #e6e2da   card borders
     --line-2   #d6d0c4   control borders
     --cream    #faf8f4   pale washes
     --sand     #f2eee6   table headers / chips
     --sand-2   #e9e3d8   hover washes
     --white    #ffffff   cards, sidebar
     --gold     #c9a227   primary button / accent
     --gold-2   #a8871c / #8a6f16 on light backgrounds for accents
   ========================================================================== */

:root {
  --font-body:    "Jost", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Cormorant Garamond", "Playfair Display", Didot, "Bodoni MT", Georgia, "Times New Roman", serif;
  --gold:  #c9a227;
  --gold-2: #a8871c;
  --gold-deep: #8a6f16;
}

html.admin-body { background: #f4f0e8; color: #1c1c20; }

/* ---------------------------------------------------------------- sidebar */
.admin-side {
  background: #ffffff;
  border-right: 1px solid #e6e2da;
}
.admin-brand { border-bottom: 1px solid #ece8e0; }
img.admin-brand__logo { filter: none; }
.admin-brand__text strong { color: #141416; }
.admin-brand__text span { color: #8b8b96; }

.admin-nav__label { color: #8b8b96; }
.admin-nav a { color: #56565e; }
.admin-nav a svg { opacity: .75; }
.admin-nav a:hover { background: #f7f3ea; color: #141416; }
.admin-nav a.is-active { background: rgba(201, 162, 39, .13); color: #8a6f16; }
.admin-side__foot { border-top: 1px solid #ece8e0; }
.admin-side__foot a { color: #8b8b96; }
.admin-side__foot a:hover { color: #141416; }
.admin-side__logout { color: #8b8b96; }
.admin-side__logout:hover { color: #141416; }

/* ----------------------------------------------------------------- topbar */
.admin-top h1 { color: #141416; }
.admin-top p { color: #6c6c78; }

/* ---------------------------------------------------------------- cards */
.admin-card { background: #ffffff; border: 1px solid #e6e2da; }
.admin-card__head { border-bottom: 1px solid #ece8e0; }
.admin-card__head h2 { color: #141416; }
.admin-card__head p { color: #6c6c78; }

.admin-stat { background: #ffffff; border: 1px solid #e6e2da; }
.admin-stat::after { background: rgba(201, 162, 39, .08); }
.admin-stat__label { color: #8b8b96; }
.admin-stat__value { color: #141416; }
.admin-stat__meta { color: #6c6c78; }
.admin-stat__meta.is-up { color: #15603c; }
.admin-stat__meta.is-down { color: #a33d24; }

/* ---------------------------------------------------------------- tables */
.admin-table th { background: #f2eee6; color: #6c6c78; border-bottom: 1px solid #e0dacd; }
.admin-table td { border-bottom: 1px solid #ece8e0; color: #2f2f36; }
.admin-table tbody tr:hover td { background: #faf7f1; }
.admin-table__thumb { border: 1px solid #e0dacd; }
.admin-table a { color: #8a6f16; }
.admin-mono { color: #8a6f16; }

/* ---------------------------------------------------------------- buttons */
.admin-btn--ghost { color: #3a3a42; border: 1px solid #d6d0c4; }
.admin-btn--ghost:hover { background: #ffffff; color: #141416; }

/* ---------------------------------------------------------------- fields */
.admin-field label { color: #8b8b96; }
.admin-field input, .admin-field select, .admin-field textarea {
  background: #ffffff; border: 1px solid #d6d0c4; color: #141416;
}
.admin-field select option { background: #ffffff; }
.admin-hint { color: #6c6c78; }
.admin-error { color: #a33d24; }
.admin-check { color: #3a3a42; }
.admin-field .req { color: #8a6f16; }
.admin-field.has-error input, .admin-field.has-error select, .admin-field.has-error textarea { border-color: rgba(163, 61, 36, .5); }
.admin-field.has-error label { color: #a33d24; }

/* ---------------------------------------------------------------- alerts */
.admin-alert--ok { background: rgba(79, 157, 105, .12); border: 1px solid rgba(79, 157, 105, .42); color: #15603c; }
.admin-alert--bad { background: rgba(180, 71, 47, .1); border: 1px solid rgba(180, 71, 47, .36); color: #8c3a28; }
.admin-alert--info, .admin-alert--warn { background: rgba(201, 162, 39, .1); border: 1px solid rgba(201, 162, 39, .38); color: #8a6f16; }
.admin-alert--warn code,
.admin-alert--info code { background: rgba(20, 20, 22, .06); color: #6b520a; }

/* ---------------------------------------------------------------- checks */
.admin-checks { background: #e0dacd; border: 1px solid #d6d0c4; }
.admin-check-row { background: #ffffff; }
.admin-check-row__mark.is-ok { color: #15603c; }
.admin-check-row__mark.is-bad { color: #a33d24; }
.admin-check-row__label { color: #2f2f36; }
.admin-check-row__detail { color: #8b8b96; }

/* --------------------------------------------- homepage editor (admin/home) */
.home-repeat__row { border: 1px solid #e6e2da; background: #ffffff; }
.home-repeat__cap { color: #8a6f16; background: #f7f3ea; border: 1px solid #e6e2da; }
.icon-pick__preview { border: 1px solid #e0dacd; background: #faf8f4; }
.icon-pick__preview svg { color: #8a6f16; }
.home-subblock { border-top: 1px dashed #d6d0c4; }
.home-subblock__head strong { color: #3a3a42; }
.home-subblock__head span { color: #8b8b96; }

/* -----------------------------------------------------------------  login */
.admin-login__card { background: #ffffff; border: 1px solid #e6e2da; }
.admin-login__card h1 { color: #141416; }
.admin-login__card p { color: #6c6c78; }

/* ---------------------------------------------------------------- swatches */
.swatch-row { background: #ffffff; border: 1px solid #d6d0c4; color: #3a3a42; }
.swatch-row i { border-color: #c9c4b8; }
.swatch-row button { color: #8b8b96; }
.swatch-row button:hover { color: #a33d24; }

/* ---------------------------------------------------------- inline add + file */
.admin-inline-add { border-top: 1px solid #e6e2da; }
.admin-inline-add input[type="file"] { background: #ffffff; border: 1px dashed #c9c4b8; color: #6c6c78; }
.admin-inline-add input[type="file"]::file-selector-button { background: #f2eee6; border: 0; color: #3a3a42; }

/* ----------------------------------------------------------------  chart */
.dash-chart__bar span { color: #8b8b96; }

/* --------------------------------------------------- filter / pagination */
.admin-filter input, .admin-filter select { background: #ffffff; border: 1px solid #d6d0c4; color: #141416; }
.admin-pagination__label { color: #6c6c78; }

/* ----------------------------------------------------------------  empty */
.admin-empty { color: #8b8b96; }

/* ------------------------------------------------------------------ tabs */
.admin-tabs { border-bottom: 1px solid #e6e2da; }
.admin-tabs a { color: #8b8b96; }
.admin-tabs a:hover { color: #141416; }
.admin-tabs a.is-active { color: #8a6f16; border-bottom-color: #c9a227; }
.admin-tabs__count { background: #f2eee6; color: #6c6c78; }
.admin-tabs a.is-active .admin-tabs__count { background: rgba(201, 162, 39, .18); color: #8a6f16; }

/* --------------------------------------------------------- inline forms */
.admin-inline-form select { background: #ffffff; border: 1px solid #d6d0c4; color: #141416; }

/* ------------------------------------------------------------- dropzone */
.admin-dropzone { border: 1px dashed #c9c4b8; color: #6c6c78; }
.admin-dropzone:hover, .admin-dropzone.is-over { border-color: #c9a227; color: #8a6f16; }

/* ------------------------------------------------------------ image grid */
.admin-img-grid figure { border: 1px solid #e0dacd; background: #ffffff; }
.admin-img-grid button { background: rgba(20, 20, 22, .72); }
.admin-tile-empty { color: #8b8b96; background: #f7f4ee; }

/* ---------------------------------------------------------------  meter */
.admin-meter { background: #e7e1d5; }

/* -------------------------------------------------------------- sources */
.admin-source { border: 1px solid #e0dacd; background: #ffffff; }
.admin-source:hover { border-color: #c9c4b8; background: #fdfcf9; }
.admin-source.is-active { border-color: #c9a227; background: rgba(201, 162, 39, .06); }
.admin-source__n { color: #141416; }
.admin-source__label { color: #3a3a42; }
.admin-source__hint { color: #8b8b96; }

/* --------------------------------------------------------- kv / totals */
.admin-kv dt { color: #8b8b96; }
.admin-kv dd { color: #3a3a42; }
.admin-totals { border-top: 1px solid #e6e2da; }
.admin-kv__total { border-top: 1px solid #d6d0c4; color: #141416; }

/* ------------------------------------------------------------- avatars */
.admin-avatar { background: #f2eee6; border: 1px solid #e0dacd; color: #8a6f16; }

/* ------------------------------------------------------------ timeline */
.admin-timeline li { border-bottom: 1px solid #ece8e0; }
.admin-timeline__note { color: #3a3a42; }
.admin-timeline__meta { color: #8b8b96; }

/* ------------------------------------------------------- note / quote */
.admin-note-line { color: #6c6c78; background: #faf8f4; border-left: 2px solid #d6d0c4; }
.admin-note-line strong { color: #3a3a42; }

.admin-quote { background: #faf8f4; border-left: 2px solid #c9a227; color: #3a3a42; }
.admin-upload-preview { border: 1px solid #e0dacd; background: #ffffff; }

/* ---------------------------------------------------------------- bulk */
.admin-bulk { border: 1px solid #e6e2da; background: #ffffff; color: #6c6c78; }
.admin-bulk__label { color: #3a3a42; }
.admin-bulk__sep { background: #e0dacd; }

/* ----------------------------------------------------------------- pill */
.admin-body .pill { background: #f2eee6; color: #56565e; border-color: #ddd7ca; }
.pill--neutral { background: #f2eee6; color: #56565e; border-color: #ddd7ca; }
.admin-body .pill--pending   { background: rgba(201, 162, 39, .16); color: #8a6f16; border-color: rgba(201, 162, 39, .5); }
.admin-body .pill--confirmed { background: rgba(66, 133, 200, .12); color: #2c5c8a; border-color: rgba(66, 133, 200, .45); }
.admin-body .pill--packed    { background: rgba(122, 96, 204, .14); color: #5b4a9e; border-color: rgba(122, 96, 204, .4); }
.admin-body .pill--shipped   { background: rgba(47, 142, 120, .13); color: #1f6d5c; border-color: rgba(47, 142, 120, .42); }
.admin-body .pill--delivered { background: rgba(79, 157, 105, .14); color: #15603c; border-color: rgba(79, 157, 105, .45); }
.admin-body .pill--paid      { background: rgba(79, 157, 105, .14); color: #15603c; border-color: rgba(79, 157, 105, .45); }
.admin-body .pill--cancelled { background: rgba(180, 71, 47, .12); color: #8c3a28; border-color: rgba(180, 71, 47, .4); }
.admin-body .pill--failed    { background: rgba(180, 71, 47, .12); color: #8c3a28; border-color: rgba(180, 71, 47, .4); }
.admin-body .pill--returned,
.admin-body .pill--inactive  { background: #f2eee6; color: #6c6c78; border-color: #ddd7ca; }
.admin-body .pill--active,
.admin-body .pill--auto      { background: rgba(201, 162, 39, .16); color: #8a6f16; border-color: rgba(201, 162, 39, .5); }