/* ห้องรับรอง — visual layer only. The existing operational CSS stays intact. */
:root {
  --bg-main: #231712;
  --bg-sidebar: #352018;
  --bg-card: rgba(59, 38, 29, 0.94);
  --bg-card-hover: #4b3025;
  --surface-soft: rgba(255, 232, 198, 0.11);
  --border-color: rgba(255, 231, 196, 0.22);
  --border-color-glow: rgba(227, 159, 92, 0.58);
  --text-primary: #fffaf4;
  --text-main: #fffaf4;
  --text-muted: #ead8c7;
  --color-blue: #8ed5d0;
  --color-green: #89ca9c;
  --color-red: #f18b7b;
  --color-purple: #d9b6d6;
  --color-orange: #e5aa65;
  --color-accent: #e5aa65;
}

body {
  background:
    radial-gradient(circle at 8% 0%, rgba(229, 170, 101, 0.13), transparent 30rem),
    radial-gradient(circle at 100% 100%, rgba(142, 213, 208, 0.10), transparent 28rem),
    var(--bg-main);
}

.sidebar {
  background:
    linear-gradient(180deg, rgba(70, 43, 30, 0.98), rgba(35, 23, 18, 0.98)),
    var(--bg-sidebar);
}

.top-header,
.central-login-brand {
  background: linear-gradient(135deg, #51301f, #7a4a2e) !important;
}

.header-brand-mark,
.sidebar-brand-mark,
.central-login-brand-mark {
  color: #6f4026 !important;
}

.card-glass,
.dashboard-card,
.workflow-scan-panel,
.workflow-form-panel,
.operations-progress-card,
.operations-purchase-card,
.operations-report-card,
.operations-user-card,
.operations-tip-card,
.operations-alert-card,
.operations-backup-card,
.operations-checklist,
.stocktake-card,
.requisition-queue-card,
.req-card-item {
  box-shadow: 0 12px 30px rgba(20, 10, 6, 0.18);
}

.panel-header h2 .text-blue,
.sidebar .nav-btn.active i,
.top-header .header-brand-title {
  color: #ffd59d !important;
}

.btn-primary,
.btn-accent {
  background: linear-gradient(135deg, #d69250, #b96737) !important;
  border-color: rgba(255, 231, 196, 0.22) !important;
  color: #fffaf4 !important;
}

.btn-primary:hover,
.btn-accent:hover {
  background: linear-gradient(135deg, #e5aa65, #c77942) !important;
}

.lounge-category-guide,
.lounge-category-suggestions {
  display: grid;
  gap: 10px;
  margin: 14px 0 18px;
  padding: 14px;
  border: 1px solid var(--border-color);
  border-radius: 14px;
  background: rgba(255, 245, 232, 0.055);
}

.lounge-category-guide__item,
.lounge-category-suggestions__chips span {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  color: var(--text-main);
  background: rgba(35, 23, 18, 0.25);
  font-size: 12px;
  font-weight: 700;
}

.lounge-category-guide__item small,
.lounge-category-suggestions__heading span {
  display: block;
  margin-top: 3px;
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 500;
}

.lounge-category-suggestions__heading {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #ffd59d;
}

.lounge-category-suggestions__heading strong { display: block; font-size: 13px; }

.lounge-category-suggestions__chips {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  gap: 8px;
}

@media (max-width: 640px) {
  .lounge-category-suggestions__chips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}