/* ALDHAMEN 6.6.82 — Soft Service Counter visual system */
:root {
  --counter-canvas: #f6edef;
  --counter-surface: #fffbfc;
  --counter-raised: #fff7f9;
  --counter-inset: #eee2e5;
  --counter-line: rgba(89, 24, 44, .13);
  --counter-ink: #35141e;
  --counter-muted: #76515c;
  --counter-brand: #6b1730;
  --counter-brand-strong: #4a1022;
  --counter-rose: #f3c7d3;
  --counter-rose-strong: #e89ab0;
  --counter-shadow-raised: 0 14px 32px rgba(74, 16, 34, .10), 0 3px 9px rgba(74, 16, 34, .06);
  --counter-shadow-control: 0 7px 18px rgba(74, 16, 34, .08);
  --counter-shadow-inset: inset 0 1px 2px rgba(74, 16, 34, .08);
  --counter-radius-card: 16px;
  --counter-radius-control: 12px;
}

html { background: var(--counter-canvas); }
body.aldhamen-ui {
  background:
    radial-gradient(circle at 8% 0%, rgba(243, 199, 211, .42), transparent 25rem),
    linear-gradient(180deg, #fbf5f6 0%, var(--counter-canvas) 100%) !important;
  color: var(--counter-ink) !important;
}

/* Shared tactile controls */
body.aldhamen-ui :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border: 1px solid transparent !important;
  border-bottom-color: rgba(107, 23, 48, .18) !important;
  border-radius: var(--counter-radius-control) !important;
  background: var(--counter-inset) !important;
  color: var(--counter-ink) !important;
  box-shadow: var(--counter-shadow-inset) !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.aldhamen-ui :where(input, select, textarea)::placeholder { color: #876570 !important; opacity: 1; }
body.aldhamen-ui :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  background: var(--counter-surface) !important;
  border-color: rgba(107, 23, 48, .42) !important;
  box-shadow: 0 0 0 4px rgba(232, 154, 176, .2), var(--counter-shadow-inset) !important;
}

body.aldhamen-ui :where(button, .btn, [class*="primary"], [class*="secondary"]) {
  transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
body.aldhamen-ui :where(button, .btn, [role="button"]):not(:disabled):active { transform: translateY(1px) scale(.985); }
body.aldhamen-ui :where(button, .btn, [role="button"]):disabled { opacity: .52; cursor: not-allowed; box-shadow: none !important; }

/* Administration — a calm, crafted work surface */
.a6-admin-content { background: transparent !important; }
.a6-admin-sidebar {
  background: linear-gradient(180deg, #551126 0%, var(--counter-brand) 55%, #481020 100%) !important;
  box-shadow: 12px 0 34px rgba(74, 16, 34, .18);
}
[dir="rtl"] .a6-admin-sidebar { box-shadow: -12px 0 34px rgba(74, 16, 34, .18); }
.a6-admin-brand { border-bottom: 1px solid rgba(255, 241, 244, .14) !important; }
.a6-admin-nav a {
  min-height: 44px;
  margin-block: 3px;
  border-radius: 12px !important;
  color: #f8dce4 !important;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.a6-admin-nav a:hover { background: rgba(255,255,255,.10) !important; color: #fff !important; transform: translateX(-2px); }
[dir="ltr"] .a6-admin-nav a:hover { transform: translateX(2px); }
.a6-admin-nav a.active {
  background: var(--counter-rose) !important;
  color: var(--counter-brand-strong) !important;
  box-shadow: 0 7px 18px rgba(30, 3, 11, .18);
}
.a6-admin-topbar {
  margin-top: 14px;
  border: 1px solid rgba(107,23,48,.10) !important;
  border-radius: 16px !important;
  background: rgba(255, 251, 252, .94) !important;
  box-shadow: var(--counter-shadow-control) !important;
}
.a6-global-search { border-radius: 12px !important; background: var(--counter-inset) !important; box-shadow: var(--counter-shadow-inset); }
.a6-profile, .a6-icon-btn, .a6-menu-toggle {
  border: 1px solid var(--counter-line) !important;
  border-radius: 12px !important;
  background: var(--counter-raised) !important;
  color: var(--counter-brand-strong) !important;
  box-shadow: 0 5px 14px rgba(74,16,34,.07);
}

.a6-admin-content :where(.admin-card, .dashboard-card, .a6-card, .a6-panel, .a6-section, .settings-card,
  .menu50-table-card, .menu50-kpis > *, .range51-card, .a6-sales-overview,
  .reward-hub-card, .rewards-panel, .order-detail-card) {
  border: 0 !important;
  border-radius: var(--counter-radius-card) !important;
  background: var(--counter-surface) !important;
  box-shadow: var(--counter-shadow-raised) !important;
}
.a6-admin-content :where(h1, h2, h3) { color: var(--counter-ink) !important; letter-spacing: -.018em; text-wrap: balance; }
.a6-admin-content :where(.muted, small, .helper, .subtext) { color: var(--counter-muted) !important; }

/* KPI tiles: shallow inset base with readable hierarchy */
:where(.a6-kpis, .menu50-kpis, .customer-account-kpis, .customer-order-kpis) > * {
  border: 1px solid rgba(107,23,48,.09) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #fffafd, #f8edf0) !important;
  box-shadow: 0 9px 22px rgba(74,16,34,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
:where(.a6-kpis, .menu50-kpis, .customer-account-kpis, .customer-order-kpis) strong {
  color: var(--counter-brand-strong) !important;
  font-variant-numeric: tabular-nums;
}

/* Customer ordering — warmer, more premium and easier to scan */
body.customer-ui-page,
body[class*="page-customer"],
body.page-order-status,
body.page-game {
  background:
    radial-gradient(circle at 90% 0%, rgba(232,154,176,.28), transparent 24rem),
    linear-gradient(180deg, #fff9fa 0%, #f8eef1 100%) !important;
}
.nx-customer-header, .customer-site-nav {
  border: 1px solid rgba(107,23,48,.10) !important;
  background: rgba(255,251,252,.95) !important;
  box-shadow: var(--counter-shadow-control) !important;
  backdrop-filter: blur(12px);
}
.menu-panel, .nx-menu-panel, .cart-panel, .nx-cart-panel,
.customer-account-panel, .customer-order-card, .customer-auth-card,
.rewards-panel, .reward-customer-card, .order-detail-card {
  border: 0 !important;
  border-radius: var(--counter-radius-card) !important;
  background: var(--counter-surface) !important;
  box-shadow: var(--counter-shadow-raised) !important;
}
.menu-heading, .cart-title, .customer-account-section-head, .rewards-section-head {
  border-bottom: 1px solid rgba(107,23,48,.10) !important;
}
.menu-search {
  min-height: 48px;
  border-radius: 14px !important;
  background: var(--counter-inset) !important;
  box-shadow: var(--counter-shadow-inset) !important;
}
.categories, .category-tabs, .staff-filter-tabs { gap: 8px !important; scrollbar-width: thin; }
.categories button, .category-tabs button, .staff-filter-tabs button,
.customer-nav-item {
  border: 1px solid rgba(107,23,48,.10) !important;
  border-radius: 12px !important;
  background: var(--counter-raised) !important;
  color: var(--counter-ink) !important;
  box-shadow: 0 4px 12px rgba(74,16,34,.05);
}
.categories button.active, .category-tabs button.active, .staff-filter-tabs button.active,
.customer-nav-item.active {
  background: var(--counter-rose) !important;
  color: var(--counter-brand-strong) !important;
  border-color: transparent !important;
  box-shadow: 0 7px 17px rgba(107,23,48,.13);
}
.product, .pos23-product, .upsell-product {
  overflow: hidden;
  border: 1px solid rgba(107,23,48,.09) !important;
  border-radius: 15px !important;
  background: var(--counter-surface) !important;
  box-shadow: 0 9px 22px rgba(74,16,34,.08) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease !important;
}
.product:hover, .pos23-product:hover, .upsell-product:hover {
  transform: translateY(-3px);
  border-color: rgba(107,23,48,.22) !important;
  box-shadow: 0 15px 30px rgba(74,16,34,.13) !important;
}
.product-image { background: linear-gradient(145deg, #fff7f9, #f0e3e7) !important; }
.product-price, .customer-order-total, .order-total { color: var(--counter-brand) !important; font-weight: 800; font-variant-numeric: tabular-nums; }
.cart-row, .pos23-cart-row {
  border: 0 !important;
  border-radius: 13px !important;
  background: #fbf2f4 !important;
  box-shadow: inset 0 1px 2px rgba(74,16,34,.06) !important;
}
.cart-charge-row { border-top-color: rgba(107,23,48,.12) !important; }
.cart-jump-checkout, .pos23-jump-checkout, .customer-auth-primary, .menu50-primary {
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--counter-rose) !important;
  color: var(--counter-brand-strong) !important;
  box-shadow: 0 9px 20px rgba(107,23,48,.14) !important;
  font-weight: 800 !important;
}
.cart-jump-checkout:hover, .pos23-jump-checkout:hover, .customer-auth-primary:hover, .menu50-primary:hover {
  background: var(--counter-rose-strong) !important;
  box-shadow: 0 12px 25px rgba(107,23,48,.19) !important;
}

/* Customer account, rewards and authentication */
.customer-auth-card { position: relative; overflow: hidden; }
.customer-auth-card::before {
  content: "";
  display: block;
  height: 5px;
  margin: -1px -1px 18px;
  background: linear-gradient(90deg, var(--counter-brand), var(--counter-rose-strong));
}
.customer-auth-links a, .customer-account-actions a, .customer-account-shortcuts a {
  text-underline-offset: 4px;
  color: var(--counter-brand) !important;
}
.customer-v54-welcome, .rewards-balance-card, .reward-hub-hero {
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #6b1730, #4a1022) !important;
  color: #fff4f7 !important;
  box-shadow: 0 18px 34px rgba(74,16,34,.20) !important;
}
.customer-v54-welcome :where(h1,h2,h3,p,small,strong),
.rewards-balance-card :where(h1,h2,h3,p,small,strong),
.reward-hub-hero :where(h1,h2,h3,p,small,strong) { color: inherit !important; }

/* Staff POS, queues and kitchen */
.pos23-menu, .pos23-cart, .pos23-customer,
.staff-order-card, .pos44-order-card, .a6-kitchen-card {
  border: 0 !important;
  border-radius: var(--counter-radius-card) !important;
  background: var(--counter-surface) !important;
  box-shadow: var(--counter-shadow-raised) !important;
}
.staff-status, .order-badges > *, [class*="status-badge"] {
  border-radius: 9px !important;
  box-shadow: inset 0 0 0 1px rgba(53,20,30,.08);
}

/* Data surfaces and chart controls */
.ald-table-scroll { border: 0 !important; background: var(--counter-surface) !important; box-shadow: var(--counter-shadow-raised) !important; }
.ald-table-scroll th { background: #f2e6e9 !important; }
.a6-chart-wrap, .range51-chart, .a65-hour-bars, .a6615-hourly-chart {
  border: 0 !important;
  background: linear-gradient(180deg, #fffafd, #fbf2f4) !important;
  box-shadow: inset 0 1px 3px rgba(74,16,34,.06) !important;
}
.ald-chart-point { stroke-width: 3 !important; }

/* Dialogs and overlays */
:where(dialog, .modal-card, .order-modal-card, .ald-product-popup-card, .product-options-modal) {
  border: 0 !important;
  border-radius: 18px !important;
  background: var(--counter-surface) !important;
  box-shadow: 0 26px 70px rgba(53,20,30,.25) !important;
}
:where(.modal-backdrop, .customer-cart-backdrop, .staff-cart-backdrop) { backdrop-filter: blur(5px); }

/* One restrained entrance moment */
@keyframes ald-counter-enter {
  from { opacity: .65; transform: translateY(8px); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
.a6-admin-content > :not(.a6-admin-topbar),
.customer-account-shell, .customer-orders-shell, .rewards-shell,
.menu-panel, .nx-menu-panel, .pos23-menu {
  animation: ald-counter-enter .34s cubic-bezier(.16,1,.3,1) both;
}

@media (max-width: 800px) {
  body.aldhamen-ui { background: #f8f0f2 !important; }
  .a6-admin-topbar { margin-top: 8px; border-radius: 14px !important; }
  .menu-panel, .nx-menu-panel, .cart-panel, .nx-cart-panel,
  .customer-account-panel, .customer-order-card, .customer-auth-card,
  .rewards-panel, .order-detail-card, .pos23-menu, .pos23-cart,
  .staff-order-card, .pos44-order-card { border-radius: 14px !important; box-shadow: 0 8px 20px rgba(74,16,34,.08) !important; }
  .product, .pos23-product { box-shadow: 0 6px 16px rgba(74,16,34,.07) !important; }
  .nx-customer-header, .customer-site-nav { border-inline: 0 !important; border-radius: 0 0 16px 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .a6-admin-content > :not(.a6-admin-topbar), .customer-account-shell,
  .customer-orders-shell, .rewards-shell, .menu-panel, .nx-menu-panel,
  .pos23-menu { animation: none !important; }
  .product, .pos23-product, .upsell-product { transition: none !important; }
}