/* ============================================================================
   KEEP — HOUSEBOOKER SKIN
   ----------------------------------------------------------------------------
   Re-skins the Drawbridge "Keep" owner console to the Forever Still house look
   (warm ivory + gilt + forest green, Cinzel / Jost) — the same family as the
   House Booker product and the `housebooker-ui` package.

   HOW IT WORKS
   Keep is built entirely on --db-* CSS variables (see /theme.css, the shared
   "Dark Sleek" system used by the customer-facing menu pages). This file loads
   AFTER /theme.css and after Keep's inline <style>, and simply REMAPS those
   tokens to warm/light values — so every Keep component re-tints at once with
   almost no markup changes. The public menu pages are untouched: they don't load
   this file.

   KEEPS EACH STORE'S COLOUR: Keep's own applyKeepTheme() still sets --db-brick /
   --db-gold to the tenant's primary_color at runtime (inline styles, which win
   over this file). So the structure/type/warmth come from housebooker; the
   accent stays the store's. Values here mirror housebooker-ui.css.

   Source of truth for the look: C:\foreverstill\housebooker-ui\
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

:root {
  /* --- surfaces: near-black  ->  warm ivory --- */
  --db-bg:            #f2ead6;
  --db-surface:       #faf4e5;
  --db-surface-low:   #fffdf8;
  --db-surface-high:  #f3edde;
  --db-card:          #faf4e5;
  --db-glass-bg:      rgba(250, 244, 229, 0.86);
  --db-glass-border:  rgba(177, 144, 77, 0.28);

  /* --- text: cream  ->  ink --- */
  --db-text:          #26221c;
  --db-text-muted:    #6b6152;
  --db-text-dim:      #8a7f6d;
  --db-outline:       #ddd0b1;
  --db-outline-strong:#c9ad74;

  /* --- brand: default gilt/charcoal (applyKeepTheme overrides brick+gold per store) --- */
  --db-brick:         #211d18;   /* primary action — charcoal (house default) */
  --db-brick-deep:    #96793b;
  --db-brick-soft:    rgba(177, 144, 77, 0.15);
  --db-brick-grad:    linear-gradient(135deg, #34473b 0%, #211d18 100%);
  --db-gold:          #b1904d;   /* gilt lines / accents */
  --db-gold-bright:   #c8ac6e;
  --db-gold-grad:     linear-gradient(135deg, #c8ac6e 0%, #b1904d 55%, #96793b 100%);
  --db-hearth:        #4e7a46;   /* open / available — forest green */
  --db-hearth-soft:   rgba(78, 122, 70, 0.14);
  --db-hearth-grad:   linear-gradient(135deg, #5c8a52 0%, #4e7a46 100%);

  /* --- textures & shadows: quiet, warm --- */
  --db-noise:         none;
  --db-shadow-sm:     0 1px 2px rgba(33, 29, 24, 0.06);
  --db-shadow-card:   0 1px 2px rgba(33, 29, 24, 0.06), 0 8px 26px rgba(33, 29, 24, 0.08);
  --db-shadow-hover:  0 2px 4px rgba(33, 29, 24, 0.07), 0 16px 44px rgba(33, 29, 24, 0.14);
  --db-shadow-raised: 0 -10px 40px rgba(33, 29, 24, 0.12);

  /* --- type: Playfair/Outfit -> Cinzel/Jost --- */
  --db-font-serif:    'Cinzel', Georgia, serif;
  --db-font-body:     'Jost', system-ui, -apple-system, sans-serif;
}

/* warm page + a soft gilt glow at the top, replacing the dark radial */
body.db {
  background: var(--db-bg);
  background-image: radial-gradient(circle at 50% 0%, rgba(177, 144, 77, 0.10) 0%, transparent 55%);
  color: var(--db-text);
}

/* header reads as fine stationery, not smoked glass */
body.db header { box-shadow: 0 1px 0 var(--db-outline); }
.restaurant-name { letter-spacing: 0.02em; }

/* Cinzel wants a touch more tracking + normal weight to feel Deco, not heavy */
.db h1, .db h2, .db h3, .section-title, .restaurant-name, .ticket-num, .category-header { font-weight: 600; }

/* ============================================================================
   PIN LOGIN  ->  housebooker gate card (this is the screen owners see first)
   ============================================================================ */
.login-screen.active {
  max-width: 380px;
  margin: 6vh auto 0;
  background: var(--db-card);
  border: 1px solid var(--db-outline);
  border-radius: 6px;
  padding: 40px 34px 34px;
  position: relative;
  box-shadow: var(--db-shadow-hover);
  text-align: center;
}
/* thin gilt Deco frame, echoing the House Booker gate */
.login-screen.active::before {
  content: '';
  position: absolute; inset: 10px;
  border: 1px solid rgba(177, 144, 77, 0.30);
  border-radius: 3px; pointer-events: none;
}
.login-screen h1 {
  font-family: var(--db-font-serif);
  font-size: 1.7rem; font-weight: 500; letter-spacing: 0.05em;
  color: var(--db-text); margin-bottom: 1.6rem;
}
.login-screen h1::after {
  content: 'Owner sign in';
  display: block; margin-top: 8px;
  font-family: var(--db-font-body); font-size: 0.62rem; font-weight: 600;
  letter-spacing: 0.28em; text-transform: uppercase; color: var(--db-gold);
}

.pin-input { gap: 0.75rem; margin-bottom: 1.6rem; }
.pin-digit {
  width: 52px; height: 58px; font-size: 1.7rem; font-weight: 500;
  border: 1px solid var(--db-gold);
  background: var(--db-surface-low);
  color: var(--db-text);
  border-radius: 10px;
}

.pin-keypad { gap: 0.7rem; margin-bottom: 0; }
.pin-btn {
  padding: 0; min-height: 58px;
  font-family: var(--db-font-body); font-size: 1.35rem; font-weight: 500;
  background: var(--db-surface-low);
  color: var(--db-text);
  border: 1px solid var(--db-outline);
  border-radius: 12px;
  box-shadow: var(--db-shadow-sm);
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.pin-btn:hover { border-color: var(--db-gold); color: var(--db-gold-bright); }
.pin-btn:active {
  background: var(--db-brick); color: #fff; border-color: var(--db-brick);
}

/* ============================================================================
   ADMIN PANEL polish — warm panels, gilt rules, softer chips
   ============================================================================ */
.section { backdrop-filter: none; }
.category-header { border-left-color: var(--db-gold); }
.count-pill { color: #fff; }
.error { border: 1px solid #e7c8bd; }

/* the Vale launcher pill already themes off --db-gold-grad — leave it */