/* ============================================================
   LOTUS CONCIERGE DAYLIGHT
   Cool paper + Lotus Systems teal (#00E5FF / #10348D).
   Default is light. Dark cave tokens live under .dark-mode.
   Appended last — cascades over staff.css / concierge tokens.
   ============================================================ */

/* —— 1. Core design tokens (daylight default) —— */
:root,
body.staff-concierge-app {
  /* Backgrounds — clean whites as per brand */
  --ac-bg:              #FFFFFF;
  --ac-bg-2:            #FAFAFA;
  --ac-bg-card:         #FFFFFF;
  --ac-bg-elevated:     #FFFFFF;

  /* Primary interactive: Lotus teal (name --ac-cyan kept for compat) */
  --ac-cyan:            #00B8D4;
  --ac-cyan-lo:         rgba(0, 184, 212, 0.12);
  --ac-glow:            rgba(0, 229, 255, 0.22);

  --ac-cobalt:          #10348D;

  /* Text — deep black for body text in light mode */
  --ac-text:            #0A0A0A;
  --ac-text-muted:      rgba(10, 10, 10, 0.68);
  --ac-text-dim:        rgba(10, 10, 10, 0.48);

  /* Borders */
  --ac-border:          rgba(16, 52, 141, 0.12);
  --ac-border-glow:     rgba(0, 184, 212, 0.42);

  /* Shadows */
  --ac-shadow:          0 10px 32px rgba(16, 52, 141, 0.10);

  /* Brand interactive (nav, CTAs) — teal; aliases keep --ac-accent-gold name */
  --ac-accent-gold:     #00B8D4;
  --ac-accent-gold-lo:  rgba(0, 184, 212, 0.14);
  --lotus-neon:         #00E5FF;
  --lotus-navy:         #10348D;
  /* Room circles — same as homepage Active requests (.hijiffy-avatar in staff.css) */
  --hijiffy-avatar-bg:  linear-gradient(135deg, var(--lotus-secondary), var(--lotus-primary-dark));
  --hijiffy-avatar-prearrival-bg: linear-gradient(135deg, #10348D 0%, #5B8DEF 100%);
  --lotus-primary:     var(--ac-accent-gold);
  --lotus-primary-dark: #0891B2;
  --lotus-primary-light: var(--ac-accent-gold-lo);
  --lotus-primary-glow: var(--ac-glow);

  /* Domain accents — page headers, panel top bars, chart series only.
   Navigation chrome (rail active, badges, primary CTAs) stays teal. */
  --accent-orders:      #00B8D4; /* Was #E09B1F */
  --accent-orders-lo:   rgba(0, 184, 212, 0.14); /* Was rgba(224, 155, 31, 0.14) */
  --accent-orders-bar:  linear-gradient(90deg, rgba(0, 229, 255, 0.95), rgba(0, 184, 212, 0.72)); /* Was mustard gradient */

  /* Direct bookings — lotus navy (distinct from Orders teal on charts) */
  --accent-bookings:    #10348D;
  --accent-bookings-lo: rgba(16, 52, 141, 0.12);
  --accent-bookings-bar: linear-gradient(90deg, rgba(29, 117, 179, 0.95), rgba(16, 52, 141, 0.72));

  --accent-chats:       #0E8CB8;
  --accent-chats-lo:    rgba(14, 140, 184, 0.12);
  --accent-chats-bar:   linear-gradient(90deg, rgba(0, 210, 255, 0.95), rgba(14, 140, 184, 0.72));

  /* Guest approvals — warm amber, distinct from chats/orders cyan */
  --accent-guests:      #C4782A;
  --accent-guests-lo:   rgba(196, 120, 42, 0.12);
  --accent-guests-bar:  linear-gradient(90deg, rgba(232, 168, 72, 0.95), rgba(196, 120, 42, 0.72));

  --accent-staff:       #3A6EA5;
  --accent-staff-lo:    rgba(58, 110, 165, 0.12);
  --accent-staff-bar:   linear-gradient(90deg, rgba(90, 140, 196, 0.95), rgba(58, 110, 165, 0.72));

  --accent-insights:    #8B5E34;
  --accent-insights-lo: rgba(139, 94, 52, 0.12);
  --accent-insights-bar: linear-gradient(90deg, rgba(184, 130, 78, 0.95), rgba(139, 94, 52, 0.72));

  --accent-monitoring:  #1B7F5A;
  --accent-monitoring-lo: rgba(27, 127, 90, 0.12);
  --accent-monitoring-bar: linear-gradient(90deg, rgba(52, 168, 124, 0.95), rgba(27, 127, 90, 0.72));

  --accent-archive:     #7A6A55;
  --accent-archive-lo:  rgba(122, 106, 85, 0.12);
  --accent-archive-bar: linear-gradient(90deg, rgba(156, 138, 116, 0.95), rgba(122, 106, 85, 0.72));

  /* Default panel accent = orders (legacy alias) */
  --ac-accent-bar:      var(--accent-orders-bar);
  --panel-accent:       var(--accent-orders);
  --panel-accent-lo:    var(--accent-orders-lo);
  --panel-accent-bar:   var(--accent-orders-bar);

  /* One typeface across every tab — same as home (Inter) */
  --ac-font-body:       'Inter', 'Noto Sans Khmer', system-ui, sans-serif;
  --ac-font-display:    'Inter', 'Noto Sans Khmer', system-ui, sans-serif;
  --ac-font-mono:       'Inter', 'Noto Sans Khmer', system-ui, sans-serif;
  --lotus-font-body:   var(--ac-font-body);
  --lotus-font-heading: var(--ac-font-body);
  --lotus-font-card-title: var(--ac-font-body);

  /* Semantic colors */
  --ac-semantic-success: #0F7A4A;
  --ac-semantic-success-lo: rgba(15, 122, 74, 0.12);
  --ac-semantic-warning: #B45309;
  --ac-semantic-warning-lo: rgba(180, 83, 9, 0.12);
  --ac-semantic-danger: #C2342A;
  --ac-semantic-danger-lo: rgba(194, 52, 42, 0.12);
}

/* .light-mode ≡ default (JS may add both classes) */
body.staff-concierge-app.light-mode {
  /* identical to daylight defaults above — no-op alias */
}

/* —— 2. Page background —— */
body.staff-concierge-app {
  background: var(--stage-canvas) !important;
  color: var(--ac-text);
}

/* —— 3. Login screen —— */
body.staff-concierge-app .login-screen:not([hidden]) {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(0, 229, 255, 0.18), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(16, 52, 141, 0.10), transparent 50%),
    var(--ac-bg) !important;
}

body.staff-concierge-app .login-card {
  border: 1px solid rgba(16, 52, 141, 0.12) !important;
  box-shadow: 0 18px 48px rgba(16, 52, 141, 0.12), 0 2px 0 rgba(255, 255, 255, 0.8) inset !important;
  background: var(--ac-bg-card) !important;
  border-radius: 16px !important;
}

body.staff-concierge-app .login-brand .lotus-wordmark,
body.staff-concierge-app .login-brand .lotus-wordmark--gold,
body.staff-concierge-app .lotus-wordmark--gold {
  color: var(--lotus-navy) !important;
}

body.staff-concierge-app .lang-toggle {
  color: var(--ac-text-muted) !important;
  border-color: var(--ac-border) !important;
  background: var(--ac-bg-elevated) !important;
}

body.staff-concierge-app .lang-toggle:hover {
  border-color: rgba(20, 20, 20, 0.18) !important;
  color: var(--ac-text) !important;
}

/* —— 4. Primary CTA buttons —— */
body.staff-concierge-app .btn-primary {
  background: linear-gradient(135deg, #10348D 0%, #1D75B3 52%, #00B8D4 100%) !important;
  border-color: transparent !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 6px 18px rgba(16, 52, 141, 0.22) !important;
}

body.staff-concierge-app .btn-primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #0A3B96 0%, #1890C8 52%, #00D2FF 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 22px rgba(0, 184, 212, 0.32) !important;
}

/* Room number circles — one gradient everywhere (Active requests look) */
body.staff-concierge-app .hijiffy-avatar {
  background: var(--hijiffy-avatar-bg) !important;
  color: #fff !important;
}

body.staff-concierge-app .btn-outline {
  border-color: rgba(20, 20, 20, 0.18) !important;
  color: var(--ac-text) !important;
  background: transparent !important;
}

body.staff-concierge-app .btn-outline:hover:not(:disabled) {
  background: var(--ac-bg-elevated) !important;
  border-color: rgba(20, 20, 20, 0.28) !important;
  color: var(--ac-text) !important;
}

/* —— 5. Left rail sidebar —— */
body.staff-concierge-app .concierge-rail {
  background: transparent !important;
  border-right: none !important;
}

body.staff-concierge-app .concierge-rail-btn.active::before {
  background: var(--ac-accent-gold) !important;
}

body.staff-concierge-app .concierge-rail-btn.active {
  color: var(--ac-accent-gold) !important;
  background: var(--ac-accent-gold-lo) !important;
}

body.staff-concierge-app .concierge-rail-btn:hover:not(.active) {
  background: var(--ac-bg-elevated) !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app .concierge-rail-badge {
  background: var(--ac-accent-gold) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body.staff-concierge-app .concierge-rail-badge.is-pulse {
  box-shadow: 0 0 0 3px var(--ac-accent-gold-lo) !important;
}

body.staff-concierge-app .concierge-rail .lotus-wordmark {
  color: var(--ac-accent-gold) !important;
}

body.staff-concierge-app .concierge-wordmark {
  color: var(--ac-text) !important;
  font-family: var(--ac-font-body) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
}

body.staff-concierge-app .concierge-rail-divider {
  background: var(--ac-border) !important;
  box-shadow: none !important;
  height: 1px !important;
}

body.staff-concierge-app .concierge-rail-section-label {
  color: var(--ac-text-muted) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: var(--ac-font-body) !important;
}

/* —— 6. Top header bar —— */
body.staff-concierge-app .dash-header,
body.staff-concierge-app .concierge-topbar {
  background: transparent !important;
  border-bottom: none !important;
}

/* Page + panel titles: black (not gold accent) */
body.staff-concierge-app .concierge-page-title,
body.staff-concierge-app #dash-page-title,
body.staff-concierge-app .col-toolbar h2,
body.staff-concierge-app .col-toolbar--filtered h2,
body.staff-concierge-app .reservations-toolbar h2,
body.staff-concierge-app .insights-header h2,
body.staff-concierge-app .thread-header h2,
body.staff-concierge-app .monitoring-header h2,
body.staff-concierge-app .export-dialog-title,
body.staff-concierge-app .order-detail-header h2,
body.staff-concierge-app #order-detail-room,
body.staff-concierge-app #thread-panel-title,
body.staff-concierge-app #thread-title {
  color: var(--ac-text) !important;
}

body.staff-concierge-app .dash-user-avatar {
  background: var(--ac-accent-gold-lo) !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app .dash-user-trigger {
  background: var(--ac-bg-elevated) !important;
  border-color: var(--ac-border) !important;
}

body.staff-concierge-app .dash-menu-toggle:hover,
body.staff-concierge-app .dash-menu-toggle[aria-expanded="true"] {
  border-color: rgba(20, 20, 20, 0.18) !important;
  background: var(--ac-bg-elevated) !important;
}

/* —— 7. Order queue & inbox panels —— */
body.staff-concierge-app .orders-panel,
body.staff-concierge-app .completed-panel {
  background: var(--ac-bg-2) !important;
  border-right-color: var(--ac-border) !important;
}

body.staff-concierge-app .order-queue-item {
  border: none !important;
  border-bottom: 1px solid var(--ac-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.staff-concierge-app .order-queue-item:hover {
  background: transparent !important;
  border-color: transparent !important;
  border-bottom-color: var(--ac-border) !important;
  box-shadow: none !important;
}

body.staff-concierge-app .order-queue-item.order-glow {
  border-color: transparent !important;
  border-bottom-color: var(--ac-border) !important;
  background: transparent !important;
}

body.staff-concierge-app .search-pane {
  background: var(--ac-bg-2) !important;
  border-color: var(--ac-border) !important;
}

body.staff-concierge-app .order-detail-empty {
  background: var(--ac-bg) !important;
}

/* —— 8. Dashboard home KPI / welcome cards —— */
body.staff-concierge-app #view-home .hijiffy-welcome-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #F7F5F0 100%) !important;
  border-color: var(--ac-border) !important;
}

body.staff-concierge-app #view-home .hijiffy-reply-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #F3F1EC 100%) !important;
  border-color: var(--ac-border) !important;
}

body.staff-concierge-app #view-home .hijiffy-panel:not(.hijiffy-panel-dark),
body.staff-concierge-app #view-home .home-kpi-card,
body.staff-concierge-app #view-home .insights-card,
body.staff-concierge-app #view-home .monitoring-chart-card {
  background: var(--ac-bg-card) !important;
  border-color: var(--ac-border) !important;
  box-shadow: var(--ac-shadow);
}

body.staff-concierge-app .hijiffy-wave path {
  stroke: rgba(184, 149, 42, 0.55) !important;
}

body.staff-concierge-app .hijiffy-wave path + path {
  stroke: rgba(20, 20, 20, 0.18) !important;
}

/* —— 9. Accent text + status pills —— */
body.staff-concierge-app .reservation-card-head strong,
body.staff-concierge-app .inbox-item-room,
body.staff-concierge-app .staff-notify-banner-title,
body.staff-concierge-app .btn-restore-inline,
body.staff-concierge-app .btn-refresh-system,
body.staff-concierge-app .btn-export-data {
  color: var(--ac-text) !important;
}

body.staff-concierge-app .thread-status,
body.staff-concierge-app .order-queue-status {
  background: var(--ac-bg-elevated) !important;
  color: var(--ac-text-muted) !important;
}

body.staff-concierge-app .status-completed,
body.staff-concierge-app .order-status-done,
body.staff-concierge-app .hijiffy-reply-status.is-good {
  background: var(--ac-semantic-success-lo) !important;
  color: var(--ac-semantic-success) !important;
}

body.staff-concierge-app .status-pending,
body.staff-concierge-app .order-status-waiting,
body.staff-concierge-app .hijiffy-reply-status.is-warning {
  background: var(--ac-semantic-warning-lo) !important;
  color: var(--ac-semantic-warning) !important;
}

body.staff-concierge-app .status-urgent,
body.staff-concierge-app .hijiffy-reply-status.is-bad {
  background: var(--ac-semantic-danger-lo) !important;
  color: var(--ac-semantic-danger) !important;
}

body.staff-concierge-app .btn-restore-inline:hover,
body.staff-concierge-app .btn-refresh-system:hover:not(:disabled),
body.staff-concierge-app .btn-export-data:hover:not(:disabled) {
  background: var(--ac-bg-elevated) !important;
  border-color: rgba(20, 20, 20, 0.22) !important;
  color: var(--ac-text) !important;
}

/* —— 10. Inputs & modals —— */
body.staff-concierge-app input:focus,
body.staff-concierge-app select:focus,
body.staff-concierge-app textarea:focus {
  border-color: var(--ac-border-glow) !important;
  box-shadow: 0 0 0 3px var(--ac-cyan-lo) !important;
}

body.staff-concierge-app .modal-content,
body.staff-concierge-app .modal-panel {
  background: var(--ac-bg-card) !important;
  border-color: var(--ac-border) !important;
  box-shadow: 0 24px 60px rgba(20, 20, 20, 0.14) !important;
}

/* —— 11. Task list pills —— */
body.staff-concierge-app .hijiffy-task-list button:hover {
  border-color: rgba(20, 20, 20, 0.22) !important;
  background: var(--ac-bg-elevated) !important;
}

body.staff-concierge-app .hijiffy-task-list strong {
  background: var(--ac-bg-elevated) !important;
  color: var(--ac-text) !important;
}

/* —— 12. Focus ring —— */
body.staff-concierge-app :focus-visible {
  outline: 2px solid var(--ac-accent-gold) !important;
  outline-offset: 2px;
}

/* —— 13. Scrollbar —— */
body.staff-concierge-app ::-webkit-scrollbar-thumb {
  background: rgba(20, 20, 20, 0.14);
}

body.staff-concierge-app ::-webkit-scrollbar-thumb:hover {
  background: rgba(20, 20, 20, 0.24);
}

/* —— 14. Action metric cards —— */
body.staff-concierge-app .home-action-metric {
  background: var(--ac-bg-card) !important;
  border-color: var(--ac-border) !important;
}

body.staff-concierge-app .home-action-metric:hover {
  background: var(--ac-bg-elevated) !important;
  border-color: rgba(20, 20, 20, 0.16) !important;
}

/* ============================================================
   COMMAND CENTER LAYOUT (TABLE-BASED)
   ============================================================ */

body.staff-concierge-app .concierge-rail-logo img,
body.staff-concierge-app .concierge-rail-mark {
  filter: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  box-shadow: none !important;
}

/* —— Home: fit viewport, no page scroll — */
body.staff-concierge-app #view-home.hijiffy-dashboard:not([hidden]) {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 14px 14px !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
}

body.staff-concierge-app #view-home .home-dashboard-grid--command {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(260px, 26vw, 340px) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.staff-concierge-app #view-home .hijiffy-main {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  gap: 10px !important;
  overflow: hidden !important;
}

/* Top half of left column — mirrors Pending approvals height */
body.staff-concierge-app #view-home .home-kpi-stack {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .command-kpi-strip {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  margin-bottom: 0 !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-card {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  align-items: flex-start !important;
  background: #FFFFFF !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  position: relative !important;
  border: 1px solid rgba(16, 52, 141, 0.10) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 14px rgba(16, 52, 141, 0.06) !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
  text-align: left !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card:nth-child(1),
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card:nth-child(2) {
  background-color: #E8F8FC !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0, 184, 212, 0.35) !important;
  box-shadow: 0 8px 22px rgba(16, 52, 141, 0.10) !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-label {
  color: var(--ac-text) !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  margin-bottom: 2px !important;
  z-index: 1 !important;
  font-family: var(--ac-font-body) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  padding-right: 34px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-value {
  font-size: 1.25rem !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  color: #111827 !important;
  font-weight: 700 !important;
  z-index: 1 !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-hero-kpi-icon {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(0, 184, 212, 0.12) !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  color: #0891B2 !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card:nth-child(1) .home-hero-kpi-icon,
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card:nth-child(2) .home-hero-kpi-icon {
  background: #FFFFFF !important;
  color: #111827 !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-hero-kpi-icon svg {
  width: 16px !important;
  height: 16px !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-trend-row {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
  flex-wrap: wrap !important;
  white-space: normal !important;
  overflow: visible !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-trend-pill {
  border-radius: 999px !important;
  padding: 2px 6px !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: #3D5A80 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .insights-trend--up {
  color: #10B981 !important;
  background-color: #ECFDF5 !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .insights-trend--down {
  color: #EF4444 !important;
  background-color: #FEF2F2 !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-trend-text {
  display: inline !important;
  font-size: 0.68rem !important;
  color: #3D5A80 !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

body.staff-concierge-app #view-home .command-table-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  flex: 1 !important;
  background: var(--ac-bg-card) !important;
  border: 1px solid var(--ac-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-queue-pane {
  flex: 1 !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  background: var(--ac-bg-card) !important;
}

body.staff-concierge-app #view-home .command-side,
body.staff-concierge-app #view-home .home-ops-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-side-panel {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--ac-bg-card) !important;
  border: 1px solid var(--ac-border) !important;
  border-radius: 12px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-side-panel[hidden] {
  display: none !important;
}

body.staff-concierge-app #view-home .home-ops-column > .home-queue-panel {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--ac-bg-card) !important;
  border: 1px solid var(--ac-border) !important;
  border-radius: 12px !important;
}

body.staff-concierge-app #view-home .home-ops-column .home-queue-pane {
  flex: 1 !important;
  min-height: 0 !important;
  overflow: auto !important;
}

body.staff-concierge-app #view-home .home-side-panel-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--ac-border) !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #view-home .home-side-panel-header h4 {
  margin: 0 !important;
  font-size: 0.9rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: var(--ac-text) !important;
  font-weight: 600 !important;
  font-family: var(--ac-font-body) !important;
  line-height: 1.2 !important;
}

body.staff-concierge-app #view-home .home-side-badge {
  background: var(--ac-bg-elevated) !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 0.75rem !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app #view-home .home-queue-tabs {
  display: flex !important;
  gap: 24px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  border-bottom: 1px solid var(--ac-border) !important;
}

body.staff-concierge-app #view-home .home-queue-tab {
  border: none !important;
  background: transparent !important;
  color: var(--ac-text-muted) !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  padding: 12px 0 10px 0 !important;
  border-radius: 0 !important;
  margin-bottom: -1px !important;
  border-bottom: 2px solid transparent !important;
}

body.staff-concierge-app #view-home .home-queue-tab.is-active {
  color: var(--ac-text) !important;
  border-bottom-color: var(--ac-accent-gold) !important;
  background: transparent !important;
}

body.staff-concierge-app #view-home .home-side-list {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 0 !important;
}

/* Graphs — bottom half of left column, mirrors Open Chats height */
body.staff-concierge-app #view-home .home-graphs-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-graph-card {
  background: var(--ac-bg-card) !important;
  border: 1px solid var(--ac-border) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-graph-header {
  margin-bottom: 6px !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #view-home .home-graph-header h4 {
  margin: 0 !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app #view-home .home-graph-subtitle {
  font-size: 0.8rem !important;
  color: var(--ac-text-muted) !important;
}

body.staff-concierge-app #view-home .home-graph-placeholder {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--ac-text-dim) !important;
  font-size: 0.9rem !important;
  background: var(--ac-bg-elevated) !important;
  border-radius: 8px !important;
  border: 1px dashed var(--ac-border) !important;
}

body.staff-concierge-app #view-home .home-graph-body {
  flex: 1 !important;
  min-height: 0 !important;
  overflow: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 2px 0 0 !important;
}

body.staff-concierge-app #view-home .home-graph-body .insights-bar-row {
  grid-template-columns: minmax(72px, 0.9fr) minmax(0, 1.6fr) auto !important;
  gap: 8px !important;
  font-size: 0.78rem !important;
}

body.staff-concierge-app #view-home .home-graph-body .insights-bar-fill {
  background: linear-gradient(90deg, rgba(184, 149, 42, 0.85), rgba(184, 149, 42, 0.55)) !important;
}

body.staff-concierge-app #view-home .home-graph-body .insights-empty,
body.staff-concierge-app #view-home .home-graph-body .home-graph-loading {
  margin: auto 0 !important;
  text-align: center !important;
  color: var(--ac-text-dim) !important;
  font-size: 0.85rem !important;
}

/* Charts — soft gold / charcoal on light */
body.staff-concierge-app #view-home .hijiffy-line-chart svg path {
  stroke: rgba(184, 149, 42, 0.65) !important;
}
body.staff-concierge-app #view-home .hijiffy-line-chart svg path[fill] {
  fill: rgba(184, 149, 42, 0.06) !important;
  stroke: none !important;
}
body.staff-concierge-app #view-home .hijiffy-line-chart svg circle {
  fill: #FFFFFF !important;
  stroke: var(--ac-accent-gold) !important;
}
body.staff-concierge-app #view-home .hijiffy-activity-donut svg path {
  fill: transparent !important;
  stroke: rgba(20, 20, 20, 0.55) !important;
}
body.staff-concierge-app #view-home .hijiffy-activity-donut svg path:nth-child(even) {
  stroke: rgba(184, 149, 42, 0.45) !important;
}

body.staff-concierge-app #view-home .command-table-head {
  padding: 0 14px 0 !important;
  border-bottom: 1px solid var(--ac-border) !important;
  background: var(--ac-bg-card) !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #view-home .command-tabs {
  display: flex !important;
  gap: 16px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: -1px !important;
}

body.staff-concierge-app #view-home .command-tabs .home-queue-tab {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--ac-text-dim) !important;
  padding: 12px 0 10px 0 !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  flex: 0 0 auto !important;
}

body.staff-concierge-app #view-home .command-tabs .home-queue-tab.is-active {
  border-bottom-color: var(--ac-accent-gold) !important;
  color: var(--ac-text) !important;
}

/* Queue header + body polish */
body.staff-concierge-app .command-table-header,
body.staff-concierge-app #view-home .command-table-header {
  display: grid !important;
  grid-template-columns: 2fr 3fr 1.5fr 1fr !important;
  gap: 16px !important;
  padding: 12px 20px !important;
  background: var(--ac-bg-elevated) !important;
  color: var(--ac-text-muted) !important;
  border-bottom: 1px solid var(--ac-border) !important;
  font-size: 0.75rem !important;
  
  letter-spacing: 0.05em !important;
}

body.staff-concierge-app #view-home .command-table-body {
  padding: 0 !important;
  background: var(--ac-bg-card) !important;
}

body.staff-concierge-app #view-home .command-table-body .inbox-item:hover,
body.staff-concierge-app #view-home .command-table-body .order-queue-item:hover,
body.staff-concierge-app .command-table-body .hijiffy-conversation:hover,
body.staff-concierge-app #home-orders-list > *:hover {
  background: transparent !important;
}

body.staff-concierge-app #view-home .command-table-body .order-queue-time::after {
  content: '→';
  margin-left: 8px;
}

body.staff-concierge-app #view-home .command-table-body .inbox-item-preview {
  order: 2;
  color: var(--ac-text-muted) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.staff-concierge-app #view-home .command-table-body .inbox-item-right {
  order: 3;
  justify-self: start;
}

body.staff-concierge-app #view-home .command-table-body .inbox-item-time {
  order: 4;
  justify-self: end;
  font-family: monospace;
  font-size: 0.85rem;
  color: var(--ac-text-dim) !important;
}

body.staff-concierge-app #view-home .command-table-body .inbox-item-time::after {
  content: '→';
  margin-left: 8px;
}

/* ============================================================
   9.5 FINAL — empties, training banner, glow, mobile rail
   ============================================================ */

body.staff-concierge-app .col-empty,
body.staff-concierge-app .hijiffy-empty,
body.staff-concierge-app .hijiffy-chart-empty,
body.staff-concierge-app .insights-empty,
body.staff-concierge-app .order-detail-empty,
body.staff-concierge-app .thread-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding: 2rem 1.25rem !important;
  margin: 0 !important;
  text-align: center !important;
  color: var(--ac-text-muted) !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.staff-concierge-app .col-empty[hidden],
body.staff-concierge-app .hijiffy-empty[hidden],
body.staff-concierge-app .hijiffy-chart-empty[hidden],
body.staff-concierge-app .insights-empty[hidden],
body.staff-concierge-app .order-detail-empty[hidden],
body.staff-concierge-app .thread-empty[hidden] {
  display: none !important;
}

body.staff-concierge-app .col-empty::before,
body.staff-concierge-app .hijiffy-empty::before,
body.staff-concierge-app .hijiffy-chart-empty::before,
body.staff-concierge-app .insights-empty::before,
body.staff-concierge-app .order-detail-empty::before,
body.staff-concierge-app .thread-empty::before {
  content: '' !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 184, 212, 0.28) !important;
  background:
    linear-gradient(145deg, rgba(0, 229, 255, 0.16), rgba(16, 52, 141, 0.06)) !important;
  box-shadow: 0 6px 16px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .col-empty,
body.staff-concierge-app .hijiffy-empty,
body.staff-concierge-app .thread-empty {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: var(--ac-text-muted) !important;
}

body.staff-concierge-app .order-detail-empty p,
body.staff-concierge-app .thread-empty p {
  max-width: 32ch !important;
  margin: 0 !important;
  color: var(--ac-text-muted) !important;
}

/* Training banner — soft amber wash on daylight */
body.staff-concierge-app #training-banner,
body.staff-concierge-app .training-banner {
  background: linear-gradient(90deg, rgba(0, 184, 212, 0.12), rgba(240, 247, 255, 0.96)) !important;
  border-bottom: 1px solid rgba(0, 184, 212, 0.28) !important;
  color: var(--ac-text) !important;
  box-shadow: none !important;
}

body.staff-concierge-app #training-banner .training-banner-inner strong,
body.staff-concierge-app .training-banner-inner strong {
  color: var(--ac-text) !important;
}

body.staff-concierge-app #training-banner .training-banner-inner p,
body.staff-concierge-app .training-banner-inner p {
  color: var(--ac-text-muted) !important;
}

body.staff-concierge-app .order-queue-item.order-glow,
body.staff-concierge-app #view-home .order-queue-item.order-glow {
  border-left: none !important;
  background: var(--accent-orders-lo) !important;
  box-shadow: inset 3px 0 0 var(--accent-orders) !important;
}

body.staff-concierge-app .order-queue-item.order-glow:hover,
body.staff-concierge-app #view-home .order-queue-item.order-glow:hover {
  background: rgba(224, 155, 31, 0.2) !important;
}

body.staff-concierge-app .order-queue-item.active,
body.staff-concierge-app #view-home .order-queue-item.active {
  box-shadow: inset 3px 0 0 var(--accent-orders) !important;
  background: var(--accent-orders-lo) !important;
}

body.staff-concierge-app .room-inbox-wrap.active,
body.staff-concierge-app .room-inbox-wrap.chat-glow {
  background: transparent !important;
}

body.staff-concierge-app .room-inbox-wrap.chat-glow .room-inbox-item,
body.staff-concierge-app .room-inbox-wrap.chat-glow .inbox-item,
body.staff-concierge-app #view-home .hijiffy-conversation.chat-glow {
  border-left: none !important;
  background: var(--accent-chats-lo) !important;
  box-shadow: inset 3px 0 0 var(--accent-chats) !important;
}

body.staff-concierge-app .room-inbox-wrap.chat-glow .room-inbox-item:hover,
body.staff-concierge-app .room-inbox-wrap.chat-glow .inbox-item:hover,
body.staff-concierge-app #view-home .hijiffy-conversation.chat-glow:hover {
  background: rgba(15, 122, 107, 0.18) !important;
}

body.staff-concierge-app .room-inbox-wrap.active .room-inbox-item,
body.staff-concierge-app .inbox-item.active {
  box-shadow: inset 3px 0 0 var(--accent-chats) !important;
  background: var(--accent-chats-lo) !important;
}

body.staff-concierge-app .staff-inbox-item.active,
body.staff-concierge-app .staff-inbox-item:hover {
  box-shadow: inset 2px 0 0 var(--accent-staff) !important;
  background: var(--accent-staff-lo) !important;
}

body.staff-concierge-app .concierge-rail-badge.is-pulse,
body.staff-concierge-app .sidebar-nav-badge.is-pulse {
  box-shadow: 0 0 0 2px var(--ac-accent-gold-lo) !important;
  animation: none !important;
}

body.staff-concierge-app .concierge-rail-scrim {
  display: none !important;
  pointer-events: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 900px) {
  body.staff-concierge-app .concierge-topbar.is-search-open .concierge-topbar-center {
    border-color: var(--ac-border) !important;
    background: var(--ac-bg-card) !important;
    box-shadow: var(--ac-shadow) !important;
  }
}

@media (max-width: 1100px) {
  body.staff-concierge-app #view-home .home-dashboard-grid--command {
    grid-template-columns: minmax(0, 1fr) clamp(240px, 32vw, 300px) !important;
  }

  body.staff-concierge-app #view-home .home-graphs-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-home .home-dashboard-grid--command {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1.1fr) minmax(220px, 0.9fr) !important;
  }

  body.staff-concierge-app #view-home .home-ops-column {
    max-height: none !important;
    min-height: 0 !important;
  }

  body.staff-concierge-app #view-home .command-kpi-strip {
    gap: 6px !important;
  }
}

@media (max-width: 720px) {
  body.staff-concierge-app #view-home.hijiffy-dashboard:not([hidden]) {
    padding: 8px !important;
  }

  body.staff-concierge-app #view-home .home-dashboard-grid--command {
    gap: 8px !important;
  }

  body.staff-concierge-app #view-home .home-graphs-row {
    grid-template-columns: 1fr !important;
  }

  body.staff-concierge-app #view-home .command-kpi-strip {
    flex-wrap: wrap !important;
    min-height: 0 !important;
    gap: 6px !important;
  }

  body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-card {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 0 !important;
  }

  body.staff-concierge-app #view-home .command-kpi-strip .home-hero-kpi-icon {
    display: none !important;
  }

  body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-label {
    padding-right: 0 !important;
  }
}

@media (max-height: 760px) {
  body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-value {
    margin-bottom: 4px !important;
  }
}

/* ============================================================
   THEME TOGGLE
   ============================================================ */
body.staff-concierge-app .theme-toggle {
  background: transparent;
  border: none;
  color: var(--ac-text-muted);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-right: 0.25rem;
}

body.staff-concierge-app .theme-toggle:hover {
  color: var(--ac-text);
  background: rgba(20, 20, 20, 0.05);
}

/* ============================================================
   GUEST CONTEXT HUB (Right Panel)
   ============================================================ */
body.staff-concierge-app #guest-context-hub {
  display: flex;
  flex-direction: column;
  background: var(--ac-bg-2) !important;
  border: 1px solid var(--ac-border);
  border-radius: 8px;
  overflow: hidden;
}

body.staff-concierge-app .guest-hub-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--ac-text-muted);
  font-style: italic;
  padding: 2rem;
  text-align: center;
}

body.staff-concierge-app .guest-hub-empty[hidden] {
  display: none !important;
}

body.staff-concierge-app .guest-hub-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

body.staff-concierge-app .guest-hub-content[hidden] {
  display: none !important;
}

body.staff-concierge-app .guest-hub-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--ac-border);
}

body.staff-concierge-app .guest-hub-header h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--ac-text);
}

body.staff-concierge-app .guest-hub-room {
  font-size: 0.9rem;
  color: var(--ac-text-muted);
}

body.staff-concierge-app .guest-hub-section {
  padding: 1.5rem;
  border-bottom: 1px solid var(--ac-border);
}

body.staff-concierge-app .guest-hub-section:last-child {
  border-bottom: none;
  flex: 1;
  overflow-y: auto;
}

body.staff-concierge-app .guest-hub-section h4 {
  margin: 0 0 1rem 0;
  font-size: 0.85rem;
  
  letter-spacing: 0.05em;
  color: var(--ac-text-muted);
}

body.staff-concierge-app .guest-hub-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

body.staff-concierge-app .guest-hub-tag {
  background: var(--ac-bg-elevated);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  color: var(--ac-text);
  border: 1px solid var(--ac-border);
}

body.staff-concierge-app .guest-hub-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.staff-concierge-app .guest-hub-timeline li {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
}

body.staff-concierge-app .guest-hub-timeline li strong {
  color: var(--ac-text);
  font-weight: 500;
}

body.staff-concierge-app .guest-hub-timeline li span {
  color: var(--ac-text-muted);
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

/* ============================================================
   DARK MODE — cave tokens (previous editorial matte)
   ============================================================ */
body.staff-concierge-app.dark-mode {
  --ac-bg:              #0A0A0A;
  --ac-bg-2:            #050505;
  --ac-bg-card:         rgba(255, 255, 255, 0.03);
  --ac-bg-elevated:     rgba(255, 255, 255, 0.06);

  --ac-cyan:            #ffffff;
  --ac-cyan-lo:         rgba(255, 255, 255, 0.07);
  --ac-glow:            rgba(255, 255, 255, 0.10);

  --ac-cobalt:          #2a2a2a;

  --ac-text:            #ffffff;
  --ac-text-muted:      rgba(255, 255, 255, 0.65);
  --ac-text-dim:        rgba(255, 255, 255, 0.45);

  --ac-border:          rgba(255, 255, 255, 0.15); /* Slate Border */
  --ac-border-glow:     rgba(255, 255, 255, 0.25);

  --ac-shadow:          0 8px 40px rgba(0, 0, 0, 0.55);

  --ac-accent-gold:     #00E5FF;
  --ac-accent-gold-lo:  rgba(0, 229, 255, 0.14);
  --accent-orders-bar:  linear-gradient(90deg, rgba(0, 229, 255, 0.95), rgba(0, 184, 212, 0.65)); /* Was mustard */
  --ac-accent-bar:      var(--accent-orders-bar);
  --lotus-primary:     var(--ac-accent-gold);
  --lotus-primary-dark: #67E8F9;
  --lotus-primary-light: var(--ac-accent-gold-lo);
  --lotus-primary-glow: var(--ac-glow);
  --lotus-neon:         #00E5FF;
  --lotus-navy:         #7DD3FC;

  --ac-semantic-success: #10b981;
  --ac-semantic-success-lo: rgba(16, 185, 129, 0.15);
  --ac-semantic-warning: #f59e0b;
  --ac-semantic-warning-lo: rgba(245, 158, 11, 0.15);
  --ac-semantic-danger: #ef4444;
  --ac-semantic-danger-lo: rgba(239, 68, 68, 0.15);
}

body.staff-concierge-app.dark-mode .login-card {
  background: #111111 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6) !important;
}

body.staff-concierge-app.dark-mode .btn-primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #080808 !important;
}

body.staff-concierge-app.dark-mode .btn-primary:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.12) !important;
}

/* Keep native-looking system dialogs from bleeding into themed <dialog> surfaces */
body.staff-concierge-app.dark-mode dialog.export-dialog,
body.staff-concierge-app.dark-mode .export-dialog,
body.staff-concierge-app.dark-mode .order-confirm-dialog {
  background: #141414 !important;
  color: #F4F7FA !important;
  border-color: rgba(76, 201, 240, 0.22) !important;
  box-shadow:
    0 0 0 1px rgba(0, 229, 255, 0.08),
    0 24px 60px rgba(0, 0, 0, 0.65) !important;
}

body.staff-concierge-app.dark-mode dialog.export-dialog::backdrop,
body.staff-concierge-app.dark-mode .export-dialog::backdrop,
body.staff-concierge-app.dark-mode .order-confirm-dialog::backdrop {
  background: rgba(0, 0, 0, 0.78) !important;
}

body.staff-concierge-app.dark-mode dialog.export-dialog .btn-primary,
body.staff-concierge-app.dark-mode .export-dialog .btn-primary,
body.staff-concierge-app.dark-mode .order-confirm-dialog .btn-primary:not(.is-danger) {
  background: linear-gradient(135deg, #00E5FF 0%, #4CC9F0 55%, #1D75B3 100%) !important;
  border-color: rgba(0, 229, 255, 0.55) !important;
  color: #041018 !important;
}

body.staff-concierge-app.dark-mode dialog.export-dialog .btn-outline,
body.staff-concierge-app.dark-mode .export-dialog .btn-outline,
body.staff-concierge-app.dark-mode .order-confirm-dialog .btn-outline {
  background: transparent !important;
  border-color: rgba(76, 201, 240, 0.35) !important;
  color: #00E5FF !important;
}

body.staff-concierge-app.dark-mode .concierge-rail {
  background: var(--ac-bg-2) !important;
  border-right-color: rgba(255, 255, 255, 0.06) !important;
}

body.staff-concierge-app.dark-mode .dash-header {
  background: rgba(8, 8, 8, 0.94) !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.staff-concierge-app.dark-mode #view-home .home-kpi-card,
body.staff-concierge-app.dark-mode #view-home .command-table-panel {
  background: rgba(255, 255, 255, 0.025) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none;
}

body.staff-concierge-app.dark-mode #training-banner,
body.staff-concierge-app.dark-mode .training-banner {
  background: #111111 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: #f0f0f0 !important;
}

body.staff-concierge-app.dark-mode .col-empty::before,
body.staff-concierge-app.dark-mode .hijiffy-empty::before,
body.staff-concierge-app.dark-mode .hijiffy-chart-empty::before,
body.staff-concierge-app.dark-mode .insights-empty::before,
body.staff-concierge-app.dark-mode .order-detail-empty::before,
body.staff-concierge-app.dark-mode .thread-empty::before {
  border: 1px dashed rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

body.staff-concierge-app.dark-mode .theme-toggle:hover {
  background: rgba(255, 255, 255, 0.05);
}

body.staff-concierge-app.dark-mode #view-home .command-tabs .home-queue-tab.is-active {
  border-bottom-color: #ffffff !important;
  color: #ffffff !important;
}

body.staff-concierge-app.dark-mode .concierge-rail-logo img {
  filter: none !important;
}

/* Dark mode hover soften for chat glow */
body.staff-concierge-app.dark-mode .room-inbox-wrap.chat-glow .room-inbox-item:hover,
body.staff-concierge-app.dark-mode .room-inbox-wrap.chat-glow .inbox-item:hover,
body.staff-concierge-app.dark-mode #view-home .hijiffy-conversation.chat-glow:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Normalize page + panel headers: home font, sentence case, black */
body.staff-concierge-app,
body.staff-concierge-app button,
body.staff-concierge-app input,
body.staff-concierge-app select,
body.staff-concierge-app textarea {
  font-family: var(--ac-font-body) !important;
}

body.staff-concierge-app .concierge-page-title,
body.staff-concierge-app #dash-page-title,
body.staff-concierge-app .col-toolbar h2,
body.staff-concierge-app .col-toolbar--filtered h2,
body.staff-concierge-app .orders-panel .col-toolbar--filtered h2,
body.staff-concierge-app .completed-panel .col-toolbar--filtered h2,
body.staff-concierge-app .reservations-toolbar h2,
body.staff-concierge-app .insights-header h2,
body.staff-concierge-app .thread-header h2,
body.staff-concierge-app .monitoring-header h2,
body.staff-concierge-app .order-detail-header h2,
body.staff-concierge-app .staff-guest-section-header,
body.staff-concierge-app .home-side-panel-header h4,
body.staff-concierge-app .home-graph-header h4,
body.staff-concierge-app .home-queue-tab,
body.staff-concierge-app .insights-card h3,
body.staff-concierge-app .concierge-rail-section-label,
body.staff-concierge-app #order-detail-room,
body.staff-concierge-app #thread-panel-title,
body.staff-concierge-app #thread-title {
  font-family: var(--ac-font-body) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 600 !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app .concierge-page-title,
body.staff-concierge-app #dash-page-title {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
}

body.staff-concierge-app .col-toolbar h2,
body.staff-concierge-app .col-toolbar--filtered h2,
body.staff-concierge-app .orders-panel .col-toolbar--filtered h2,
body.staff-concierge-app .completed-panel .col-toolbar--filtered h2 {
  font-size: 0.95rem !important;
}

body.staff-concierge-app .dash-custom-select-trigger,
body.staff-concierge-app .dash-filter-select,
body.staff-concierge-app .inbox-filter {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: var(--ac-font-body) !important;
}

/* Filter dropdown menus — daylight (staff.css menu still uses dark cave tokens) */
body.staff-concierge-app:not(.dark-mode) .dash-custom-select-menu {
  border-color: rgba(16, 52, 141, 0.14) !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(16, 52, 141, 0.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.staff-concierge-app:not(.dark-mode) .dash-custom-select-search-wrap {
  background: #FFFFFF !important;
}

body.staff-concierge-app:not(.dark-mode) .dash-custom-select-search {
  border-color: rgba(16, 52, 141, 0.14) !important;
  background: #F7FBFF !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app:not(.dark-mode) .dash-custom-select-search:focus {
  border-color: rgba(0, 184, 212, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(0, 184, 212, 0.12) !important;
}

body.staff-concierge-app:not(.dark-mode) .dash-custom-select-option {
  color: #334155 !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body.staff-concierge-app:not(.dark-mode) .dash-custom-select-option:hover,
body.staff-concierge-app:not(.dark-mode) .dash-custom-select-option.is-selected {
  background: rgba(0, 184, 212, 0.12) !important;
  color: #0E7490 !important;
}

/* Per-page panel accents: top bar color matches that page’s row/message highlight */
body.staff-concierge-app .orders-panel,
body.staff-concierge-app .order-panel,
body.staff-concierge-app .completed-panel,
body.staff-concierge-app #view-home .kpi-active-now,
body.staff-concierge-app #view-home .hijiffy-orders-card,
body.staff-concierge-app #view-home .home-queue-panel[data-queue-tab="orders"],
body.staff-concierge-app #view-home .home-queue-panel:not([data-queue-tab]) {
  --panel-accent: var(--accent-orders);
  --panel-accent-lo: var(--accent-orders-lo);
  --panel-accent-bar: var(--accent-orders-bar);
}

body.staff-concierge-app .rooms-panel,
body.staff-concierge-app #attention-panel.rooms-panel,
body.staff-concierge-app .thread-panel,
body.staff-concierge-app[data-rail-view="guest-inbox"] .thread-panel,
body.staff-concierge-app #view-home .kpi-unread,
body.staff-concierge-app #view-home .hijiffy-open-card:not(.hijiffy-orders-card),
body.staff-concierge-app #view-home .home-queue-panel[data-queue-tab="chats"] {
  --panel-accent: var(--accent-chats);
  --panel-accent-lo: var(--accent-chats-lo);
  --panel-accent-bar: var(--accent-chats-bar);
}

body.staff-concierge-app #view-home #home-pending-approvals,
body.staff-concierge-app .guests-panel,
body.staff-concierge-app[data-rail-view="guests"] .guests-panel {
  --panel-accent: var(--accent-guests);
  --panel-accent-lo: var(--accent-guests-lo);
  --panel-accent-bar: var(--accent-guests-bar);
}

body.staff-concierge-app .staff-inbox-panel,
body.staff-concierge-app[data-rail-view="staff-inbox"] .thread-panel {
  --panel-accent: var(--accent-staff);
  --panel-accent-lo: var(--accent-staff-lo);
  --panel-accent-bar: var(--accent-staff-bar);
}

body.staff-concierge-app #view-insights .insights-panel,
body.staff-concierge-app[data-rail-view="insights"] .insights-panel {
  --panel-accent: var(--accent-insights);
  --panel-accent-lo: var(--accent-insights-lo);
  --panel-accent-bar: var(--accent-insights-bar);
}

body.staff-concierge-app #view-monitoring .monitoring-panel,
body.staff-concierge-app[data-rail-view="monitoring"] .monitoring-panel {
  --panel-accent: var(--accent-monitoring);
  --panel-accent-lo: var(--accent-monitoring-lo);
  --panel-accent-bar: var(--accent-monitoring-bar);
}

body.staff-concierge-app[data-rail-view="archived-guests"] .rooms-panel,
body.staff-concierge-app[data-rail-view="archived-guests"] .thread-panel,
body.staff-concierge-app[data-rail-view="archived-staff"] .staff-inbox-panel,
body.staff-concierge-app[data-rail-view="archived-staff"] .thread-panel,
body.staff-concierge-app[data-rail-view="completed"] .completed-panel,
body.staff-concierge-app[data-rail-view="completed"] .order-panel {
  --panel-accent: var(--accent-archive);
  --panel-accent-lo: var(--accent-archive-lo);
  --panel-accent-bar: var(--accent-archive-bar);
}

body.staff-concierge-app .orders-panel,
body.staff-concierge-app .order-panel,
body.staff-concierge-app .completed-panel,
body.staff-concierge-app .rooms-panel,
body.staff-concierge-app #attention-panel.rooms-panel,
body.staff-concierge-app .thread-panel,
body.staff-concierge-app .staff-inbox-panel,
body.staff-concierge-app #view-home .home-queue-panel,
body.staff-concierge-app #view-home .command-table-panel,
body.staff-concierge-app #view-home .kpi-active-now,
body.staff-concierge-app #view-home .kpi-unread,
body.staff-concierge-app #view-home .hijiffy-orders-card,
body.staff-concierge-app #view-home .hijiffy-open-card,
body.staff-concierge-app #view-home #home-pending-approvals,
body.staff-concierge-app #view-insights .insights-panel,
body.staff-concierge-app #view-monitoring .monitoring-panel {
  position: relative !important;
  overflow: hidden !important;
}

body.staff-concierge-app .orders-panel::before,
body.staff-concierge-app .order-panel::before,
body.staff-concierge-app .completed-panel::before,
body.staff-concierge-app .rooms-panel::before,
body.staff-concierge-app #attention-panel.rooms-panel::before,
body.staff-concierge-app .thread-panel::before,
body.staff-concierge-app .staff-inbox-panel::before,
body.staff-concierge-app #view-insights .insights-panel::before,
body.staff-concierge-app #view-monitoring .monitoring-panel::before,
body.staff-concierge-app #view-home .home-queue-panel::before,
body.staff-concierge-app #view-home .command-table-panel::before,
body.staff-concierge-app #view-home .kpi-active-now::before,
body.staff-concierge-app #view-home .kpi-unread::before,
body.staff-concierge-app #view-home .hijiffy-orders-card::before,
body.staff-concierge-app #view-home .hijiffy-open-card::before,
body.staff-concierge-app #view-home #home-pending-approvals::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  z-index: 3 !important;
  background: var(--panel-accent-bar, var(--accent-orders-bar)) !important;
  pointer-events: none !important;
}

/* Home queue active tab underline matches that queue’s accent */
body.staff-concierge-app #view-home .home-queue-panel[data-queue-tab="orders"] .home-queue-tab.is-active,
body.staff-concierge-app #view-home .home-queue-panel[data-queue-tab="orders"] .command-tabs .home-queue-tab.is-active,
body.staff-concierge-app #view-home .home-queue-panel:not([data-queue-tab]) .home-queue-tab[data-queue-tab="orders"].is-active {
  border-bottom-color: var(--accent-orders) !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app #view-home .home-queue-panel[data-queue-tab="chats"] .home-queue-tab.is-active,
body.staff-concierge-app #view-home .home-queue-panel[data-queue-tab="chats"] .command-tabs .home-queue-tab.is-active {
  border-bottom-color: var(--accent-chats) !important;
  color: var(--ac-text) !important;
}


/* Rail width respects .is-expanded */
body.staff-concierge-app .concierge-rail-expand {
  display: none !important;
}
body.staff-concierge-app .concierge-rail-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 18px 12px 14px !important;
  width: 100% !important;
  margin: 0 auto 4px !important;
  height: auto !important;
  overflow: visible !important;
}
body.staff-concierge-app .concierge-rail:not(.is-expanded) .concierge-rail-logo {
  flex-direction: row !important;
  gap: 0 !important;
  padding: 12px 0 4px !important;
  margin: 0 auto 8px !important;
}
body.staff-concierge-app .concierge-rail.is-expanded .concierge-rail-logo {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  width: 100% !important;
}
body.staff-concierge-app .concierge-rail-logo .concierge-rail-mark,
body.staff-concierge-app .concierge-rail.is-expanded .concierge-rail-logo img {
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .concierge-rail-brand {
  display: none !important;
}
body.staff-concierge-app .concierge-rail.is-expanded .concierge-rail-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  opacity: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
}
body.staff-concierge-app .concierge-rail-brand .concierge-wordmark {
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.2 !important;
}
body.staff-concierge-app .concierge-rail-property {
  max-width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
}
body.staff-concierge-app .concierge-rail-nav {
  align-items: stretch !important;
  padding: 0 !important;
}
body.staff-concierge-app .concierge-rail.is-expanded .concierge-rail-btn {
  width: 100% !important;
  height: 44px !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 0 12px !important;
}
body.staff-concierge-app .concierge-rail.is-expanded .concierge-rail-label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
}
body.staff-concierge-app .concierge-rail.is-expanded .concierge-rail-badge {
  position: static !important;
  margin-left: auto !important;
}
body.staff-concierge-app .concierge-rail-section,
body.staff-concierge-app .concierge-rail-section,
body.staff-concierge-app .concierge-rail-section-label,
body.staff-concierge-app .concierge-rail-divider {
  display: none !important;
}

/* Workspace subnav (Inbox / Archive modes) */
body.staff-concierge-app #view-workspace:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
}
body.staff-concierge-app #view-workspace .dash-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
body.staff-concierge-app .workspace-subnav {
  display: flex !important;
  gap: 18px !important;
  padding: 10px 18px 0 !important;
  border-bottom: 1px solid var(--ac-border) !important;
  background: var(--ac-bg) !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .workspace-subnav[hidden] {
  display: none !important;
}
body.staff-concierge-app .workspace-subnav-btn {
  border: none !important;
  background: transparent !important;
  color: var(--ac-text-muted) !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding: 8px 0 10px !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  cursor: pointer !important;
  text-transform: none !important;
}
body.staff-concierge-app .workspace-subnav-btn.is-active {
  color: var(--ac-text) !important;
  border-bottom-color: var(--panel-accent, var(--accent-chats)) !important;
}
body.staff-concierge-app #inbox-subnav {
  --panel-accent: var(--accent-chats);
}
body.staff-concierge-app #archive-subnav {
  --panel-accent: var(--accent-archive);
}

/* Guests page — occupancy desk (pending + in-house) */
body.staff-concierge-app #view-guests:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 280px !important;
  height: 100% !important;
  padding: 18px 20px !important;
}

body.staff-concierge-app .guests-desk {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 0 !important;
  flex: 1 !important;
  height: 100% !important;
}

body.staff-concierge-app .guests-desk-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  flex: 1 !important;
}

body.staff-concierge-app .guests-panel {
  --panel-accent: var(--accent-guests);
  --panel-accent-bar: var(--accent-guests-bar);
  position: relative !important;
  overflow: hidden !important;
  background: var(--ac-bg-card) !important;
  border: 1px solid var(--ac-border) !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  flex: 1 !important;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
}

body.staff-concierge-app .guests-panel::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  z-index: 3 !important;
  background: var(--panel-accent-bar, var(--accent-guests-bar)) !important;
  pointer-events: none !important;
}

body.staff-concierge-app .guests-active-panel {
  --panel-accent: var(--accent-chats);
  --panel-accent-lo: var(--accent-chats-lo);
  --panel-accent-bar: var(--accent-chats-bar);
}

body.staff-concierge-app .guests-panel-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 16px 18px 12px !important;
  border-bottom: 1px solid var(--ac-border) !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .guests-panel-header h2,
body.staff-concierge-app .guests-panel-header h3 {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  font-family: var(--ac-font-body) !important;
  text-transform: none !important;
}

body.staff-concierge-app .guests-panel-header .insights-sub {
  margin: 4px 0 0 !important;
  font-size: 0.8rem !important;
}

body.staff-concierge-app .guests-pending-list,
body.staff-concierge-app .guests-active-list {
  flex: 1 !important;
  overflow: auto !important;
  padding: 4px 8px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 160px !important;
}

body.staff-concierge-app .guests-pending-list:has([data-room]),
body.staff-concierge-app .guests-active-list:has([data-room]) {
  display: flex !important;
  height: auto !important;
  flex: 1 1 auto !important;
}

/* Guests empty states — never collapse the list container (badge/count races hid rows) */

body.staff-concierge-app #guests-pending-empty:not([hidden]),
body.staff-concierge-app #guests-active-empty:not([hidden]) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 24px 16px !important;
  min-height: 0 !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  body.staff-concierge-app .guests-desk-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(220px, 1fr) minmax(220px, 1fr) !important;
  }
}



/* Home Orders area chart (example layout, orders amber palette) */
body.staff-concierge-app #view-home .home-orders-chart-card {
  padding: 14px 14px 10px !important;
}
body.staff-concierge-app #view-home .home-orders-chart-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}
body.staff-concierge-app #view-home .home-orders-chart-header h4 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app #view-home .home-orders-range {
  position: relative !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app #view-home .home-orders-range select {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--ac-text) !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  padding: 8px 28px 8px 12px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  background-color: var(--accent-orders-lo) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--accent-orders) 50%),
    linear-gradient(135deg, var(--accent-orders) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}
body.staff-concierge-app #view-home .home-orders-chart-body {
  overflow: hidden !important;
  padding: 0 !important;
  gap: 0 !important;
}
body.staff-concierge-app #view-home .home-orders-chart-interactive {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.staff-concierge-app #view-home .home-orders-chart-interactive svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}
body.staff-concierge-app #view-home .home-orders-grid {
  stroke: rgba(20, 20, 20, 0.12) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 5 !important;
  fill: none !important;
}
body.staff-concierge-app #view-home .home-orders-axis,
body.staff-concierge-app #view-home .home-orders-chart-interactive svg text {
  fill: var(--ac-text-muted) !important;
  font-family: var(--ac-font-body) !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
body.staff-concierge-app #view-home .home-orders-fill {
  fill: url(#homeOrdersFill) !important;
  stroke: none !important;
}
body.staff-concierge-app #view-home .home-orders-line {
  fill: none !important;
  stroke: var(--accent-orders) !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.staff-concierge-app #view-home .home-orders-guide {
  stroke: var(--accent-orders) !important;
  stroke-width: 1.25 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.7 !important;
}
body.staff-concierge-app #view-home .home-orders-point {
  fill: #fff !important;
  stroke: var(--accent-orders) !important;
  stroke-width: 2.5 !important;
  filter: drop-shadow(0 1px 2px rgba(20, 20, 20, 0.12));
}
body.staff-concierge-app #view-home .home-orders-tooltip {
  position: absolute !important;
  z-index: 3 !important;
  min-width: 92px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: var(--accent-orders-lo) !important;
  border: 1px solid rgba(0, 184, 212, 0.35) !important; /* Was mustard */
  box-shadow: 0 8px 20px rgba(20, 20, 20, 0.10) !important;
  text-align: center !important;
  pointer-events: none !important;
  backdrop-filter: blur(6px);
}
body.staff-concierge-app #view-home .home-orders-tooltip-label {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: var(--ac-text-muted) !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}
body.staff-concierge-app #view-home .home-orders-tooltip-value {
  display: block !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  line-height: 1.15 !important;
}
body.staff-concierge-app #view-home .home-orders-chart-body > .home-graph-loading {
  margin: auto !important;
}

/* Shared area-chart layout (Orders + Direct Bookings) */
body.staff-concierge-app #view-home .home-area-chart-card {
  padding: 10px 12px 6px !important;
}
body.staff-concierge-app #view-home .home-area-chart-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 4px !important;
}
body.staff-concierge-app #view-home .home-area-chart-header h4 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app #view-home .home-area-range {
  position: relative !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app #view-home .home-area-range select {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--ac-text) !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  padding: 8px 28px 8px 12px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px) !important;
}
body.staff-concierge-app #view-home .home-area-chart-body {
  overflow: hidden !important;
  padding: 0 !important;
  gap: 0 !important;
}
body.staff-concierge-app #view-home .home-area-chart-interactive {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.staff-concierge-app #view-home .home-area-chart-interactive svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}
body.staff-concierge-app #view-home .home-area-grid {
  stroke: rgba(20, 20, 20, 0.12) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 5 !important;
  fill: none !important;
}
body.staff-concierge-app #view-home .home-area-axis,
body.staff-concierge-app #view-home .home-area-chart-interactive svg text {
  fill: var(--ac-text-muted) !important;
  font-family: var(--ac-font-body) !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
body.staff-concierge-app #view-home .home-area-axis--x {
  font-size: 10px !important;
}
body.staff-concierge-app #view-home .home-area-fill {
  stroke: none !important;
}
body.staff-concierge-app #view-home .home-area-line {
  fill: none !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body.staff-concierge-app #view-home .home-area-guide {
  stroke-width: 1.25 !important;
  stroke-dasharray: 3 4 !important;
  opacity: 0.7 !important;
}
body.staff-concierge-app #view-home .home-area-point {
  fill: #fff !important;
  stroke-width: 2.5 !important;
  filter: drop-shadow(0 1px 2px rgba(20, 20, 20, 0.12));
}
body.staff-concierge-app #view-home .home-area-tooltip {
  position: absolute !important;
  z-index: 3 !important;
  min-width: 92px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  text-align: center !important;
  pointer-events: none !important;
  box-shadow: 0 8px 20px rgba(20, 20, 20, 0.10) !important;
  backdrop-filter: blur(6px);
}
body.staff-concierge-app #view-home .home-area-tooltip-label {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: var(--ac-text-muted) !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}
body.staff-concierge-app #view-home .home-area-tooltip-value {
  display: block !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  line-height: 1.15 !important;
}
body.staff-concierge-app #view-home .home-area-chart-body > .home-graph-loading {
  margin: auto !important;
}

/* Direct Bookings — brand gold */
body.staff-concierge-app #view-home .home-bookings-range select {
  background-color: var(--accent-bookings-lo) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--accent-bookings) 50%),
    linear-gradient(135deg, var(--accent-bookings) 50%, transparent 50%) !important;
}
body.staff-concierge-app #view-home .home-bookings-fill {
  fill: url(#homeBookingsFill) !important;
}
body.staff-concierge-app #view-home .home-bookings-line,
body.staff-concierge-app #view-home .home-bookings-guide {
  stroke: var(--accent-bookings) !important;
}
body.staff-concierge-app #view-home .home-bookings-point {
  stroke: var(--accent-bookings) !important;
}
body.staff-concierge-app #view-home .home-bookings-tooltip {
  background: var(--accent-bookings-lo) !important;
  border: 1px solid rgba(16, 52, 141, 0.30) !important;
}



/* Unified Orders/Inbox list column */
body.staff-concierge-app .orders-panel .col-toolbar--filtered,
body.staff-concierge-app .completed-panel .col-toolbar--filtered,
body.staff-concierge-app #attention-panel.rooms-panel .col-toolbar--filtered {
  padding: 16px 16px 12px !important;
  gap: 10px !important;
  align-items: stretch !important;
}
body.staff-concierge-app .orders-panel .col-toolbar--filtered h2,
body.staff-concierge-app .completed-panel .col-toolbar--filtered h2,
body.staff-concierge-app #attention-panel.rooms-panel .col-toolbar--filtered h2 {
  display: block !important;
  margin: 0 auto 0 !important;
  text-align: center !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--ac-text) !important;
  width: 100% !important;
}
body.staff-concierge-app .orders-queue-list,
body.staff-concierge-app .completed-panel .orders-queue-list,
body.staff-concierge-app .rooms-inbox-list {
  padding: 0 !important;
  gap: 0 !important;
}
body.staff-concierge-app .order-queue-item {
  border: none !important;
  border-bottom: 1px solid var(--ac-border) !important;
  border-radius: 0 !important;
}
body.staff-concierge-app .order-queue-main {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  padding: 12px 12px !important;
  gap: 12px !important;
  background: none !important;
  border: none !important;
  text-align: left !important;
  color: inherit !important;
  font-family: var(--ac-font-body) !important;
  box-sizing: border-box !important;
  min-height: 68px !important;
}
body.staff-concierge-app .order-queue-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}
body.staff-concierge-app .order-queue-avatar.hijiffy-avatar,
body.staff-concierge-app .orders-queue-list .hijiffy-avatar.order-queue-avatar,
body.staff-concierge-app .completed-panel .hijiffy-avatar.order-queue-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: var(--hijiffy-avatar-bg) !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .order-queue-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
}
body.staff-concierge-app .order-queue-room,
body.staff-concierge-app .inbox-item-room {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app .order-queue-status {
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  
  white-space: nowrap !important;
  background: transparent !important;
  color: var(--ac-text-muted) !important;
  padding: 0 !important;
}
body.staff-concierge-app .order-queue-body,
body.staff-concierge-app .inbox-item-body {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 10px !important;
}
body.staff-concierge-app .order-queue-summary,
body.staff-concierge-app .inbox-item-preview {
  font-size: 0.8rem !important;
  color: var(--ac-text-muted) !important;
  line-height: 1.35 !important;
}
body.staff-concierge-app .order-queue-time,
body.staff-concierge-app .inbox-item-time {
  font-size: 0.72rem !important;
  color: var(--ac-text-muted) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .order-queue-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px 10px !important;
  background: transparent !important;
}
body.staff-concierge-app .btn-order-action {
  border: none !important;
  background: transparent !important;
  color: var(--ac-text-muted) !important;
  font-family: var(--ac-font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
  border-radius: 6px !important;
}
body.staff-concierge-app .btn-order-action:hover {
  color: var(--ac-text) !important;
  background: rgba(20, 20, 20, 0.04) !important;
}
body.staff-concierge-app .btn-order-complete {
  background: var(--ac-semantic-success) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
}
body.staff-concierge-app .btn-order-complete:hover {
  filter: brightness(0.96);
  color: #fff !important;
  background: var(--ac-semantic-success) !important;
}
body.staff-concierge-app .room-inbox-wrap {
  border-bottom: 1px solid var(--ac-border) !important;
}
body.staff-concierge-app .room-inbox-wrap .room-inbox-item:not(.inbox-queue-main) {
  border-bottom: none !important;
  padding: 10px 14px !important;
}

body.staff-concierge-app .order-queue-item,
body.staff-concierge-app .order-queue-main {
  pointer-events: auto !important;
  cursor: pointer !important;
}
body.staff-concierge-app .order-queue-actions,
body.staff-concierge-app .order-queue-actions .btn-order-action {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* ============================================================
   LOTUS TEAL POLISH — Top-10 UX (2026-07-15)
   Backup: _backup-staff-teal-polish-20260715
   ============================================================ */

/* Login error as dedicated alert */
body.staff-concierge-app #login-error:not([hidden]),
body.staff-concierge-app .login-hint:not([hidden]) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.55rem !important;
  margin-top: 0.85rem !important;
  padding: 0.7rem 0.85rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(194, 52, 42, 0.28) !important;
  background: rgba(194, 52, 42, 0.08) !important;
  color: #9F1D1D !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  text-align: left !important;
  line-height: 1.4 !important;
}
body.staff-concierge-app #login-error:not([hidden])::before {
  content: '!' !important;
  flex: 0 0 1.35rem !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  border-radius: 999px !important;
  background: #C2342A !important;
  color: #fff !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 0.05rem !important;
}

/* Profile menu: elevation only — never dim the dashboard */
body.staff-concierge-app .dash-menu-panel {
  box-shadow: 0 16px 40px rgba(16, 52, 141, 0.16) !important;
  border: 1px solid rgba(16, 52, 141, 0.12) !important;
  background: #FFFFFF !important;
}
body.staff-concierge-app .dash-menu-identity strong {
  color: var(--ac-text) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}
body.staff-concierge-app .dash-menu-role,
body.staff-concierge-app .dash-menu-property,
body.staff-concierge-app .dash-menu-item-value,
body.staff-concierge-app .monitoring-status-text {
  color: rgba(10, 26, 56, 0.62) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}
body.staff-concierge-app .dash-menu-item {
  color: var(--ac-text) !important;
}
body.staff-concierge-app .dash-menu-item:hover {
  background: rgba(0, 184, 212, 0.10) !important;
  color: var(--lotus-navy) !important;
}

/* Inbox pane separation */
body.staff-concierge-app .dash-body-guest-chats .dash-col:first-child,
body.staff-concierge-app .dash-body-archived-guests .dash-col:first-child,
body.staff-concierge-app .dash-body-staff-inbox .dash-col:first-child,
body.staff-concierge-app .dash-body-archived-staff .dash-col:first-child,
body.staff-concierge-app .rooms-panel,
body.staff-concierge-app .orders-panel {
  background: #F7FBFF !important;
  border-right: 1px solid rgba(16, 52, 141, 0.12) !important;
}
body.staff-concierge-app .thread-panel,
body.staff-concierge-app .order-panel {
  background: #FFFFFF !important;
}
body.staff-concierge-app .thread-compose {
  border-top: 1px solid rgba(16, 52, 141, 0.10) !important;
  background: #F7FBFF !important;
  padding: 12px 14px !important;
  gap: 10px !important;
}
body.staff-concierge-app .thread-compose input {
  border: 1px solid rgba(16, 52, 141, 0.14) !important;
  background: #FFFFFF !important;
  color: var(--ac-text) !important;
  border-radius: 10px !important;
  min-height: 42px !important;
}
body.staff-concierge-app .thread-compose input:focus {
  border-color: rgba(0, 184, 212, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(0, 184, 212, 0.16) !important;
  outline: none !important;
}

/* Typographic hierarchy */
body.staff-concierge-app .concierge-topbar-title,
body.staff-concierge-app .dash-title,
body.staff-concierge-app .col-toolbar h2 {
  color: var(--ac-text) !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
}
body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-value {
  color: #0A1A38 !important;
  font-size: 1.35rem !important;
}

/* Interactive states — rail + lists */
body.staff-concierge-app .concierge-rail-btn:hover {
  background: rgba(0, 184, 212, 0.08) !important;
  color: var(--lotus-navy) !important;
}
body.staff-concierge-app .concierge-rail-btn.active,
body.staff-concierge-app .concierge-rail-btn[aria-current="page"] {
  background: rgba(0, 184, 212, 0.14) !important;
  color: var(--lotus-navy) !important;
  box-shadow: inset 3px 0 0 var(--ac-cyan) !important;
}
body.staff-concierge-app .concierge-rail-badge,
body.staff-concierge-app .sidebar-nav-badge {
  background: #00B8D4 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
}
body.staff-concierge-app .room-inbox-item:hover,
body.staff-concierge-app .inbox-item:hover,
body.staff-concierge-app .hijiffy-conversation:hover {
  background: rgba(0, 184, 212, 0.06) !important;
}
body.staff-concierge-app .room-inbox-item:active,
body.staff-concierge-app .inbox-item:active,
body.staff-concierge-app .order-queue-item:active,
body.staff-concierge-app .hijiffy-conversation:active {
  background: rgba(0, 184, 212, 0.12) !important;
}

/* Soft surface elevation for panels */
body.staff-concierge-app #view-home .command-table-panel,
body.staff-concierge-app #view-home .home-area-chart-card,
body.staff-concierge-app #view-home .hijiffy-panel {
  box-shadow: 0 4px 16px rgba(16, 52, 141, 0.05) !important;
  border-color: rgba(16, 52, 141, 0.10) !important;
}


* {
    -webkit-tap-highlight-color: transparent !important;
}
*:focus {
    outline: none !important;
}

/* ============================================================
   FLOATING STAGE LAYOUT — 2026-07-15
   Backup: _backup-staff-floating-stage-20260715
   Rail = solid · main = one canvas · panels float
   ============================================================ */

body.staff-concierge-app {
  --stage-canvas: #E8F0F8;
  --stage-float: #FFFFFF;
  --stage-shadow: 0 10px 32px rgba(16, 52, 141, 0.09);
  --stage-shadow-sm: 0 4px 16px rgba(16, 52, 141, 0.07);
  --stage-radius: 16px;
}

/* Rail: separate solid surface */
body.staff-concierge-app .concierge-rail {
  background: transparent !important;
  border-right: none !important;
  box-shadow: none !important;
  z-index: 40 !important;
}

/* Main stage behind topbar + views */
body.staff-concierge-app .concierge-main-wrap {
  background: var(--stage-canvas) !important;
}

body.staff-concierge-app .dashboard {
  background: var(--stage-canvas) !important;
}

/* Topbar: title left · compact search + avatar right */
body.staff-concierge-app .concierge-topbar.topbar--compact,
body.staff-concierge-app .concierge-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 10px 20px 6px !important;
  min-height: 56px !important;
  background: transparent !important;
  border-bottom: none !important;
}

body.staff-concierge-app .concierge-topbar-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.staff-concierge-app .concierge-topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

body.staff-concierge-app .concierge-topbar-center {
  flex: 0 0 auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.staff-concierge-app .concierge-search--compact,
body.staff-concierge-app .concierge-search {
  width: min(220px, 36vw) !important;
  height: 36px !important;
  padding: 0 12px !important;
  background: var(--stage-float) !important;
  border: 1px solid rgba(16, 52, 141, 0.10) !important;
  box-shadow: 0 2px 8px rgba(16, 52, 141, 0.05) !important;
}

body.staff-concierge-app .concierge-search input {
  font-size: 0.84rem !important;
}

body.staff-concierge-app .concierge-search-toggle {
  display: none !important;
}

body.staff-concierge-app .dash-user-trigger {
  width: 40px !important;
  height: 40px !important;
  background: var(--stage-float) !important;
  box-shadow: 0 2px 10px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .dash-header-notify {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 50% !important;
  background: var(--stage-float) !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(16, 52, 141, 0.08) !important;
}
body.staff-concierge-app .dash-header-notify .notify-bell-icon {
  color: var(--ac-text-muted) !important;
}
body.staff-concierge-app .dash-header-notify:hover .notify-bell-icon,
body.staff-concierge-app .dash-header-notify:not(.is-off) .notify-bell-icon {
  color: var(--ac-text) !important;
}
body.staff-concierge-app .dash-header-notify.is-off {
  opacity: 0.72 !important;
}
body.staff-concierge-app .dash-header-notify .notify-bell-dot {
  top: 6px !important;
  right: 7px !important;
  background: #EF4444 !important;
  border-color: var(--stage-float) !important;
}

/* Workspace: padding so cards float on canvas */
body.staff-concierge-app #view-workspace:not([hidden]) {
  padding: 4px 16px 16px !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

body.staff-concierge-app .workspace-subnav {
  background: transparent !important;
  border-bottom: none !important;
  padding: 4px 4px 10px !important;
  gap: 8px !important;
}
body.staff-concierge-app .workspace-subnav-btn {
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.55) !important;
}
body.staff-concierge-app .workspace-subnav-btn.is-active {
  background: var(--stage-float) !important;
  color: var(--lotus-navy) !important;
  box-shadow: var(--stage-shadow-sm) !important;
  border-bottom-color: transparent !important;
}

body.staff-concierge-app #view-workspace .dash-body {
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  align-items: stretch !important;
}

/* Floating work panels — list + detail */
body.staff-concierge-app .orders-panel,
body.staff-concierge-app .completed-panel,
body.staff-concierge-app .rooms-panel,
body.staff-concierge-app #attention-panel.rooms-panel,
body.staff-concierge-app .staff-inbox-panel,
body.staff-concierge-app .thread-panel,
body.staff-concierge-app .order-panel {
  background: var(--stage-float) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  border-radius: var(--stage-radius) !important;
  box-shadow: var(--stage-shadow) !important;
  overflow: hidden !important;
}

/* Kill heavy full-bleed column fills from earlier polish */
body.staff-concierge-app .dash-body-guest-chats .dash-col:first-child,
body.staff-concierge-app .dash-body-archived-guests .dash-col:first-child,
body.staff-concierge-app .dash-body-staff-inbox .dash-col:first-child,
body.staff-concierge-app .dash-body-archived-staff .dash-col:first-child {
  background: var(--stage-float) !important;
  border-right: none !important;
}

body.staff-concierge-app .orders-panel,
body.staff-concierge-app .rooms-panel,
body.staff-concierge-app #attention-panel.rooms-panel,
body.staff-concierge-app .staff-inbox-panel,
body.staff-concierge-app .completed-panel {
  border-right: 1px solid rgba(16, 52, 141, 0.08) !important;
}

/* Soften accent stripe on floating cards (less “admin widget”) */
body.staff-concierge-app .orders-panel::before,
body.staff-concierge-app .order-panel::before,
body.staff-concierge-app .completed-panel::before,
body.staff-concierge-app .rooms-panel::before,
body.staff-concierge-app #attention-panel.rooms-panel::before,
body.staff-concierge-app .thread-panel::before,
body.staff-concierge-app .staff-inbox-panel::before,
body.staff-concierge-app #view-insights .insights-panel::before,
body.staff-concierge-app #view-monitoring .monitoring-panel::before {
  height: 2px !important;
  opacity: 0.85 !important;
  border-radius: var(--stage-radius) var(--stage-radius) 0 0 !important;
}

body.staff-concierge-app .thread-compose {
  background: rgba(232, 240, 248, 0.55) !important;
  border-top: 1px solid rgba(16, 52, 141, 0.08) !important;
  margin: 0 !important;
}

/* Selected list row: soft lift (one selection only) */
body.staff-concierge-app .order-queue-item.active,
body.staff-concierge-app #view-home .order-queue-item.active,
body.staff-concierge-app .room-inbox-item.active,
body.staff-concierge-app .inbox-item.active,
body.staff-concierge-app .hijiffy-conversation.active {
  background: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(16, 52, 141, 0.10) !important;
  border-radius: 12px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Home: same floating language */
body.staff-concierge-app #view-home:not([hidden]) {
  background: transparent !important;
  padding: 4px 16px 16px !important;
  box-sizing: border-box !important;
}

body.staff-concierge-app #view-home .command-table-panel,
body.staff-concierge-app #view-home .home-area-chart-card,
body.staff-concierge-app #view-home .hijiffy-panel,
body.staff-concierge-app #view-home .home-queue-panel,
body.staff-concierge-app #view-home .hijiffy-orders-card,
body.staff-concierge-app #view-home .hijiffy-open-card,
body.staff-concierge-app #view-home .hijiffy-welcome-card,
body.staff-concierge-app #view-home .home-ops-column > * {
  /* ops column children vary */
}

body.staff-concierge-app #view-home .command-table-panel,
body.staff-concierge-app #view-home .home-area-chart-card,
body.staff-concierge-app #view-home .hijiffy-panel,
body.staff-concierge-app #view-home .home-queue-panel,
body.staff-concierge-app #view-home .hijiffy-orders-card,
body.staff-concierge-app #view-home .hijiffy-open-card,
body.staff-concierge-app #view-home .home-side-panel,
body.staff-concierge-app #view-home #home-pending-approvals {
  background: var(--stage-float) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  border-radius: var(--stage-radius) !important;
  box-shadow: var(--stage-shadow-sm) !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-card {
  box-shadow: var(--stage-shadow-sm) !important;
  border-radius: 14px !important;
}

body.staff-concierge-app #view-guests:not([hidden]),
body.staff-concierge-app #view-insights:not([hidden]),
body.staff-concierge-app #view-monitoring:not([hidden]) {
  background: transparent !important;
}

body.staff-concierge-app .guests-panel,
body.staff-concierge-app #view-insights .insights-panel,
body.staff-concierge-app #view-monitoring .monitoring-panel {
  background: var(--stage-float) !important;
  border-radius: var(--stage-radius) !important;
  box-shadow: var(--stage-shadow) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
}

@media (max-width: 900px) {
  body.staff-concierge-app .concierge-search--compact,
  body.staff-concierge-app .concierge-search {
    width: min(160px, 42vw) !important;
  }
  body.staff-concierge-app #view-workspace:not([hidden]),
  body.staff-concierge-app #view-home:not([hidden]) {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* RAIL LOGO — white lotus on black INSIDE white box; transparent outside (concierge-icon-rail.png) */
body.staff-concierge-app .concierge-rail-logo img.concierge-rail-mark {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: transparent !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
  object-fit: contain !important;
}
body.staff-concierge-app .concierge-rail-logo {
  background: transparent !important;
}
body.staff-concierge-app .concierge-rail-logo img {
  background: transparent !important;
  border-radius: 0 !important;
}

/* HOME FILL — hide the list only when it has no rows */
body.staff-concierge-app #view-home #home-pending-approvals.is-empty:not(:has(#home-pending-list [data-room])) .home-side-list,
body.staff-concierge-app #view-home #home-pending-approvals:has(#home-pending-empty:not([hidden])):not(:has(#home-pending-list [data-room])) .home-side-list {
  display: none !important;
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.staff-concierge-app #view-home #home-pending-empty[hidden],
body.staff-concierge-app #view-home #home-pending-approvals:has(#home-pending-list [data-room]) #home-pending-empty {
  display: none !important;
}
body.staff-concierge-app #view-home #home-pending-approvals.is-empty:not(:has(#home-pending-list [data-room])) #home-pending-empty,
body.staff-concierge-app #view-home #home-pending-approvals:has(#home-pending-empty:not([hidden])):not(:has(#home-pending-list [data-room])) #home-pending-empty {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 16px 12px !important;
  min-height: 0 !important;
  height: auto !important;
  gap: 0.65rem !important;
}
body.staff-concierge-app #view-home #home-pending-view-more[hidden] {
  display: none !important;
}
body.staff-concierge-app #view-home .home-area-chart-body,
body.staff-concierge-app #view-home .home-orders-chart-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: stretch !important;
}
body.staff-concierge-app #view-home .home-area-chart-interactive,
body.staff-concierge-app #view-home .home-orders-chart-interactive {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
body.staff-concierge-app #view-home .home-area-chart-interactive svg,
body.staff-concierge-app #view-home .home-orders-chart-interactive svg {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* ============================================================
   ORDERS POLISH 2026-07-15
   Backup: _backup-staff-orders-polish-20260715
   Progress visibility · solid primary CTA · Inter everywhere
   ============================================================ */

/* Inter on headings that still pointed at Outfit via display stack */
body.staff-concierge-app h1,
body.staff-concierge-app h2,
body.staff-concierge-app h3,
body.staff-concierge-app h4,
body.staff-concierge-app .insights-hero-value,
body.staff-concierge-app .concierge-page-title,
body.staff-concierge-app .concierge-wordmark,
body.staff-concierge-app .lotus-wordmark,
body.staff-concierge-app .lotus-wordmark--gold,
body.staff-concierge-app .order-progress-label,
body.staff-concierge-app .btn-activity,
body.staff-concierge-app .order-queue-item,
body.staff-concierge-app .order-detail-active {
  font-family: var(--ac-font-body) !important;
}

/* Progress ladder — shared colors; layout is horizontal in ORDERS UX below */
body.staff-concierge-app .order-progress-dot {
  width: 16px !important;
  height: 16px !important;
  border-width: 2.5px !important;
  border-color: rgba(16, 52, 141, 0.28) !important;
  background: #FFFFFF !important;
}
body.staff-concierge-app .order-progress-step.is-pending .order-progress-dot {
  opacity: 1 !important;
  border-color: rgba(16, 52, 141, 0.32) !important;
  background: #FFFFFF !important;
}
body.staff-concierge-app .order-progress-step.is-done .order-progress-dot {
  border-color: #00B8D4 !important;
  background: #00B8D4 !important;
  box-shadow: 0 0 0 5px rgba(0, 184, 212, 0.18) !important;
}
body.staff-concierge-app .order-progress-step.is-current .order-progress-dot {
  border-color: #00B8D4 !important;
  background: #FFFFFF !important;
  box-shadow:
    0 0 0 3px rgba(0, 184, 212, 0.22),
    0 0 0 7px rgba(0, 184, 212, 0.10) !important;
}
body.staff-concierge-app .order-progress-label {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: rgba(10, 10, 10, 0.55) !important;
}
body.staff-concierge-app .order-progress-step.is-pending .order-progress-label {
  color: rgba(10, 10, 10, 0.55) !important;
  font-weight: 500 !important;
}
body.staff-concierge-app .order-progress-step.is-current .order-progress-label {
  color: var(--ac-text) !important;
  font-weight: 700 !important;
}
body.staff-concierge-app .order-progress-step.is-done .order-progress-label {
  color: #0891B2 !important;
  font-weight: 600 !important;
}

/* Primary fulfill CTA — color matches current order status tone */
body.staff-concierge-app .order-detail-actions .btn-activity {
  width: 100% !important;
  padding: 14px 18px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  border-radius: 12px !important;
  border: none !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #10348D 0%, #1D75B3 52%, #00B8D4 100%) !important;
  box-shadow: 0 6px 18px rgba(16, 52, 141, 0.22) !important;
  transition: background 0.18s ease, box-shadow 0.18s ease, opacity 0.12s ease !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-ordered {
  background: linear-gradient(135deg, #9A3412 0%, #B45309 55%, #D97706 100%) !important;
  box-shadow: 0 6px 18px rgba(180, 83, 9, 0.28) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-ordered:hover:not(:disabled) {
  background: linear-gradient(135deg, #7C2D12 0%, #C2410C 55%, #EA580C 100%) !important;
  box-shadow: 0 8px 22px rgba(180, 83, 9, 0.36) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-confirmed {
  background: linear-gradient(135deg, #0E7490 0%, #0891B2 55%, #00B8D4 100%) !important;
  box-shadow: 0 6px 18px rgba(14, 116, 144, 0.28) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-confirmed:hover:not(:disabled) {
  background: linear-gradient(135deg, #155E75 0%, #0E7490 55%, #22D3EE 100%) !important;
  box-shadow: 0 8px 22px rgba(0, 184, 212, 0.34) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-delivered {
  background: linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 55%, #3B82F6 100%) !important;
  box-shadow: 0 6px 18px rgba(29, 78, 216, 0.28) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-delivered:hover:not(:disabled) {
  background: linear-gradient(135deg, #1E40AF 0%, #2563EB 55%, #60A5FA 100%) !important;
  box-shadow: 0 8px 22px rgba(29, 78, 216, 0.36) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.status-tone-completed {
  background: linear-gradient(135deg, #166534 0%, #0F7A4A 55%, #16A34A 100%) !important;
  box-shadow: 0 6px 18px rgba(15, 122, 74, 0.28) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity:hover:not(:disabled):not(.status-tone-ordered):not(.status-tone-confirmed):not(.status-tone-delivered):not(.status-tone-completed) {
  background: linear-gradient(135deg, #0A3B96 0%, #1890C8 52%, #00D2FF 100%) !important;
  box-shadow: 0 8px 22px rgba(0, 184, 212, 0.32) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity:disabled:not(.is-working) {
  opacity: 0.5 !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity.is-working,
body.staff-concierge-app .order-detail-actions .btn-activity-secondary.is-working {
  opacity: 1 !important;
  cursor: wait !important;
  pointer-events: none !important;
}
body.staff-concierge-app .order-detail-secondary-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 8px !important;
  width: 100% !important;
}
body.staff-concierge-app .order-detail-secondary-actions:has(:only-child) {
  grid-template-columns: 1fr !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity-secondary {
  width: 100% !important;
  padding: 11px 14px !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(16, 52, 141, 0.18) !important;
  background: #FFFFFF !important;
  color: var(--ac-text) !important;
  cursor: pointer !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity-cancel {
  color: #B91C1C !important;
  border-color: rgba(185, 28, 28, 0.28) !important;
  background: rgba(185, 28, 28, 0.06) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity-archive {
  color: #0E7490 !important;
  border-color: rgba(14, 116, 144, 0.28) !important;
  background: rgba(0, 184, 212, 0.08) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity-secondary:hover:not(:disabled) {
  filter: brightness(0.98) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity-secondary:disabled {
  opacity: 0.55 !important;
}
body.staff-concierge-app #orders-queue-list .order-queue-status.status-tone-cancelled,
body.staff-concierge-app .orders-panel .order-queue-status.status-tone-cancelled,
body.staff-concierge-app .order-queue-status.status-tone-cancelled,
body.staff-concierge-app .order-detail-status.status-tone-cancelled {
  background: rgba(185, 28, 28, 0.10) !important;
  color: #B91C1C !important;
  border-color: rgba(185, 28, 28, 0.26) !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity .btn-thinking,
body.staff-concierge-app .order-detail-actions .btn-activity-secondary .btn-thinking {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 1.1em !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity .btn-thinking span,
body.staff-concierge-app .order-detail-actions .btn-activity-secondary .btn-thinking span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  opacity: 0.35 !important;
  animation: btn-thinking-bounce 1.2s infinite ease-in-out !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity .btn-thinking span {
  background: #FFFFFF !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity .btn-thinking span:nth-child(2),
body.staff-concierge-app .order-detail-actions .btn-activity-secondary .btn-thinking span:nth-child(2) {
  animation-delay: 0.16s !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity .btn-thinking span:nth-child(3),
body.staff-concierge-app .order-detail-actions .btn-activity-secondary .btn-thinking span:nth-child(3) {
  animation-delay: 0.32s !important;
}
@keyframes btn-thinking-bounce {
  0%, 80%, 100% { opacity: 0.3; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-3px); }
}

/* ============================================================
   ORDERS UX 2026-07-15 — selection, unseen dot, status pill, no-scroll detail
   ============================================================ */

/* Selected card must win over transparent / white floating overrides */
body.staff-concierge-app .orders-panel .order-queue-item.active,
body.staff-concierge-app .completed-panel .order-queue-item.active,
body.staff-concierge-app #orders-queue-list .order-queue-item.active {
  background: rgba(0, 184, 212, 0.12) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
  box-shadow:
    inset 3px 0 0 #00B8D4,
    0 4px 14px rgba(16, 52, 141, 0.08) !important;
  position: relative !important;
  z-index: 1 !important;
}
body.staff-concierge-app .orders-panel .order-queue-item:hover:not(.active) {
  background: rgba(0, 184, 212, 0.05) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
}

/* Unseen black dot beside room number */
body.staff-concierge-app .order-queue-room {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
body.staff-concierge-app .order-queue-unseen {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #0A0A0A !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* Status pill shell on list cards — color comes from status-tone-* below */
body.staff-concierge-app .orders-panel .order-queue-status,
body.staff-concierge-app #orders-queue-list .order-queue-status {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border: 1px solid transparent !important;
}

/* Fit order detail on one screen — clearer header, line items, progress uses width */
body.staff-concierge-app .order-panel:not([hidden]),
body.staff-concierge-app .thread-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.staff-concierge-app .order-detail-active {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.staff-concierge-app .order-detail-active[hidden] {
  display: none !important;
}
body.staff-concierge-app .order-detail-empty:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}
body.staff-concierge-app .order-detail-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 18px !important;
}
body.staff-concierge-app .order-detail-header-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
body.staff-concierge-app .order-detail-type,
body.staff-concierge-app #order-detail-title {
  margin: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--ac-text-muted) !important;
  letter-spacing: 0.02em !important;
}
body.staff-concierge-app .order-detail-order-no,
body.staff-concierge-app #order-detail-order-no {
  margin: 4px 0 0 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--ac-cyan, #0891B2) !important;
}
body.staff-concierge-app .order-detail-room,
body.staff-concierge-app #order-detail-room,
body.staff-concierge-app .order-detail-header h2 {
  margin: 0 !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app .order-detail-sub {
  margin: 2px 0 0 !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app .order-detail-status {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  margin-top: 4px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: rgba(0, 184, 212, 0.14) !important;
  border: 1px solid rgba(0, 184, 212, 0.28) !important;
  color: #0E7490 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
body.staff-concierge-app .order-detail-status.is-complete {
  background: rgba(15, 122, 74, 0.12) !important;
  border-color: rgba(15, 122, 74, 0.22) !important;
  color: #0F7A4A !important;
}
body.staff-concierge-app .order-detail-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 12px 18px 10px !important;
  gap: 12px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Line items */
body.staff-concierge-app .order-detail-summary {
  margin: 0 !important;
  padding: 0 !important;
}
body.staff-concierge-app .order-detail-lines {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
body.staff-concierge-app .order-detail-line {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(232, 240, 248, 0.55) !important;
}
body.staff-concierge-app .order-detail-line-qty {
  flex-shrink: 0 !important;
  min-width: 2.1rem !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #0E7490 !important;
  font-variant-numeric: tabular-nums !important;
}
body.staff-concierge-app .order-detail-line-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
body.staff-concierge-app .order-detail-line-name {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app .order-detail-line-note {
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: var(--ac-text-muted) !important;
  line-height: 1.35 !important;
}

body.staff-concierge-app .order-detail-meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
  gap: 8px 14px !important;
  margin: 0 !important;
}
body.staff-concierge-app .order-detail-meta dt {
  font-size: 0.68rem !important;
  margin: 0 !important;
  color: var(--ac-text-muted) !important;
}
body.staff-concierge-app .order-detail-meta dd {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  margin: 2px 0 0 !important;
  color: var(--ac-text) !important;
}

/* Horizontal progress — use available width, not a squished left column */
body.staff-concierge-app .order-detail-timeline-wrap {
  flex: 0 0 auto !important;
  margin: 4px 0 0 !important;
  padding: 12px 14px 14px !important;
  border-radius: 12px !important;
  background: rgba(232, 240, 248, 0.45) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  overflow: visible !important;
}
body.staff-concierge-app .order-detail-timeline-wrap h3 {
  margin: 0 0 10px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--ac-text-muted) !important;
}
body.staff-concierge-app .order-detail-timeline {
  padding: 0 !important;
  overflow: visible !important;
}
body.staff-concierge-app .order-progress-tree {
  list-style: none !important;
  margin: 0 !important;
  padding: 6px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(var(--order-progress-steps, 4), minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}
body.staff-concierge-app .order-progress-step {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 8px 2px 4px !important;
  min-height: 52px !important;
  min-width: 0 !important;
  grid-template-columns: none !important;
  text-align: center !important;
  overflow: visible !important;
}
body.staff-concierge-app .order-progress-rail {
  position: absolute !important;
  top: 16px !important;
  left: calc(50% + 12px) !important;
  right: calc(-50% + 12px) !important;
  bottom: auto !important;
  width: auto !important;
  height: 3px !important;
  background: rgba(16, 52, 141, 0.16) !important;
  border-radius: 2px !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
body.staff-concierge-app .order-progress-step:last-child .order-progress-rail {
  display: none !important;
}
body.staff-concierge-app .order-progress-dot {
  display: block !important;
  flex: 0 0 auto !important;
  grid-column: auto !important;
  width: 18px !important;
  height: 18px !important;
  border-width: 3px !important;
  z-index: 2 !important;
  margin: 0 auto !important;
}
body.staff-concierge-app .order-progress-label {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  grid-column: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 1px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  color: var(--ac-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 1.25em !important;
  overflow: visible !important;
  white-space: normal !important;
  word-break: break-word !important;
}
body.staff-concierge-app .order-progress-step.is-pending .order-progress-label {
  color: var(--ac-text-muted) !important;
  font-weight: 500 !important;
}
body.staff-concierge-app .order-progress-step:not(:last-child) .order-progress-rail {
  display: block !important;
}
body.staff-concierge-app .order-progress-step.is-done:not(:last-child) .order-progress-rail,
body.staff-concierge-app .order-progress-step.is-current:not(:last-child) .order-progress-rail {
  background: linear-gradient(90deg, #00B8D4 0%, rgba(0, 184, 212, 0.45) 100%) !important;
}
body.staff-concierge-app .order-detail-hint {
  padding: 6px 10px !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .order-detail-actions {
  padding: 10px 14px 12px !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .order-detail-actions .btn-activity {
  padding: 12px 16px !important;
}

/* ============================================================
   ORDER RECEIPT + STATUS TONES 2026-07-15
   ============================================================ */

body.staff-concierge-app {
  --status-ordered: #B45309;
  --status-ordered-lo: rgba(180, 83, 9, 0.14);
  --status-ordered-border: rgba(180, 83, 9, 0.28);
  --status-confirmed: #0E7490;
  --status-confirmed-lo: rgba(0, 184, 212, 0.14);
  --status-confirmed-border: rgba(0, 184, 212, 0.30);
  --status-delivered: #1D4ED8;
  --status-delivered-lo: rgba(29, 78, 216, 0.12);
  --status-delivered-border: rgba(29, 78, 216, 0.26);
  --status-completed: #0F7A4A;
  --status-completed-lo: rgba(15, 122, 74, 0.12);
  --status-completed-border: rgba(15, 122, 74, 0.26);
}

/* Status pills — list cards + detail header (must beat #orders-queue-list shell) */
body.staff-concierge-app #orders-queue-list .order-queue-status.status-tone-ordered,
body.staff-concierge-app .orders-panel .order-queue-status.status-tone-ordered,
body.staff-concierge-app .order-queue-status.status-tone-ordered,
body.staff-concierge-app .order-detail-status.status-tone-ordered {
  background: var(--status-ordered-lo) !important;
  color: var(--status-ordered) !important;
  border-color: var(--status-ordered-border) !important;
}
body.staff-concierge-app #orders-queue-list .order-queue-status.status-tone-confirmed,
body.staff-concierge-app .orders-panel .order-queue-status.status-tone-confirmed,
body.staff-concierge-app .order-queue-status.status-tone-confirmed,
body.staff-concierge-app .order-detail-status.status-tone-confirmed {
  background: var(--status-confirmed-lo) !important;
  color: var(--status-confirmed) !important;
  border-color: var(--status-confirmed-border) !important;
}
body.staff-concierge-app #orders-queue-list .order-queue-status.status-tone-delivered,
body.staff-concierge-app .orders-panel .order-queue-status.status-tone-delivered,
body.staff-concierge-app .order-queue-status.status-tone-delivered,
body.staff-concierge-app .order-detail-status.status-tone-delivered {
  background: var(--status-delivered-lo) !important;
  color: var(--status-delivered) !important;
  border-color: var(--status-delivered-border) !important;
}
body.staff-concierge-app #orders-queue-list .order-queue-status.status-tone-completed,
body.staff-concierge-app .orders-panel .order-queue-status.status-tone-completed,
body.staff-concierge-app #orders-queue-list .order-queue-status.is-complete,
body.staff-concierge-app .orders-panel .order-queue-status.is-complete,
body.staff-concierge-app .order-queue-status.status-tone-completed,
body.staff-concierge-app .order-queue-status.is-complete,
body.staff-concierge-app .order-detail-status.status-tone-completed,
body.staff-concierge-app .order-detail-status.is-complete {
  background: var(--status-completed-lo) !important;
  color: var(--status-completed) !important;
  border-color: var(--status-completed-border) !important;
}

/* Progress tones — only color done/current steps */
body.staff-concierge-app .order-progress-step.is-pending .order-progress-dot {
  border-color: rgba(16, 52, 141, 0.28) !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
body.staff-concierge-app .order-progress-step.is-pending .order-progress-label {
  color: rgba(10, 10, 10, 0.45) !important;
  font-weight: 500 !important;
}
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-done .order-progress-dot,
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-current .order-progress-dot {
  border-color: var(--status-ordered) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-done .order-progress-dot {
  background: var(--status-ordered) !important;
  box-shadow: 0 0 0 5px var(--status-ordered-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-current .order-progress-dot {
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px var(--status-ordered-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-done .order-progress-label,
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-current .order-progress-label {
  color: var(--status-ordered) !important;
}

body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-done .order-progress-dot,
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-current .order-progress-dot {
  border-color: #00B8D4 !important;
}
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-done .order-progress-dot {
  background: #00B8D4 !important;
  box-shadow: 0 0 0 5px var(--status-confirmed-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-current .order-progress-dot {
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px var(--status-confirmed-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-done .order-progress-label,
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-current .order-progress-label {
  color: var(--status-confirmed) !important;
}

body.staff-concierge-app .order-progress-step.status-tone-delivered.is-done .order-progress-dot,
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-current .order-progress-dot {
  border-color: var(--status-delivered) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-done .order-progress-dot {
  background: var(--status-delivered) !important;
  box-shadow: 0 0 0 5px var(--status-delivered-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-current .order-progress-dot {
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px var(--status-delivered-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-done .order-progress-label,
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-current .order-progress-label {
  color: var(--status-delivered) !important;
}

body.staff-concierge-app .order-progress-step.status-tone-completed.is-done .order-progress-dot,
body.staff-concierge-app .order-progress-step.status-tone-completed.is-current .order-progress-dot {
  border-color: var(--status-completed) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-completed.is-done .order-progress-dot {
  background: var(--status-completed) !important;
  box-shadow: 0 0 0 5px var(--status-completed-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-completed.is-current .order-progress-dot {
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px var(--status-completed-lo) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-completed.is-done .order-progress-label,
body.staff-concierge-app .order-progress-step.status-tone-completed.is-current .order-progress-label {
  color: var(--status-completed) !important;
}

body.staff-concierge-app .order-progress-step.status-tone-ordered.is-done:not(:last-child) .order-progress-rail,
body.staff-concierge-app .order-progress-step.status-tone-ordered.is-current:not(:last-child) .order-progress-rail {
  background: linear-gradient(90deg, var(--status-ordered) 0%, rgba(180, 83, 9, 0.35) 100%) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-done:not(:last-child) .order-progress-rail,
body.staff-concierge-app .order-progress-step.status-tone-confirmed.is-current:not(:last-child) .order-progress-rail {
  background: linear-gradient(90deg, #00B8D4 0%, rgba(0, 184, 212, 0.4) 100%) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-done:not(:last-child) .order-progress-rail,
body.staff-concierge-app .order-progress-step.status-tone-delivered.is-current:not(:last-child) .order-progress-rail {
  background: linear-gradient(90deg, var(--status-delivered) 0%, rgba(29, 78, 216, 0.35) 100%) !important;
}
body.staff-concierge-app .order-progress-step.status-tone-completed.is-done:not(:last-child) .order-progress-rail,
body.staff-concierge-app .order-progress-step.status-tone-completed.is-current:not(:last-child) .order-progress-rail {
  background: linear-gradient(90deg, var(--status-completed) 0%, rgba(15, 122, 74, 0.35) 100%) !important;
}

/* Receipt table */
body.staff-concierge-app .order-detail-summary {
  margin: 0 !important;
  padding: 0 !important;
}
body.staff-concierge-app .order-receipt {
  border: 1px solid rgba(16, 52, 141, 0.10) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}
body.staff-concierge-app .order-receipt-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  font-family: var(--ac-font-body) !important;
}
body.staff-concierge-app .order-receipt-table th {
  text-align: left !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--ac-text-muted) !important;
  padding: 8px 12px !important;
  background: rgba(232, 240, 248, 0.7) !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.10) !important;
}
body.staff-concierge-app .order-receipt-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.06) !important;
  vertical-align: top !important;
}
body.staff-concierge-app .order-receipt-table tbody tr:last-child td {
  border-bottom: none !important;
}
body.staff-concierge-app .order-receipt-qty {
  width: 3.2rem !important;
  font-weight: 800 !important;
  color: var(--lotus-navy) !important;
  font-variant-numeric: tabular-nums !important;
}
body.staff-concierge-app .order-receipt-item {
  min-width: 0 !important;
}
body.staff-concierge-app .order-receipt-name {
  display: block !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  line-height: 1.3 !important;
}
body.staff-concierge-app .order-receipt-note {
  display: block !important;
  margin-top: 2px !important;
  font-size: 0.76rem !important;
  color: var(--ac-text-muted) !important;
  line-height: 1.35 !important;
}
body.staff-concierge-app .order-guest-note {
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(16, 52, 141, 0.14) !important;
  background: rgba(16, 52, 141, 0.04) !important;
}
body.staff-concierge-app .order-guest-note-label {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--ac-text-muted) !important;
  margin-bottom: 4px !important;
}
body.staff-concierge-app .order-guest-note-text {
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  color: var(--ac-text) !important;
  white-space: pre-wrap !important;
}
body.staff-concierge-app .order-detail-summary-text {
  margin: 0 0 8px !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  color: var(--ac-text) !important;
  white-space: pre-wrap !important;
}
body.staff-concierge-app .order-receipt-amt,
body.staff-concierge-app .order-receipt-table th.order-receipt-amt {
  text-align: right !important;
  width: 5.5rem !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
body.staff-concierge-app .order-receipt-table tfoot td {
  border-top: 1px solid rgba(16, 52, 141, 0.12) !important;
  border-bottom: none !important;
  background: rgba(232, 240, 248, 0.55) !important;
  padding: 10px 12px !important;
}
body.staff-concierge-app .order-receipt-total-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
body.staff-concierge-app .order-receipt-total-label {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  text-align: right !important;
}
body.staff-concierge-app .order-receipt-total-value {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: var(--lotus-navy) !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
body.staff-concierge-app .order-receipt-amt {
  color: var(--ac-text-muted) !important;
  font-weight: 600 !important;
}

/* Legacy line list no longer used — keep hidden if present */
body.staff-concierge-app .order-detail-lines {
  display: none !important;
}

/* ============================================================
   HOME LAYOUT FIX — 2026-07-18
   Stop stretched KPI towers, unify card chrome, clean separators,
   readable topbar role on full desktop dashboard.
   ============================================================ */

body.staff-concierge-app .concierge-topbar-left {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.staff-concierge-app .dash-topbar-user-role:not([hidden]) {
  display: inline-block !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #3D5A80 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(16, 52, 141, 0.12) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

/* KPI stack: compact rows — must clip so volume never paints over charts */
body.staff-concierge-app #view-home .home-kpi-stack {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  gap: 8px !important;
}

body.staff-concierge-app #view-home .command-kpi-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  gap: 8px !important;
  align-items: stretch !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .home-kpi-card,
body.staff-concierge-app #view-home .command-kpi-strip button.home-kpi-card,
body.staff-concierge-app #view-home .command-kpi-strip article.home-kpi-card {
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 96px !important;
  max-height: none !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(16, 52, 141, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(16, 52, 141, 0.07) !important;
  padding: 14px 14px 12px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  color: inherit !important;
  font: inherit !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card:nth-child(1),
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card:nth-child(2) {
  background-color: #E8F8FC !important;
}

body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-label {
  margin: 0 0 4px 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  padding-right: 34px !important;
}

/* Graphs share bottom half equally with KPI row above */
body.staff-concierge-app #view-home .home-graphs-row {
  flex: 1 1 0 !important;
  min-height: 0 !important;
}

/* Order / chat list separators — straight hairlines, no decorative dots */
body.staff-concierge-app #view-home .hijiffy-conversation::after,
body.staff-concierge-app #view-home .command-table-body .order-queue-time::after,
body.staff-concierge-app #view-home .command-table-body .inbox-item-time::after {
  content: none !important;
  display: none !important;
}

body.staff-concierge-app #view-home #home-orders-list > *,
body.staff-concierge-app #view-home #home-recent-list > *,
body.staff-concierge-app #view-home .command-table-body .hijiffy-conversation,
body.staff-concierge-app #view-home .command-table-body .order-queue-item,
body.staff-concierge-app #view-home .command-table-body .inbox-item {
  border: none !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.10) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.staff-concierge-app #view-home #home-orders-list > *:last-child,
body.staff-concierge-app #view-home #home-recent-list > *:last-child,
body.staff-concierge-app #view-home .command-table-body .hijiffy-conversation:last-child,
body.staff-concierge-app #view-home .command-table-body .order-queue-item:last-child,
body.staff-concierge-app #view-home .command-table-body .inbox-item:last-child {
  border-bottom: none !important;
}

body.staff-concierge-app #view-home #home-orders-list > *:hover,
body.staff-concierge-app #view-home #home-recent-list > *:hover,
body.staff-concierge-app #view-home .command-table-body .hijiffy-conversation:hover,
body.staff-concierge-app #view-home .command-table-body .order-queue-item:hover,
body.staff-concierge-app #view-home .command-table-body .inbox-item:hover {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 10px !important;
}

@media (max-width: 1100px) {
  body.staff-concierge-app #view-home .command-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.staff-concierge-app #view-home .command-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 901px) {
  body.staff-concierge-app #view-home .home-dashboard-grid--command {
    grid-template-columns: minmax(0, 1fr) clamp(280px, 28vw, 360px) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

/* ============================================================
   ORDER DETAILS — sticky actions + body scroll for big orders
   (2026-07-18) Panel itself never scrolls; body scrolls when needed.
   ============================================================ */

body.staff-concierge-app .order-panel:not([hidden]),
body.staff-concierge-app .thread-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Drop redundant detail chrome when a ticket or chat is open */
body.staff-concierge-app .order-panel:has(#order-detail-active:not([hidden])) .order-panel-toolbar,
body.staff-concierge-app .thread-panel:has(#thread-active:not([hidden])) .thread-panel-toolbar {
  display: none !important;
}

body.staff-concierge-app .order-panel .order-panel-toolbar,
body.staff-concierge-app .thread-panel .thread-panel-toolbar {
  flex-shrink: 0 !important;
  justify-content: center !important;
  padding: 10px 16px !important;
}

body.staff-concierge-app .order-panel .order-panel-toolbar h2,
body.staff-concierge-app .thread-panel .thread-panel-toolbar h2 {
  font-size: 0.95rem !important;
  margin: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

body.staff-concierge-app .order-detail-active,
body.staff-concierge-app .thread-active {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.staff-concierge-app .order-detail-active[hidden],
body.staff-concierge-app .thread-active[hidden] {
  display: none !important;
}

body.staff-concierge-app .order-detail-header {
  flex-shrink: 0 !important;
  padding: 12px 16px !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .order-detail-room,
body.staff-concierge-app #order-detail-room,
body.staff-concierge-app .order-detail-header h2 {
  font-size: 1.2rem !important;
}

/* Body scrolls only when content overflows (multi-line orders, ops notes) */
body.staff-concierge-app .order-detail-body {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 12px 16px !important;
  gap: 12px !important;
  scrollbar-gutter: stable !important;
}

body.staff-concierge-app .order-detail-summary,
body.staff-concierge-app .order-detail-timeline-wrap,
body.staff-concierge-app .order-detail-hint {
  flex-shrink: 0 !important;
}

body.staff-concierge-app .order-detail-timeline-wrap h3 {
  margin: 0 0 8px !important;
  font-size: 0.82rem !important;
}

body.staff-concierge-app .order-detail-hint {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(232, 240, 248, 0.7) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
  color: #3D5A80 !important;
  font-style: normal !important;
}

body.staff-concierge-app .order-ops-section {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 4px !important;
  border-top: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .order-ops-messages {
  max-height: 120px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

/* Actions always visible — pinned footer */
body.staff-concierge-app .order-detail-actions {
  flex-shrink: 0 !important;
  margin-top: 0 !important;
  padding: 10px 16px 14px !important;
  border-top: 1px solid rgba(16, 52, 141, 0.10) !important;
  background: #FFFFFF !important;
  box-shadow: 0 -6px 18px rgba(16, 52, 141, 0.06) !important;
  z-index: 3 !important;
}

body.staff-concierge-app .order-detail-actions[hidden] {
  display: none !important;
}

body.staff-concierge-app .order-detail-actions .btn-activity {
  padding: 12px 16px !important;
}

body.staff-concierge-app .order-detail-secondary-actions {
  margin-top: 8px !important;
  gap: 8px !important;
}

/* Queue polish */
body.staff-concierge-app .orders-panel .col-toolbar--filtered,
body.staff-concierge-app .completed-panel .col-toolbar--filtered {
  padding: 10px 12px 8px !important;
  gap: 8px !important;
}

body.staff-concierge-app .orders-kbd-hint {
  display: block !important;
  margin: 0 !important;
  font-size: 0.68rem !important;
  color: #64748B !important;
  letter-spacing: 0.01em !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item {
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  transition: background 0.12s ease !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item:focus-visible,
body.staff-concierge-app .orders-queue-list .order-queue-item.is-kbd-focus {
  outline: none !important;
  background: rgba(0, 184, 212, 0.08) !important;
  box-shadow: inset 3px 0 0 #00B8D4 !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.active {
  background: rgba(0, 184, 212, 0.10) !important;
  box-shadow: inset 3px 0 0 #00B8D4 !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-unseen .order-queue-room {
  font-weight: 800 !important;
}

body.staff-concierge-app .order-detail-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 32px 24px !important;
  text-align: center !important;
}

body.staff-concierge-app .order-detail-empty p {
  margin: 0 !important;
  max-width: 28ch !important;
  font-size: 0.92rem !important;
  color: #64748B !important;
  line-height: 1.45 !important;
}

body.staff-concierge-app .order-detail-empty-kbd {
  font-size: 0.72rem !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app .orders-panel .col-empty,
body.staff-concierge-app .completed-panel .col-empty {
  padding: 28px 18px !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  color: #64748B !important;
}


/* ============================================================
   ORDERS 9.5 — queue sections, confirm modal, mobile detail
   ============================================================ */

body.staff-concierge-app .orders-queue-section {
  display: flex !important;
  flex-direction: column !important;
}

body.staff-concierge-app .orders-queue-section + .orders-queue-section {
  margin-top: 4px !important;
  border-top: 1px solid rgba(16, 52, 141, 0.10) !important;
}

body.staff-concierge-app .orders-queue-section-label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px 6px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #64748B !important;
}

body.staff-concierge-app .orders-queue-section-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.4rem !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: rgba(16, 52, 141, 0.08) !important;
  color: #334155 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.staff-concierge-app .orders-queue-section[data-section="done"] .orders-queue-section-label {
  color: #0F7A4A !important;
}

body.staff-concierge-app .orders-queue-section[data-section="done"] .orders-queue-section-count {
  background: rgba(15, 122, 74, 0.12) !important;
  color: #0F7A4A !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item {
  padding: 10px 14px !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-done {
  background: rgba(15, 122, 74, 0.04) !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-done .order-queue-summary,
body.staff-concierge-app .orders-queue-list .order-queue-item.is-done .order-queue-time {
  color: #64748B !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-done.active {
  background: rgba(15, 122, 74, 0.10) !important;
  box-shadow: inset 3px 0 0 #0F7A4A !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-cancelled {
  background: rgba(185, 28, 28, 0.04) !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-cancelled .order-queue-summary {
  text-decoration: line-through !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-item.is-cancelled.active {
  background: rgba(185, 28, 28, 0.08) !important;
  box-shadow: inset 3px 0 0 #B91C1C !important;
}

body.staff-concierge-app .orders-panel .col-toolbar--filtered {
  padding: 10px 12px 6px !important;
  gap: 6px !important;
}

body.staff-concierge-app .orders-panel .col-toolbar-filters {
  gap: 6px !important;
}

body.staff-concierge-app .order-detail-back {
  display: none !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  margin: 0 0 6px !important;
  border: 1px solid rgba(16, 52, 141, 0.14) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #334155 !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.staff-concierge-app .order-detail-back::before {
  content: "←" !important;
  margin-right: 6px !important;
  opacity: 0.7 !important;
}

body.staff-concierge-app .order-confirm-dialog {
  max-width: 400px !important;
  border: 1px solid var(--ac-border, rgba(16, 52, 141, 0.12)) !important;
  border-radius: 16px !important;
  padding: 0 !important;
  background: var(--ac-bg-card, #FFFFFF) !important;
  color: var(--ac-text, #0F172A) !important;
  box-shadow: var(--ac-shadow, 0 24px 60px rgba(16, 52, 141, 0.18)) !important;
}

body.staff-concierge-app .order-confirm-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45) !important;
}

body.staff-concierge-app .order-confirm-dialog .export-dialog-title {
  font-size: 1.05rem !important;
  letter-spacing: -0.02em !important;
  color: var(--ac-text, #0F172A) !important;
}

body.staff-concierge-app .order-confirm-dialog #order-confirm-ok.is-danger,
body.staff-concierge-app .order-confirm-dialog.is-danger #order-confirm-ok {
  background: #B91C1C !important;
  border-color: #B91C1C !important;
  color: #FFFFFF !important;
}

body.staff-concierge-app .order-confirm-dialog:not(.is-danger) #order-confirm-ok,
body.staff-concierge-app .order-confirm-dialog:not(.is-danger) #order-done-ok {
  background: #0E7490 !important;
  border-color: #0E7490 !important;
  color: #FFFFFF !important;
}

@media (max-width: 960px) {
  body.staff-concierge-app .orders-kbd-hint,
  body.staff-concierge-app .order-detail-empty-kbd {
    display: none !important;
  }

  body.staff-concierge-app .dash-body.has-order-selected.dash-body-orders-gr,
  body.staff-concierge-app .dash-body.has-order-selected.dash-body-layout-dept {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body.staff-concierge-app .dash-body.has-order-selected .orders-panel,
  body.staff-concierge-app .dash-body.has-order-selected .completed-panel {
    display: none !important;
  }

  body.staff-concierge-app .dash-body.has-order-selected .order-panel {
    display: flex !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
  }

  body.staff-concierge-app .order-detail-header {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  body.staff-concierge-app .order-detail-back {
    display: inline-flex !important;
    width: 100% !important;
    order: -1 !important;
  }

  body.staff-concierge-app .order-detail-actions {
    padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
  }

  body.staff-concierge-app .order-detail-actions .btn-activity {
    min-height: 48px !important;
  }

  body.staff-concierge-app .orders-panel .col-toolbar--filtered,
  body.staff-concierge-app .completed-panel .col-toolbar--filtered {
    padding: 8px 10px !important;
  }

  body.staff-concierge-app .orders-queue-list .order-queue-item {
    padding: 12px 12px !important;
  }
}

@media (max-width: 600px) {
  body.staff-concierge-app .order-detail-secondary-actions {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   PENDING APPROVALS — match floating dashboard cards
   ============================================================ */

body.staff-concierge-app #view-home #home-pending-approvals,
body.staff-concierge-app #view-home .home-side-panel {
  background: var(--stage-float) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  border-radius: var(--stage-radius) !important;
  box-shadow: var(--stage-shadow-sm) !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home #home-pending-approvals .home-side-panel-header {
  padding: 14px 16px 12px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  gap: 10px !important;
}

body.staff-concierge-app #view-home #home-pending-approvals .home-side-panel-header h4 {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app #view-home #home-pending-approvals .home-side-badge,
body.staff-concierge-app .guests-pending-panel .home-side-badge {
  background: var(--accent-guests-lo) !important;
  color: #9A5B1A !important;
  border: 1px solid rgba(196, 120, 42, 0.28) !important;
  font-weight: 700 !important;
  min-width: 1.5rem !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.staff-concierge-app .guests-active-panel .home-side-badge {
  background: var(--accent-chats-lo) !important;
  color: #0E7490 !important;
  border: 1px solid rgba(14, 140, 184, 0.22) !important;
  font-weight: 700 !important;
  min-width: 1.5rem !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.staff-concierge-app #view-home #home-pending-list {
  padding: 0 4px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: auto !important;
  min-height: 0 !important;
}

/* Guests screen rows — thicker card treatment (keep) */
body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: none !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.10) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--ac-text) !important;
  text-align: left !important;
  cursor: default !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation::after,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation::after {
  content: none !important;
  display: none !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation:last-child,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation:last-child {
  border-bottom: none !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation:hover,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation:hover {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 10px !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row .hijiffy-avatar,
body.staff-concierge-app .guests-active-list .guests-active-row .hijiffy-avatar {
  width: 36px !important;
  height: 36px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
  background: var(--hijiffy-avatar-bg) !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row .hijiffy-conversation-copy,
body.staff-concierge-app .guests-active-list .guests-active-row .hijiffy-conversation-copy {
  min-width: 0 !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row .hijiffy-row-head,
body.staff-concierge-app .guests-active-list .guests-active-row .hijiffy-row-head {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  min-width: 0 !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row strong,
body.staff-concierge-app .guests-active-list .guests-active-row strong {
  display: inline !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row .hijiffy-row-meta,
body.staff-concierge-app .guests-active-list .guests-active-row .hijiffy-row-meta {
  color: #C4782A !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row small,
body.staff-concierge-app .guests-active-list .guests-active-row small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  color: #64748B !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-approve,
body.staff-concierge-app .home-pending-approve.btn {
  flex-shrink: 0 !important;
  align-self: center !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 8px 14px !important;
  border: none !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #0E7490 0%, #0891B2 55%, #00B8D4 100%) !important;
  color: #FFFFFF !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  box-shadow: 0 2px 8px rgba(14, 116, 144, 0.18) !important;
  cursor: pointer !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-approve:hover:not(:disabled),
body.staff-concierge-app .home-pending-approve.btn:hover:not(:disabled) {
  filter: brightness(1.05) !important;
  box-shadow: 0 4px 12px rgba(0, 184, 212, 0.24) !important;
}

body.staff-concierge-app #view-home #home-pending-view-more {
  margin: 0 12px 12px !important;
  color: #0E7490 !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
}

body.staff-concierge-app #view-home #home-pending-empty {
  color: #64748B !important;
  font-size: 0.88rem !important;
}


/* Home ops cards — identical width (pending + queue) */
body.staff-concierge-app #view-home .home-ops-column > #home-pending-approvals,
body.staff-concierge-app #view-home .home-ops-column > .home-queue-panel,
body.staff-concierge-app #view-home .home-ops-column > .command-table-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* Home pending preview — no Approve; Review → Guests */
body.staff-concierge-app #view-home .home-pending-row--preview {
  cursor: pointer !important;
  width: 100% !important;
}

body.staff-concierge-app #view-home .home-pending-review {
  flex-shrink: 0 !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  color: #C4782A !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .guests-open-chat.btn {
  flex-shrink: 0 !important;
  align-self: center !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 8px 14px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}



/* Chart axis labels — readable */
body.staff-concierge-app #view-home .home-orders-axis,
body.staff-concierge-app #view-home .home-area-axis {
  fill: var(--ac-text-muted) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: var(--ac-font-body) !important;
}
body.staff-concierge-app #view-home .home-area-chart-interactive,
body.staff-concierge-app #view-home .home-orders-chart-interactive {
  overflow: visible !important;
}

/* Homepage Pending guest approvals — compact like Active requests (not Guests thick) */
body.staff-concierge-app #view-home #home-pending-list .home-pending-row.hijiffy-conversation,
body.staff-concierge-app #view-home #home-pending-list .home-pending-row--preview {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  font: inherit !important;
  color: inherit !important;
  cursor: pointer !important;
}
body.staff-concierge-app #view-home #home-pending-list .home-pending-row.hijiffy-conversation:last-child,
body.staff-concierge-app #view-home #home-pending-list .home-pending-row--preview:last-child {
  border-bottom: none !important;
}
body.staff-concierge-app #view-home #home-pending-list .home-pending-row.hijiffy-conversation:hover,
body.staff-concierge-app #view-home #home-pending-list .home-pending-row--preview:hover {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 10px !important;
}
body.staff-concierge-app #view-home #home-pending-list .hijiffy-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: var(--hijiffy-avatar-bg) !important;
  color: #fff !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
}
body.staff-concierge-app #view-home #home-pending-list .home-pending-row strong {
  font-size: 0.76rem !important;
}
body.staff-concierge-app #view-home #home-pending-list .home-pending-row small {
  font-size: 0.72rem !important;
  margin-top: 2px !important;
}
body.staff-concierge-app #view-home #home-pending-list .home-pending-meta {
  display: none !important;
}
body.staff-concierge-app #view-home #home-pending-list .home-pending-review {
  flex-shrink: 0 !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  color: #C4782A !important;
  white-space: nowrap !important;
}



/* Charts fill card height — no dead space under axes */
body.staff-concierge-app #view-home .home-area-chart-interactive svg,
body.staff-concierge-app #view-home .home-orders-chart-interactive svg {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
}
body.staff-concierge-app #view-home .home-area-chart-body,
body.staff-concierge-app #view-home .home-orders-chart-body {
  min-height: 0 !important;
  flex: 1 1 auto !important;
}
body.staff-concierge-app #view-home .home-area-chart-card,
body.staff-concierge-app #view-home .home-orders-chart-card {
  min-height: 0 !important;
}

/* Queue tab count bubbles — match Pending approvals badge */
body.staff-concierge-app #view-home .home-queue-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.staff-concierge-app #view-home .home-queue-tab-badge.home-side-badge {
  min-width: 1.5rem !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
  font-weight: 700 !important;
  font-size: 0.7rem !important;
  padding: 2px 7px !important;
  line-height: 1.2 !important;
}
body.staff-concierge-app #view-home #home-queue-orders-count {
  background: var(--accent-orders-lo) !important;
  color: #0E7490 !important;
  border: 1px solid rgba(0, 184, 212, 0.28) !important;
}
body.staff-concierge-app #view-home #home-queue-chats-count {
  background: var(--accent-chats-lo) !important;
  color: #0E7490 !important;
  border: 1px solid rgba(14, 140, 184, 0.22) !important;
}
body.staff-concierge-app #view-home #home-pending-approvals .home-side-badge {
  background: var(--accent-guests-lo) !important;
  color: #9A5B1A !important;
  border: 1px solid rgba(196, 120, 42, 0.28) !important;
  font-weight: 700 !important;
  min-width: 1.5rem !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
}


/* ============================================================
   CHROME vs DOMAIN ACCENTS — 2026-07-20
   Rail / badges / CTAs = teal always.
   Domain color = page title mark, panel top bars, chart series.
   ============================================================ */

body.staff-concierge-app {
  --domain-accent: var(--ac-accent-gold);
  --domain-accent-lo: var(--ac-accent-gold-lo);
  --domain-accent-bar: var(--accent-orders-bar);
}

body.staff-concierge-app[data-rail-view="guests"] {
  --domain-accent: var(--accent-guests);
  --domain-accent-lo: var(--accent-guests-lo);
  --domain-accent-bar: var(--accent-guests-bar);
}

body.staff-concierge-app[data-rail-view="active-orders"] {
  --domain-accent: var(--accent-orders);
  --domain-accent-lo: var(--accent-orders-lo);
  --domain-accent-bar: var(--accent-orders-bar);
}

body.staff-concierge-app[data-rail-view="inbox"] {
  --domain-accent: var(--accent-chats);
  --domain-accent-lo: var(--accent-chats-lo);
  --domain-accent-bar: var(--accent-chats-bar);
}

body.staff-concierge-app[data-rail-view="insights"] {
  --domain-accent: var(--accent-insights);
  --domain-accent-lo: var(--accent-insights-lo);
  --domain-accent-bar: var(--accent-insights-bar);
}

body.staff-concierge-app[data-rail-view="monitoring"] {
  --domain-accent: var(--accent-monitoring);
  --domain-accent-lo: var(--accent-monitoring-lo);
  --domain-accent-bar: var(--accent-monitoring-bar);
}

body.staff-concierge-app[data-rail-view="archive"] {
  --domain-accent: var(--accent-archive);
  --domain-accent-lo: var(--accent-archive-lo);
  --domain-accent-bar: var(--accent-archive-bar);
}

/* Rail chrome — teal only (never rainbow per-tab) */
body.staff-concierge-app .concierge-rail-btn.active,
body.staff-concierge-app .concierge-rail-btn[aria-current="page"],
body.staff-concierge-app .concierge-rail-btn--insights.active,
body.staff-concierge-app .concierge-rail-btn--monitoring.active {
  color: var(--lotus-navy) !important;
  background: rgba(0, 184, 212, 0.14) !important;
  box-shadow: inset 3px 0 0 var(--ac-cyan) !important;
}

body.staff-concierge-app .concierge-rail-btn.active::before,
body.staff-concierge-app .concierge-rail-btn--insights.active::before,
body.staff-concierge-app .concierge-rail-btn--monitoring.active::before {
  background: var(--ac-cyan) !important;
}

body.staff-concierge-app .concierge-rail-badge,
body.staff-concierge-app .concierge-rail-badge.monitoring-nav-badge,
body.staff-concierge-app .sidebar-nav-badge {
  background: var(--ac-cyan) !important;
  color: #FFFFFF !important;
}

/* —— Performance (insights) — brown/amber domain —— */
body.staff-concierge-app #view-insights .insights-period-btn:hover {
  color: var(--accent-insights) !important;
  border-color: rgba(139, 94, 52, 0.35) !important;
}

body.staff-concierge-app #view-insights .insights-period-btn.is-active {
  color: #6B4420 !important;
  background: var(--accent-insights-lo) !important;
  border-color: rgba(139, 94, 52, 0.40) !important;
  box-shadow: 0 0 0 1px rgba(139, 94, 52, 0.12) !important;
}

body.staff-concierge-app #view-insights .insights-period-date:focus {
  border-color: rgba(139, 94, 52, 0.50) !important;
}

body.staff-concierge-app #view-insights .insights-period-apply {
  background: var(--accent-insights) !important;
  border-color: var(--accent-insights) !important;
  color: #fff !important;
}

body.staff-concierge-app #view-insights .insights-hero-kpi::before,
body.staff-concierge-app #view-insights .insights-hero-kpi.emerald::before,
body.staff-concierge-app #view-insights .insights-hero-kpi.gold::before {
  background: var(--accent-insights-bar) !important;
}

body.staff-concierge-app #view-insights .insights-hero-kpi.emerald .insights-hero-value {
  color: var(--accent-insights) !important;
}

body.staff-concierge-app #view-insights .insights-bar-fill {
  background: var(--accent-insights-bar) !important;
}

body.staff-concierge-app #view-insights .insights-card,
body.staff-concierge-app #view-insights .insights-hero-kpi,
body.staff-concierge-app #view-insights .insights-secondary-kpi {
  --panel-accent: var(--accent-insights);
  --panel-accent-lo: var(--accent-insights-lo);
  --panel-accent-bar: var(--accent-insights-bar);
}
body.staff-concierge-app #view-insights .insights-card,
body.staff-concierge-app #view-insights .insights-secondary-kpi {
  position: relative !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-insights .insights-card::before,
body.staff-concierge-app #view-insights .insights-secondary-kpi::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  z-index: 3 !important;
  background: var(--panel-accent-bar, var(--accent-insights-bar)) !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
  border-radius: var(--stage-radius) var(--stage-radius) 0 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card,
body.staff-concierge-app #view-monitoring .monitoring-hourly-card {
  --panel-accent: var(--accent-monitoring);
  --panel-accent-lo: var(--accent-monitoring-lo);
  --panel-accent-bar: var(--accent-monitoring-bar);
  position: relative !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card::before,
body.staff-concierge-app #view-monitoring .monitoring-hourly-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  z-index: 3 !important;
  background: var(--panel-accent-bar, var(--accent-monitoring-bar)) !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
  border-radius: var(--stage-radius) var(--stage-radius) 0 0 !important;
}

/* Health monitoring donuts — match Communication + Concierge on light stage */
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut {
  width: 120px !important;
  height: 120px !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut > span.monitoring-donut-center {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ac-text) !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list {
  color: var(--ac-text-muted) !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list em {
  color: var(--ac-text) !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list i {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
}

/* —— Health (monitoring) — green domain —— */
body.staff-concierge-app #view-monitoring .insights-hero-kpi::before,
body.staff-concierge-app #view-monitoring .insights-hero-kpi.emerald::before,
body.staff-concierge-app #view-monitoring .insights-hero-kpi.gold::before {
  background: var(--accent-monitoring-bar) !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-kpi.emerald .insights-hero-value {
  color: var(--accent-monitoring) !important;
}



/* Performance + Health — float on stage canvas like home cards */
body.staff-concierge-app:is([data-rail-view="insights"], [data-rail-view="monitoring"]) .concierge-main-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app:is([data-rail-view="insights"], [data-rail-view="monitoring"]) .dash-shell,
body.staff-concierge-app:is([data-rail-view="insights"], [data-rail-view="monitoring"]) .dash-main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

body.staff-concierge-app #view-insights:not([hidden]),
body.staff-concierge-app #view-monitoring:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  background: transparent !important;
  padding: 8px 20px 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-insights .insights-panel,
body.staff-concierge-app #view-monitoring .monitoring-panel {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 20px 32px !important;
  background: var(--stage-float) !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  border-radius: var(--stage-radius) !important;
  box-shadow: var(--stage-shadow) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  align-self: stretch !important;
}

body.staff-concierge-app #view-insights .insights-secondary-grid,
body.staff-concierge-app #view-insights .insights-updated,
body.staff-concierge-app #view-monitoring .monitoring-grid {
  padding-bottom: 4px !important;
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-insights:not([hidden]),
  body.staff-concierge-app #view-monitoring:not([hidden]) {
    padding: 6px 12px 14px !important;
  }
}

body.staff-concierge-app .guests-active-list .guests-open-chat {
  padding: 8px 14px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  min-height: 0 !important;
}


/* ============================================================
   DASHBOARD / GUESTS / REQUESTS — 9.5 polish (2026-07-20)
   Unified pills, row states, motion, empty voice. Home pending stays compact.
   ============================================================ */

/* Shared status-pill shell (Guests Pending/In-house + Requests Ordered/…) */
body.staff-concierge-app .guests-pending-list .hijiffy-row-meta,
body.staff-concierge-app .guests-active-list .hijiffy-row-meta,
body.staff-concierge-app .orders-panel .order-queue-status,
body.staff-concierge-app #orders-queue-list .order-queue-status,
body.staff-concierge-app .completed-panel .order-queue-status {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border: 1px solid transparent !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Guests: Pending (amber) / In-house (teal) — same tone language as request pills */
body.staff-concierge-app .guests-pending-list .hijiffy-row-meta {
  background: rgba(196, 120, 42, 0.12) !important;
  color: #9A5B1A !important;
  border-color: rgba(196, 120, 42, 0.28) !important;
}
body.staff-concierge-app .guests-active-list .hijiffy-row-meta {
  background: rgba(14, 116, 144, 0.12) !important;
  color: #0E7490 !important;
  border-color: rgba(14, 116, 144, 0.26) !important;
}

/* Row interaction — shared hover/select motion (thick surfaces) */
body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation,
body.staff-concierge-app .orders-queue-list .order-queue-item {
  transition:
    background 0.15s ease,
    border-radius 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation:hover,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation:hover {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .orders-panel .order-queue-item:hover:not(.active),
body.staff-concierge-app #orders-queue-list .order-queue-item:hover:not(.active),
body.staff-concierge-app .completed-panel .order-queue-item:hover:not(.active) {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .orders-panel .order-queue-item.active,
body.staff-concierge-app #orders-queue-list .order-queue-item.active,
body.staff-concierge-app .completed-panel .order-queue-item.active {
  background: rgba(0, 184, 212, 0.12) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
  box-shadow:
    inset 3px 0 0 #00B8D4,
    0 4px 14px rgba(16, 52, 141, 0.08) !important;
}

/* No double hairline under last / selected thick cards */
body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation:last-child,
body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation:last-child,
body.staff-concierge-app .orders-queue-list .order-queue-item:last-child {
  border-bottom-color: transparent !important;
}

/* Home compact queues — denser motion, keep compact radius */
body.staff-concierge-app #view-home #home-pending-list .home-pending-row,
body.staff-concierge-app #view-home #home-orders-list > *,
body.staff-concierge-app #view-home #home-recent-list > *,
body.staff-concierge-app #view-home .command-table-body .hijiffy-conversation,
body.staff-concierge-app #view-home .command-table-body .order-queue-item,
body.staff-concierge-app #view-home .command-table-body .inbox-item {
  transition: background 0.15s ease, border-radius 0.15s ease !important;
}

/* Requests cards — avatar/copy rhythm matches Guests thick (already 36/12/64; lock align) */
body.staff-concierge-app .orders-queue-list .order-queue-main {
  align-items: center !important;
  min-height: 68px !important;
  padding: 12px 12px !important;
  gap: 12px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
}
body.staff-concierge-app .orders-queue-list .order-queue-copy {
  gap: 3px !important;
}
body.staff-concierge-app .orders-queue-list .order-queue-summary {
  color: #64748B !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}

/* Panel headers / count chips — Guests align with home side badges */
body.staff-concierge-app .guests-panel-header {
  align-items: center !important;
  padding: 14px 16px 12px !important;
}
body.staff-concierge-app .guests-panel-header .home-side-badge {
  flex-shrink: 0 !important;
  min-width: 1.5rem !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
body.staff-concierge-app .orders-panel .col-toolbar--filtered,
body.staff-concierge-app .completed-panel .col-toolbar--filtered {
  align-items: center !important;
  min-height: 52px !important;
}

/* Empty states — same voice & breathing room on the three surfaces */
body.staff-concierge-app #guests-pending-empty:not([hidden]),
body.staff-concierge-app #guests-active-empty:not([hidden]),
body.staff-concierge-app #orders-queue-empty:not([hidden]),
body.staff-concierge-app #home-pending-empty:not([hidden]),
body.staff-concierge-app #home-queue-orders-empty:not([hidden]),
body.staff-concierge-app #home-recent-empty:not([hidden]) {
  padding: 28px 18px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.45 !important;
}

/* Search: dim when current view has no local filter (JS toggles is-search-idle) */
body.staff-concierge-app .concierge-search.is-search-idle {
  opacity: 0.55 !important;
}
body.staff-concierge-app .concierge-search.is-search-idle input {
  cursor: default !important;
}


/* Guests list inset — room for 12px hover radius without clipping */
body.staff-concierge-app .guests-pending-list,
body.staff-concierge-app .guests-active-list {
  padding: 6px 8px 10px !important;
}
body.staff-concierge-app .guests-pending-list .hijiffy-row-head,
body.staff-concierge-app .guests-active-list .hijiffy-row-head {
  align-items: center !important;
}
body.staff-concierge-app .orders-queue-list {
  padding: 4px 6px 10px !important;
}

/* Prefer reduced motion: keep states, drop transitions */
@media (prefers-reduced-motion: reduce) {
  body.staff-concierge-app .guests-pending-list .home-pending-row.hijiffy-conversation,
  body.staff-concierge-app .guests-active-list .guests-active-row.hijiffy-conversation,
  body.staff-concierge-app .orders-queue-list .order-queue-item,
  body.staff-concierge-app #view-home #home-pending-list .home-pending-row,
  body.staff-concierge-app #view-home #home-orders-list > *,
  body.staff-concierge-app #view-home #home-recent-list > * {
    transition: none !important;
  }
}


/* ============================================================
   OPS 9.5 — composed home grid, empty voice, detail density (2026-07-20)
   ============================================================ */

/* Dashboard: 2×2 subgrid so KPI↔pending and charts↔queue share one seam */
body.staff-concierge-app #view-home .home-dashboard-grid--command {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) clamp(300px, 32vw, 400px) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

body.staff-concierge-app #view-home .hijiffy-main,
body.staff-concierge-app #view-home .home-ops-column {
  display: grid !important;
  grid-template-rows: subgrid !important;
  grid-row: 1 / -1 !important;
  gap: 12px !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-kpi-stack {
  grid-row: 1 !important;
  align-self: stretch !important;
}

body.staff-concierge-app #view-home .home-graphs-row {
  grid-row: 2 !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

/* Pending sizes to KPI row; overflow scrolls — does not inflate the seam */
body.staff-concierge-app #view-home #home-pending-approvals {
  grid-row: 1 !important;
  flex: none !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-ops-column > .home-queue-panel,
body.staff-concierge-app #view-home .home-ops-column > .command-table-panel,
body.staff-concierge-app #view-home #home-queue-panel {
  grid-row: 2 !important;
  flex: none !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

/* Home queue empties — center in pane, compact mark */
body.staff-concierge-app #view-home .home-queue-pane:has(.hijiffy-empty:not([hidden])) .hijiffy-conversation-list,
body.staff-concierge-app #view-home .home-queue-pane:has(.hijiffy-empty:not([hidden])) .command-table-body {
  display: none !important;
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home #home-queue-orders-empty:not([hidden]),
body.staff-concierge-app #view-home #home-recent-empty:not([hidden]),
body.staff-concierge-app #view-home #home-pending-empty:not([hidden]) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  gap: 0.55rem !important;
  padding: 18px 14px !important;
  margin: 0 !important;
  min-height: 0 !important;
  text-align: center !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.45 !important;
  max-width: none !important;
}

body.staff-concierge-app #view-home #home-queue-orders-empty:not([hidden])::before,
body.staff-concierge-app #view-home #home-recent-empty:not([hidden])::before,
body.staff-concierge-app #view-home #home-pending-empty:not([hidden])::before {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 184, 212, 0.26) !important;
  background:
    linear-gradient(145deg, rgba(0, 229, 255, 0.14), rgba(16, 52, 141, 0.05)) !important;
  box-shadow: 0 4px 12px rgba(16, 52, 141, 0.06) !important;
}

/* Guests empties — match Requests centered voice */
body.staff-concierge-app #guests-pending-empty:not([hidden]),
body.staff-concierge-app #guests-active-empty:not([hidden]) {
  gap: 0.7rem !important;
  padding: 36px 22px !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.5 !important;
  max-width: none !important;
}

body.staff-concierge-app #guests-pending-empty:not([hidden])::before,
body.staff-concierge-app #guests-active-empty:not([hidden])::before {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
}

/* Approve leave — soft exit before DOM drop */
body.staff-concierge-app .home-pending-row.is-leaving,
body.staff-concierge-app .guests-pending-list .home-pending-row.is-leaving {
  opacity: 0 !important;
  transform: translateX(6px) !important;
  pointer-events: none !important;
  transition: opacity 0.16s ease, transform 0.16s ease !important;
}

/* Requests detail — density & hierarchy aligned to list */
body.staff-concierge-app .order-detail-header {
  padding: 12px 14px !important;
  gap: 12px !important;
}

body.staff-concierge-app .order-detail-body {
  padding: 12px 14px 10px !important;
  gap: 10px !important;
}

body.staff-concierge-app .order-detail-type,
body.staff-concierge-app #order-detail-title {
  font-size: 0.72rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #64748B !important;
}

body.staff-concierge-app .order-detail-room,
body.staff-concierge-app #order-detail-room,
body.staff-concierge-app .order-detail-header h2 {
  font-size: 1.15rem !important;
  letter-spacing: -0.02em !important;
}

body.staff-concierge-app .order-detail-sub {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

body.staff-concierge-app .order-detail-timeline-wrap {
  padding: 10px 12px 12px !important;
}

body.staff-concierge-app .order-detail-timeline-wrap h3,
body.staff-concierge-app .order-ops-section h3 {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #64748B !important;
}

body.staff-concierge-app .order-detail-empty:not([hidden]),
body.staff-concierge-app .thread-empty:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  gap: 0.65rem !important;
  padding: 36px 22px !important;
}

body.staff-concierge-app .order-detail-empty:not([hidden])::before,
body.staff-concierge-app .thread-empty:not([hidden])::before {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0, 184, 212, 0.28) !important;
  background:
    linear-gradient(145deg, rgba(0, 229, 255, 0.16), rgba(16, 52, 141, 0.06)) !important;
  box-shadow: 0 6px 16px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .order-detail-empty p,
body.staff-concierge-app .thread-empty > p:first-of-type {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  max-width: 30ch !important;
}

body.staff-concierge-app .order-detail-empty-kbd,
body.staff-concierge-app .thread-empty-hint {
  margin-top: 2px !important;
  font-size: 0.72rem !important;
  color: #94A3B8 !important;
  letter-spacing: 0.01em !important;
}

/* Section labels — quieter rhythm */
body.staff-concierge-app .orders-queue-section-label {
  padding: 8px 14px 4px !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.07em !important;
  color: #64748B !important;
}

body.staff-concierge-app .orders-queue-section + .orders-queue-section {
  margin-top: 2px !important;
}

/* Confirm dialog — tighter editorial match */
body.staff-concierge-app .order-confirm-dialog .export-dialog-inner {
  padding: 20px 22px 18px !important;
  gap: 12px !important;
}

body.staff-concierge-app .order-confirm-dialog .export-dialog-sub {
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  color: var(--ac-text-muted, #64748B) !important;
  margin: 0 !important;
}

body.staff-concierge-app .order-confirm-dialog .export-dialog-actions {
  margin-top: 4px !important;
  gap: 8px !important;
}

@media (max-width: 1100px) {
  body.staff-concierge-app #view-home .home-dashboard-grid--command {
    grid-template-columns: minmax(0, 1fr) clamp(280px, 34vw, 360px) !important;
  }
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-home .home-dashboard-grid--command {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1.1fr) minmax(220px, 0.9fr) !important;
  }

  body.staff-concierge-app #view-home .hijiffy-main,
  body.staff-concierge-app #view-home .home-ops-column {
    display: flex !important;
    flex-direction: column !important;
    grid-row: auto !important;
    grid-template-rows: none !important;
    height: 100% !important;
    max-height: 100% !important;
    gap: 10px !important;
  }

  body.staff-concierge-app #view-home .home-kpi-stack,
  body.staff-concierge-app #view-home .home-graphs-row,
  body.staff-concierge-app #view-home #home-pending-approvals,
  body.staff-concierge-app #view-home #home-queue-panel {
    grid-row: auto !important;
  }

  body.staff-concierge-app #view-home #home-pending-approvals {
    flex: 1 1 0 !important;
  }

  body.staff-concierge-app #view-home .home-ops-column > .home-queue-panel,
  body.staff-concierge-app #view-home #home-queue-panel {
    flex: 1 1 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.staff-concierge-app .home-pending-row.is-leaving,
  body.staff-concierge-app .guests-pending-list .home-pending-row.is-leaving {
    transition: none !important;
    transform: none !important;
  }
}

/* ============================================================
   INBOX — match Requests/Guests thick rows + gradient avatars
   ============================================================ */

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap .room-inbox-item.inbox-queue-main {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.staff-concierge-app .rooms-inbox-list .inbox-queue-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.staff-concierge-app .rooms-inbox-list .hijiffy-avatar.inbox-queue-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: var(--hijiffy-avatar-bg) !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .rooms-inbox-list .inbox-queue-status {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  border: 1px solid transparent !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .rooms-inbox-list .inbox-queue-status.inbox-status-live,
body.staff-concierge-app .rooms-inbox-list .inbox-queue-status.inbox-status-open {
  background: rgba(196, 120, 42, 0.12) !important;
  color: #9A5B1A !important;
  border-color: rgba(196, 120, 42, 0.28) !important;
}

body.staff-concierge-app .rooms-inbox-list .inbox-queue-status.inbox-status-archived {
  background: rgba(100, 116, 139, 0.12) !important;
  color: #64748B !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap {
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  transition: background 0.15s ease, border-radius 0.15s ease, box-shadow 0.15s ease !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap:hover:not(.active) {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap.active {
  background: rgba(0, 184, 212, 0.12) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
  box-shadow: inset 3px 0 0 #00B8D4, 0 4px 14px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap:last-child {
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .rooms-inbox-list .inbox-item-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #attention-panel .inbox-unread-chip {
  flex-shrink: 0 !important;
  align-self: center !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(14, 140, 184, 0.28) !important;
  background: rgba(14, 140, 184, 0.10) !important;
  color: #0E7490 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .rooms-inbox-empty-state .rooms-inbox-empty-hint {
  max-width: 34ch !important;
  margin: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.45 !important;
}

body.staff-concierge-app .rooms-inbox-empty-state .rooms-inbox-empty-main {
  margin: 0 !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: var(--ac-text-muted) !important;
}

body.staff-concierge-app .rooms-inbox-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

body.staff-concierge-app #attention-panel.rooms-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

body.staff-concierge-app #attention-panel[hidden],
body.staff-concierge-app #staff-inbox-panel[hidden],
body.staff-concierge-app #orders-panel[hidden],
body.staff-concierge-app #completed-panel[hidden],
body.staff-concierge-app #order-panel[hidden],
body.staff-concierge-app #thread-panel[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap {
    transition: none !important;
  }
}

/* Performance — trend pills match Dashboard home KPIs */
body.staff-concierge-app #view-insights .insights-kpi-trend-row,
body.staff-concierge-app #view-insights .home-kpi-trend-row {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  margin-top: 0 !important;
  min-width: 0 !important;
}

body.staff-concierge-app #view-insights .home-kpi-trend-pill {
  border-radius: 999px !important;
  padding: 2px 6px !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: #3D5A80 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  flex-shrink: 0 !important;
  line-height: 1.2 !important;
  font-variant-numeric: tabular-nums !important;
}

body.staff-concierge-app #view-insights .home-kpi-trend-pill svg {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #view-insights .insights-trend--up {
  color: #10B981 !important;
  background-color: #ECFDF5 !important;
}

body.staff-concierge-app #view-insights .insights-trend--down {
  color: #EF4444 !important;
  background-color: #FEF2F2 !important;
}

body.staff-concierge-app #view-insights .insights-trend--flat {
  color: #64748B !important;
  background-color: rgba(100, 116, 139, 0.10) !important;
}

body.staff-concierge-app #view-insights .insights-trend--new {
  color: #2563EB !important;
  background-color: #EFF6FF !important;
}

body.staff-concierge-app #view-insights .home-kpi-trend-text {
  display: inline !important;
  font-size: 0.68rem !important;
  color: #3D5A80 !important;
  white-space: nowrap !important;
}

body.staff-concierge-app #view-insights .insights-value-row--with-trend {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

body.staff-concierge-app #view-insights .insights-value-row--secondary {
  align-items: center !important;
}

body.staff-concierge-app #view-insights .insights-value-row--secondary .insights-kpi-trend-row {
  justify-content: center !important;
}

body.staff-concierge-app .hijiffy-empty-lead,
body.staff-concierge-app .order-detail-empty-lead {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}

body.staff-concierge-app .hijiffy-empty-sub,
body.staff-concierge-app .order-detail-empty-sub {
  margin: 0 !important;
  max-width: 30ch !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #94A3B8 !important;
  line-height: 1.45 !important;
}

/* Inbox IA — role labels, sub-tab badges, contextual hints */
body.staff-concierge-app #inbox-subnav {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding-bottom: 10px !important;
}
body.staff-concierge-app .workspace-subnav-tabs {
  display: flex !important;
  gap: 18px !important;
}
body.staff-concierge-app .workspace-subnav-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
body.staff-concierge-app .workspace-subnav-tab-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.25rem !important;
  height: 1.25rem !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: var(--panel-accent, var(--accent-chats)) !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
body.staff-concierge-app .workspace-subnav-tab-badge.is-pulse {
  animation: concierge-badge-pulse 1.4s ease-in-out infinite !important;
}
body.staff-concierge-app .workspace-subnav-hint {
  margin: 0 !important;
  padding: 8px 0 0 !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  color: var(--ac-text-muted) !important;
  max-width: 52rem !important;
}
body.staff-concierge-app .workspace-subnav--single .workspace-subnav-tabs {
  display: none !important;
}

/* Health donut center — short status label only */
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut > span.monitoring-donut-center,
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut > span:has(> strong#monitor-comm-total),
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut > span:has(> strong#monitor-concierge-total) {
  width: auto !important;
  height: auto !important;
  max-width: 68% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  text-align: center !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut strong {
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: auto !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list > span {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list .hijiffy-channel-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #64748B !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list em {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  color: #0F172A !important;
}

/* Guest thread mode bar — align tabs + dept dropdown on one row */
body.staff-concierge-app .thread-mode-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--ac-border) !important;
  flex-shrink: 0 !important;
}
body.staff-concierge-app .thread-mode-tabs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
body.staff-concierge-app .thread-mode-btn {
  margin: 0 !important;
}
body.staff-concierge-app .thread-ops-dept-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  grid-template-columns: none !important;
}
body.staff-concierge-app .thread-ops-dept-wrap[hidden] {
  display: none !important;
}
body.staff-concierge-app .thread-ops-dept-select,
body.staff-concierge-app #thread-ops-dept {
  min-width: 148px !important;
  height: 34px !important;
  margin: 0 !important;
}


/* ============================================================
   NAV FOUR 9.5 — Dashboard · Guests · Requests · Inbox (2026-07-20)
   ============================================================ */

/* —— Dashboard: keep KPI stack inside its subgrid row (no overlap onto charts) —— */
body.staff-concierge-app #view-home .home-kpi-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  align-self: stretch !important;
}

body.staff-concierge-app #view-home .home-kpi-strip--primary {
  flex: 1 1 auto !important;
  min-height: 96px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-kpi-strip--primary .home-kpi-card {
  min-height: 96px !important;
  max-height: none !important;
  height: 100% !important;
  padding: 12px 14px !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-label {
  margin: 0 !important;
  padding: 0 2px !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #94A3B8 !important;
  line-height: 1.2 !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-strip {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr !important;
  align-items: center !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 8px 4px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(16, 52, 141, 0.10) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 2px 8px rgba(16, 52, 141, 0.04) !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 2px 6px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: default !important;
  text-align: center !important;
  min-width: 0 !important;
  color: inherit !important;
  font: inherit !important;
}

body.staff-concierge-app #view-home button.home-kpi-volume-item {
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: background 0.15s ease !important;
}

body.staff-concierge-app #view-home button.home-kpi-volume-item:hover {
  background: rgba(0, 184, 212, 0.08) !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-item-label {
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  color: #64748B !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-item-value {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-sep {
  width: 1px !important;
  height: 28px !important;
  background: rgba(16, 52, 141, 0.10) !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app #view-home .home-kpi-trend-slot {
  margin-top: 4px !important;
  min-height: 0 !important;
}

body.staff-concierge-app #view-home .home-kpi-trend-slot[hidden] {
  display: none !important;
}

body.staff-concierge-app #view-home .home-kpi-footnote {
  margin: 4px 0 0 !important;
  font-size: 0.64rem !important;
  font-weight: 500 !important;
  color: #94A3B8 !important;
  line-height: 1.3 !important;
}

body.staff-concierge-app #view-home .home-kpi-card--reply .home-hero-kpi-icon {
  opacity: 0.72 !important;
}

/* Charts stay under KPIs — never share paint space */
body.staff-concierge-app #view-home .home-graphs-row {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-kpi-stack {
  position: relative !important;
  z-index: 2 !important;
}

/* —— Guests: desk header + stay rhythm —— */
body.staff-concierge-app .guests-desk-head {
  flex-shrink: 0 !important;
  padding: 2px 2px 0 !important;
}

body.staff-concierge-app .guests-desk-title {
  margin: 0 !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app .guests-desk-sub {
  margin: 4px 0 0 !important;
  max-width: 42rem !important;
}

body.staff-concierge-app .guests-active-list .hijiffy-conversation-copy small,
body.staff-concierge-app .guests-pending-list .hijiffy-conversation-copy small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

body.staff-concierge-app .guests-open-chat {
  border-radius: 999px !important;
  padding: 7px 14px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .guests-pending-list .home-pending-approve {
  border-radius: 999px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* —— Requests: queue empty + toolbar —— */
body.staff-concierge-app .orders-queue-empty-state:not([hidden]),
body.staff-concierge-app .staff-inbox-empty-state:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 32px 18px !important;
  text-align: center !important;
  flex: 1 1 auto !important;
  min-height: 120px !important;
}

body.staff-concierge-app .orders-queue-empty-state:not([hidden])::before,
body.staff-concierge-app .staff-inbox-empty-state:not([hidden])::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0, 184, 212, 0.26) !important;
  background: linear-gradient(145deg, rgba(0, 229, 255, 0.14), rgba(16, 52, 141, 0.05)) !important;
  box-shadow: 0 4px 12px rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app .orders-panel .col-toolbar--filtered h2,
body.staff-concierge-app #attention-panel .col-toolbar--filtered h2,
body.staff-concierge-app #staff-inbox-panel .col-toolbar h2 {
  font-size: 0.98rem !important;
  letter-spacing: -0.01em !important;
}

body.staff-concierge-app #staff-inbox-panel .col-toolbar-hint {
  margin: 4px 0 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  color: #64748B !important;
  max-width: 34ch !important;
}

/* —— Inbox: department channel picker —— */
body.staff-concierge-app .staff-dept-buttons {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 10px 12px 12px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: none !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(16, 52, 141, 0.10) !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 2px 8px rgba(16, 52, 141, 0.04) !important;
  text-align: left !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.15s ease !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel:hover {
  border-color: rgba(0, 184, 212, 0.35) !important;
  background: rgba(0, 184, 212, 0.04) !important;
  transform: translateY(-1px) !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel.is-active {
  border-color: rgba(0, 184, 212, 0.55) !important;
  background: rgba(0, 184, 212, 0.10) !important;
  box-shadow: inset 3px 0 0 #00B8D4, 0 4px 14px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .staff-dept-channel-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(0, 184, 212, 0.18), rgba(16, 52, 141, 0.08)) !important;
  color: #0E7490 !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel.is-active .staff-dept-channel-mark {
  background: linear-gradient(135deg, #00B8D4, #0891B2) !important;
  color: #fff !important;
}

body.staff-concierge-app .staff-dept-channel-label {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  line-height: 1.2 !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel.is-active .staff-dept-channel-label {
  color: #0E7490 !important;
}

/* Dept accent marks */
body.staff-concierge-app .staff-dept-btn[data-dept="Kitchen"] .staff-dept-channel-mark {
  background: linear-gradient(135deg, rgba(196, 120, 42, 0.18), rgba(154, 91, 26, 0.10)) !important;
  color: #9A5B1A !important;
}
body.staff-concierge-app .staff-dept-btn[data-dept="Spa"] .staff-dept-channel-mark {
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.20), rgba(109, 40, 217, 0.08)) !important;
  color: #6D28D9 !important;
}
body.staff-concierge-app .staff-dept-btn[data-dept="Housekeeping"] .staff-dept-channel-mark {
  background: linear-gradient(135deg, rgba(52, 168, 124, 0.18), rgba(27, 127, 90, 0.08)) !important;
  color: #1B7F5A !important;
}
body.staff-concierge-app .staff-dept-btn[data-dept="Maintenance"] .staff-dept-channel-mark {
  background: linear-gradient(135deg, rgba(100, 116, 139, 0.16), rgba(51, 65, 85, 0.08)) !important;
  color: #475569 !important;
}

body.staff-concierge-app .thread-empty:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

body.staff-concierge-app .thread-empty .hijiffy-empty-lead {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #475569 !important;
  max-width: 30ch !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-home .home-kpi-volume-block {
    flex: 0 0 auto !important;
  }
  body.staff-concierge-app .guests-desk-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   NAV FOUR 9.5 PUSH — calm composition + boutique desk (2026-07-20)
   ============================================================ */

body.staff-concierge-app #view-home .home-kpi-strip--primary .home-hero-kpi-icon {
  opacity: 0.55 !important;
  transform: scale(0.92) !important;
}

body.staff-concierge-app #view-home .home-kpi-strip--primary .insights-hero-value {
  font-size: 1.55rem !important;
  letter-spacing: -0.03em !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-block {
  margin-top: 2px !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-strip {
  background: rgba(248, 250, 252, 0.95) !important;
  border-color: rgba(16, 52, 141, 0.07) !important;
  box-shadow: none !important;
  padding: 7px 6px !important;
}

body.staff-concierge-app #view-home .home-graph-card {
  border-radius: 14px !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: 0 4px 16px rgba(16, 52, 141, 0.05) !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-graph-header h4 {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #0F172A !important;
}

body.staff-concierge-app #view-home .home-area-range select {
  font-size: 0.72rem !important;
  border-radius: 8px !important;
  border-color: rgba(16, 52, 141, 0.12) !important;
  background: #F8FAFC !important;
  color: #475569 !important;
  padding: 4px 8px !important;
}

body.staff-concierge-app #view-home .home-side-panel,
body.staff-concierge-app #view-home .home-queue-panel {
  border-radius: 14px !important;
}

body.staff-concierge-app #view-guests:not([hidden]) {
  background:
    radial-gradient(1200px 420px at 12% -10%, rgba(196, 120, 42, 0.07), transparent 55%),
    radial-gradient(900px 380px at 88% 0%, rgba(14, 140, 184, 0.06), transparent 50%),
    transparent !important;
}

body.staff-concierge-app .guests-desk-head {
  padding: 4px 4px 8px !important;
}

body.staff-concierge-app .guests-desk-title {
  font-size: 1.28rem !important;
  letter-spacing: -0.03em !important;
}

body.staff-concierge-app .guests-desk-sub {
  font-size: 0.86rem !important;
  color: #64748B !important;
}

body.staff-concierge-app .guests-panel {
  box-shadow: 0 8px 28px rgba(16, 52, 141, 0.07) !important;
  border-radius: 16px !important;
}

body.staff-concierge-app .guests-desk-row {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 12px !important;
  min-height: 68px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.07) !important;
}

body.staff-concierge-app .guests-desk-row:last-child {
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .guests-room-avatar {
  width: 40px !important;
  height: 40px !important;
  font-size: 0.72rem !important;
}

body.staff-concierge-app .guests-room-label {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--ac-text) !important;
}

body.staff-concierge-app .guests-stay-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
  font-size: 0.78rem !important;
  color: var(--ac-text-muted, #64748B) !important;
}

body.staff-concierge-app .guests-guest-name {
  font-weight: 500 !important;
  color: var(--ac-text, #334155) !important;
}

body.staff-concierge-app .guests-checkout-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: rgba(16, 52, 141, 0.06) !important;
  color: #475569 !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.01em !important;
}

body.staff-concierge-app .guests-pending-panel .guests-checkout-chip {
  background: rgba(196, 120, 42, 0.10) !important;
  color: #9A5B1A !important;
}

body.staff-concierge-app .guests-active-panel .guests-checkout-chip {
  background: rgba(14, 116, 144, 0.10) !important;
  color: #0E7490 !important;
}

body.staff-concierge-app .orders-kbd-hint--quiet {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: #94A3B8 !important;
  letter-spacing: 0.02em !important;
  opacity: 0.9 !important;
}

body.staff-concierge-app .orders-sort-bar {
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

body.staff-concierge-app .orders-sort-bar .orders-sort-label {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

body.staff-concierge-app .orders-panel .col-toolbar--filtered {
  border-bottom: 1px solid rgba(16, 52, 141, 0.07) !important;
  padding-bottom: 10px !important;
}

body.staff-concierge-app .orders-panel .order-queue-item.active {
  background: rgba(0, 184, 212, 0.10) !important;
  box-shadow:
    inset 3px 0 0 #00B8D4,
    0 6px 18px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .order-detail-empty:not([hidden]) {
  background:
    radial-gradient(420px 220px at 50% 35%, rgba(0, 184, 212, 0.06), transparent 70%) !important;
}

body.staff-concierge-app .order-detail-empty-kbd {
  opacity: 0.75 !important;
}

body.staff-concierge-app .staff-inbox-item--thick {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.staff-concierge-app .staff-inbox-wrap {
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  transition: background 0.15s ease, border-radius 0.15s ease, box-shadow 0.15s ease !important;
}

body.staff-concierge-app .staff-inbox-wrap:hover:not(.active) {
  background: rgba(0, 184, 212, 0.06) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .staff-inbox-wrap.active {
  background: rgba(0, 184, 212, 0.12) !important;
  border-radius: 12px !important;
  border-bottom-color: transparent !important;
  box-shadow: inset 3px 0 0 #00B8D4, 0 4px 14px rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .staff-inbox-wrap:last-child {
  border-bottom-color: transparent !important;
}

body.staff-concierge-app .staff-inbox-list {
  padding: 4px 6px 10px !important;
}

body.staff-concierge-app .staff-inbox-item--thick .inbox-queue-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.staff-concierge-app .staff-inbox-item--thick .hijiffy-row-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.staff-concierge-app .staff-inbox-item--thick .inbox-item-room {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #0F172A !important;
}

body.staff-concierge-app .staff-inbox-item--thick .inbox-item-preview {
  font-size: 0.78rem !important;
  color: #64748B !important;
}

body.staff-concierge-app .staff-dept-buttons {
  padding: 12px 12px 14px !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.9), transparent) !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel {
  min-height: 64px !important;
}

body.staff-concierge-app .workspace-subnav-hint {
  font-size: 0.78rem !important;
  color: #64748B !important;
  max-width: 48rem !important;
}

body.staff-concierge-app .thread-empty:not([hidden]) {
  background:
    radial-gradient(420px 220px at 50% 38%, rgba(14, 140, 184, 0.06), transparent 70%) !important;
}

body.staff-concierge-app #attention-panel .col-toolbar--filtered,
body.staff-concierge-app #staff-inbox-panel .col-toolbar {
  border-bottom: 1px solid rgba(16, 52, 141, 0.07) !important;
}

@media (prefers-reduced-motion: no-preference) {
  body.staff-concierge-app .guests-desk-row,
  body.staff-concierge-app .staff-dept-btn.staff-dept-channel,
  body.staff-concierge-app .staff-inbox-wrap {
    transition:
      background 0.16s ease,
      border-color 0.16s ease,
      box-shadow 0.16s ease,
      transform 0.16s ease !important;
  }
  body.staff-concierge-app .staff-dept-btn.staff-dept-channel:active {
    transform: translateY(0) scale(0.99) !important;
  }
}


/* Live chat stop — thread header actions */
body.staff-concierge-app .thread-header-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body.staff-concierge-app #btn-stop-live-chat {
  border-color: rgba(180, 83, 68, 0.42);
  color: #9a4a3f;
}

body.staff-concierge-app #btn-stop-live-chat:hover:not(:disabled) {
  background: rgba(180, 83, 68, 0.07);
  border-color: rgba(180, 83, 68, 0.62);
}

/* Team channels — vertical stack matching guest message cards */
body.staff-concierge-app .staff-inbox-list .hijiffy-avatar.inbox-queue-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: var(--hijiffy-avatar-bg) !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .staff-inbox-list .staff-general-chat-wrap .hijiffy-avatar.inbox-queue-avatar {
  background: linear-gradient(135deg, #00B8D4, #0891B2) !important;
}

body.staff-concierge-app .staff-inbox-list .inbox-queue-status {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  border: 1px solid transparent !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .staff-inbox-list .inbox-queue-status.inbox-status-open {
  background: rgba(196, 120, 42, 0.12) !important;
  color: #9A5B1A !important;
  border-color: rgba(196, 120, 42, 0.28) !important;
}

body.staff-concierge-app .staff-inbox-list .inbox-queue-status.inbox-status-archived {
  background: rgba(100, 116, 139, 0.12) !important;
  color: #64748B !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
}

body.staff-concierge-app .staff-dept-btn.staff-dept-channel {
  min-height: 64px !important;
}

body.staff-concierge-app .staff-dept-channel-mark {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
}

body.staff-concierge-app .staff-general-chat-section {
  display: none !important;
}

body.staff-concierge-app .staff-guest-section-header {
  display: none !important;
}

/* Team channels — scroll when dept picker + list exceeds column height */
body.staff-concierge-app #staff-inbox-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.staff-concierge-app #staff-inbox-panel {
  overflow-x: hidden !important;
}

body.staff-concierge-app #staff-inbox-panel .staff-dept-buttons {
  flex-shrink: 0 !important;
}

body.staff-concierge-app #staff-inbox-panel .staff-inbox-list {
  flex: 0 1 auto !important;
  min-height: 0 !important;
  overflow-y: visible !important;
}

body.staff-concierge-app .staff-inbox-empty-state:not([hidden]) {
  flex: 1 1 auto !important;
  justify-content: center !important;
  align-self: stretch !important;
  min-height: 0 !important;
  padding: 24px 18px 56px !important;
}


/* ============================================================
   PERFORMANCE 9.5 — desk identity, calm KPIs, 6-tile volume (2026-07-20)
   ============================================================ */

body.staff-concierge-app .insights-desk-head {
  padding: 2px 0 4px !important;
}

body.staff-concierge-app .insights-desk-title {
  font-size: 1.28rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #0F172A !important;
  margin: 0 !important;
}

body.staff-concierge-app .insights-desk-sub {
  margin: 0 !important;
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
  color: #64748B !important;
  max-width: 42ch !important;
}

body.staff-concierge-app #view-insights .insights-header {
  align-items: flex-start !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.07) !important;
}

body.staff-concierge-app #view-insights .insights-hero-grid {
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.staff-concierge-app #view-insights .insights-hero-kpi {
  padding: 12px 16px 14px !important;
  border-radius: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.staff-concierge-app #view-insights .insights-hero-kpi::before {
  display: none !important;
}

body.staff-concierge-app #view-insights .insights-hero-label {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  color: rgba(244, 247, 250, 0.62) !important;
}

body.staff-concierge-app #view-insights .insights-hero-value {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #F4F7FA !important;
}

body.staff-concierge-app #view-insights .insights-hero-kpi.emerald .insights-hero-value,
body.staff-concierge-app #view-insights .insights-hero-kpi.gold .insights-hero-value {
  color: #F4F7FA !important;
}

body.staff-concierge-app #view-insights .insights-hero-note {
  font-size: 0.74rem !important;
  color: rgba(244, 247, 250, 0.55) !important;
  line-height: 1.4 !important;
}

body.staff-concierge-app #view-insights .insights-grid {
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.staff-concierge-app #view-insights .insights-card {
  padding: 12px 16px 14px !important;
  border-radius: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.staff-concierge-app #view-insights .insights-card::before {
  display: none !important;
}

body.staff-concierge-app #view-insights .insights-card h3 {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #F4F7FA !important;
  margin-bottom: 4px !important;
}

body.staff-concierge-app #view-insights .insights-card-hint {
  font-size: 0.74rem !important;
  color: rgba(244, 247, 250, 0.72) !important;
  margin: 0 0 10px !important;
}

body.staff-concierge-app #view-insights .insights-bar-track {
  height: 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.staff-concierge-app #view-insights .insights-bar-fill {
  background: linear-gradient(90deg, #00E5FF, #4CC9F0) !important;
}

body.staff-concierge-app #view-insights .insights-bar-label,
body.staff-concierge-app #view-insights .insights-bar-value {
  font-size: 0.78rem !important;
}

body.staff-concierge-app #view-insights .insights-volume-section {
  margin-top: 0 !important;
}

body.staff-concierge-app #view-insights .insights-secondary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-insights .insights-secondary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.staff-concierge-app #view-insights .insights-secondary-grid {
    grid-template-columns: 1fr !important;
  }
}

body.staff-concierge-app #view-insights .insights-secondary-kpi {
  padding: 12px 14px !important;
  border-radius: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.staff-concierge-app #view-insights .insights-secondary-kpi::before {
  display: none !important;
}

body.staff-concierge-app #view-insights .insights-secondary-label {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: rgba(244, 247, 250, 0.55) !important;
  text-align: left !important;
}

body.staff-concierge-app #view-insights .insights-secondary-value {
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #F4F7FA !important;
}

body.staff-concierge-app #view-insights .insights-value-row--secondary {
  align-items: flex-start !important;
}

body.staff-concierge-app #view-insights .insights-updated,
body.staff-concierge-app #view-monitoring .monitoring-updated {
  margin-top: 14px !important;
  font-size: 0.72rem !important;
  font-family: var(--ac-font-mono) !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.4 !important;
  color: #94A3B8 !important;
  text-align: center !important;
}

body.staff-concierge-app #view-insights .insights-loading {
  margin: 0 0 14px !important;
  padding: 10px 14px !important;
  font-size: 0.8rem !important;
  color: #64748B !important;
  background: rgba(248, 250, 252, 0.95) !important;
  border: 1px solid rgba(16, 52, 141, 0.07) !important;
  border-radius: 10px !important;
}

body.staff-concierge-app #view-insights .insights-empty-state:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 48px 24px !important;
  text-align: center !important;
  min-height: 220px !important;
  margin-top: 8px !important;
}

body.staff-concierge-app #view-insights .insights-empty-state:not([hidden])::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(139, 94, 52, 0.22) !important;
  background: linear-gradient(145deg, rgba(184, 130, 78, 0.14), rgba(16, 52, 141, 0.05)) !important;
  box-shadow: 0 4px 12px rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app #view-insights .home-kpi-trend-pill {
  font-size: 0.68rem !important;
  padding: 2px 7px !important;
}

body.staff-concierge-app #view-insights .home-kpi-trend-text {
  font-size: 0.68rem !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app #view-insights:not([hidden]) {
  background:
    radial-gradient(1100px 380px at 10% -8%, rgba(184, 130, 78, 0.06), transparent 55%),
    radial-gradient(900px 320px at 92% 0%, rgba(16, 52, 141, 0.05), transparent 50%),
    transparent !important;
}

/* Team channels — hide guest/internal mode switch (guest inbox only) */
body.staff-concierge-app .thread-mode-bar[hidden] {
  display: none !important;
}

body.staff-concierge-app .dash-body-staff-inbox .thread-mode-bar,
body.staff-concierge-app .dash-body-archived-staff .thread-mode-bar {
  display: none !important;
}

/* ============================================================
   KPI SYSTEM 9.5 — Dashboard KPI vertical center (CSS Grid)
   Firefox <button> ignores flex margin:auto — grid 1fr row works.
   ============================================================ */

body.staff-concierge-app #view-insights .insights-hero-kpi,
body.staff-concierge-app #view-insights .insights-secondary-kpi,
body.staff-concierge-app #view-monitoring .insights-hero-kpi {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 96px !important;
}

body.staff-concierge-app .insights-kpi-metric-body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 4px !important;
  width: 100% !important;
  min-height: 0 !important;
}

body.staff-concierge-app .insights-kpi-metric-body .insights-hero-value,
body.staff-concierge-app .insights-kpi-metric-body .insights-secondary-value,
body.staff-concierge-app .insights-kpi-metric-body .insights-hero-note,
body.staff-concierge-app .insights-kpi-metric-body .home-kpi-trend-row,
body.staff-concierge-app .insights-kpi-metric-body .insights-kpi-trend-row {
  margin: 0 !important;
}

/* —— Dashboard primary KPIs: GRID center —— */
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card,
body.staff-concierge-app #view-home #home-metrics-row-1 button.home-kpi-card,
body.staff-concierge-app #view-home #home-metrics-row-1 article.home-kpi-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas: "label" "metric" !important;
  align-content: stretch !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  gap: 0 !important;
  position: relative !important;
  min-height: 112px !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card > .insights-hero-label {
  grid-area: label !important;
  margin: 0 !important;
  padding: 0 34px 0 0 !important;
  width: 100% !important;
  align-self: start !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  line-height: 1.25 !important;
  font-size: 0.76rem !important;
  min-height: 2.5em !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card > .home-hero-kpi-icon {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  margin: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card > .home-kpi-metric-body {
  grid-area: metric !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 4px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}

/* Ops cards (Active / Unread): value only — no period trend */
body.staff-concierge-app #view-home #home-metrics-row-1 .kpi-active-now > .home-kpi-metric-body,
body.staff-concierge-app #view-home #home-metrics-row-1 .kpi-unread > .home-kpi-metric-body {
  justify-content: center !important;
  gap: 0 !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .kpi-active-now .insights-hero-value,
body.staff-concierge-app #view-home #home-metrics-row-1 .kpi-unread .insights-hero-value {
  line-height: 1 !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-metric-body .insights-hero-value,
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-metric-body .home-kpi-trend-row,
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-metric-body .home-kpi-trend-slot,
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-metric-body .home-kpi-footnote {
  margin: 0 !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-trend-slot,
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-footnote {
  margin-top: 0 !important;
}

/* Requests — row rhythm aligned with Guests desk */
body.staff-concierge-app .orders-queue-list .order-queue-room {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0F172A !important;
}

body.staff-concierge-app .orders-queue-list .order-queue-copy {
  gap: 2px !important;
}

body.staff-concierge-app .orders-queue-section-label {
  font-size: 0.68rem !important;
  letter-spacing: 0.06em !important;
  color: #94A3B8 !important;
}

/* Inbox — empty + select states match Guests calm tone */
body.staff-concierge-app .rooms-inbox-empty-state:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 24px 18px 56px !important;
  text-align: center !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.staff-concierge-app .rooms-inbox-empty-state:not([hidden])::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0, 184, 212, 0.26) !important;
  background: linear-gradient(145deg, rgba(0, 229, 255, 0.14), rgba(16, 52, 141, 0.05)) !important;
  box-shadow: 0 4px 12px rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app .rooms-inbox-empty-state .rooms-inbox-empty-main {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #64748B !important;
}

body.staff-concierge-app .thread-empty:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 40px 24px !important;
  text-align: center !important;
}

body.staff-concierge-app .thread-empty:not([hidden]) .hijiffy-empty-lead {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #64748B !important;
}

body.staff-concierge-app .thread-empty:not([hidden]) .thread-empty-hint,
body.staff-concierge-app .thread-empty:not([hidden]) .hijiffy-empty-sub {
  max-width: 34ch !important;
  font-size: 0.78rem !important;
  color: #94A3B8 !important;
  line-height: 1.45 !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap .room-inbox-item.inbox-queue-main {
  min-height: 68px !important;
  padding: 12px 12px !important;
}


/* ============================================================
   KHMER TYPOGRAPHY & SCALE — all staff pages (2026-07-21)
   Kantumruy/Noto glyphs read larger than Latin; tighten UI density.
   ============================================================ */

html[lang="km"] body.staff-concierge-app,
body.staff-concierge-app[data-lang="km"] {
  --ac-font-body: 'Kantumruy Pro', 'Noto Sans Khmer', 'Inter', system-ui, sans-serif;
  --ac-font-display: 'Kantumruy Pro', 'Noto Sans Khmer', 'Inter', system-ui, sans-serif;
  --ac-font-mono: 'Kantumruy Pro', 'Noto Sans Khmer', 'Inter', system-ui, sans-serif;
  --lotus-font-body: var(--ac-font-body);
  --lotus-font-heading: var(--ac-font-body);
  --lotus-font-card-title: var(--ac-font-body);
  font-family: var(--ac-font-body) !important;
  font-size: 93.5% !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Prefer Khmer face everywhere when UI is in KM */
html[lang="km"] body.staff-concierge-app *,
body.staff-concierge-app[data-lang="km"] * {
  font-family: inherit;
}

/* Uppercase tracking hurts Khmer — neutralize on dense labels */
html[lang="km"] body.staff-concierge-app .home-kpi-volume-label,
html[lang="km"] body.staff-concierge-app .orders-queue-section-label,
html[lang="km"] body.staff-concierge-app .insights-section-label,
html[lang="km"] body.staff-concierge-app .guests-panel-kicker,
html[lang="km"] body.staff-concierge-app [class*="section-label"],
body.staff-concierge-app[data-lang="km"] .home-kpi-volume-label,
body.staff-concierge-app[data-lang="km"] .orders-queue-section-label,
body.staff-concierge-app[data-lang="km"] .insights-section-label {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-size: 0.7rem !important;
  line-height: 1.35 !important;
}

/* Rail — long Khmer labels need wrap room, not scale blowout */
html[lang="km"] body.staff-concierge-app .concierge-rail-label,
body.staff-concierge-app[data-lang="km"] .concierge-rail-label {
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

html[lang="km"] body.staff-concierge-app .concierge-rail-btn,
body.staff-concierge-app[data-lang="km"] .concierge-rail-btn {
  min-height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  align-items: center !important;
}

html[lang="km"] body.staff-concierge-app .concierge-page-title,
html[lang="km"] body.staff-concierge-app #dash-page-title,
body.staff-concierge-app[data-lang="km"] .concierge-page-title,
body.staff-concierge-app[data-lang="km"] #dash-page-title {
  font-size: 1.12rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

/* KPI / hero labels + notes */
html[lang="km"] body.staff-concierge-app .insights-hero-label,
html[lang="km"] body.staff-concierge-app .insights-secondary-label,
html[lang="km"] body.staff-concierge-app .home-kpi-volume-item-label,
html[lang="km"] body.staff-concierge-app .insights-hero-note,
html[lang="km"] body.staff-concierge-app .home-kpi-footnote,
html[lang="km"] body.staff-concierge-app .home-kpi-trend-text,
body.staff-concierge-app[data-lang="km"] .insights-hero-label,
body.staff-concierge-app[data-lang="km"] .insights-secondary-label,
body.staff-concierge-app[data-lang="km"] .home-kpi-volume-item-label,
body.staff-concierge-app[data-lang="km"] .insights-hero-note,
body.staff-concierge-app[data-lang="km"] .home-kpi-footnote,
body.staff-concierge-app[data-lang="km"] .home-kpi-trend-text {
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
}

html[lang="km"] body.staff-concierge-app .insights-hero-label,
html[lang="km"] body.staff-concierge-app .insights-secondary-label,
body.staff-concierge-app[data-lang="km"] .insights-hero-label,
body.staff-concierge-app[data-lang="km"] .insights-secondary-label {
  font-size: 0.7rem !important;
  white-space: normal !important;
}

html[lang="km"] body.staff-concierge-app .insights-hero-value,
html[lang="km"] body.staff-concierge-app .insights-secondary-value,
html[lang="km"] body.staff-concierge-app .home-kpi-volume-item-value,
body.staff-concierge-app[data-lang="km"] .insights-hero-value,
body.staff-concierge-app[data-lang="km"] .insights-secondary-value,
body.staff-concierge-app[data-lang="km"] .home-kpi-volume-item-value {
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

html[lang="km"] body.staff-concierge-app .insights-hero-value--status,
body.staff-concierge-app[data-lang="km"] .insights-hero-value--status {
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
}

/* Desk headers / sublines */
html[lang="km"] body.staff-concierge-app .guests-desk-title,
html[lang="km"] body.staff-concierge-app .insights-desk-title,
html[lang="km"] body.staff-concierge-app .col-toolbar h2,
body.staff-concierge-app[data-lang="km"] .guests-desk-title,
body.staff-concierge-app[data-lang="km"] .insights-desk-title,
body.staff-concierge-app[data-lang="km"] .col-toolbar h2 {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

html[lang="km"] body.staff-concierge-app .guests-desk-sub,
html[lang="km"] body.staff-concierge-app .insights-desk-sub,
html[lang="km"] body.staff-concierge-app .insights-sub,
html[lang="km"] body.staff-concierge-app .col-toolbar-hint,
html[lang="km"] body.staff-concierge-app .workspace-subnav-hint,
body.staff-concierge-app[data-lang="km"] .guests-desk-sub,
body.staff-concierge-app[data-lang="km"] .insights-desk-sub,
body.staff-concierge-app[data-lang="km"] .insights-sub,
body.staff-concierge-app[data-lang="km"] .col-toolbar-hint,
body.staff-concierge-app[data-lang="km"] .workspace-subnav-hint {
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  max-width: 52ch !important;
}

/* List rows — give Khmer room without blowing card height */
html[lang="km"] body.staff-concierge-app .guests-desk-row,
html[lang="km"] body.staff-concierge-app .order-queue-main,
html[lang="km"] body.staff-concierge-app .rooms-inbox-list .room-inbox-item.inbox-queue-main,
body.staff-concierge-app[data-lang="km"] .guests-desk-row,
body.staff-concierge-app[data-lang="km"] .order-queue-main,
body.staff-concierge-app[data-lang="km"] .rooms-inbox-list .room-inbox-item.inbox-queue-main {
  min-height: 72px !important;
}

html[lang="km"] body.staff-concierge-app .order-queue-room,
html[lang="km"] body.staff-concierge-app .guests-room-label,
html[lang="km"] body.staff-concierge-app .inbox-queue-room,
body.staff-concierge-app[data-lang="km"] .order-queue-room,
body.staff-concierge-app[data-lang="km"] .guests-room-label,
body.staff-concierge-app[data-lang="km"] .inbox-queue-room {
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
}

html[lang="km"] body.staff-concierge-app .order-queue-summary,
html[lang="km"] body.staff-concierge-app .guests-stay-meta,
html[lang="km"] body.staff-concierge-app .inbox-item-preview,
html[lang="km"] body.staff-concierge-app .hijiffy-conversation-copy small,
body.staff-concierge-app[data-lang="km"] .order-queue-summary,
body.staff-concierge-app[data-lang="km"] .guests-stay-meta,
body.staff-concierge-app[data-lang="km"] .inbox-item-preview,
body.staff-concierge-app[data-lang="km"] .hijiffy-conversation-copy small {
  font-size: 0.74rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

/* Pills / badges / buttons */
html[lang="km"] body.staff-concierge-app .order-queue-status,
html[lang="km"] body.staff-concierge-app .inbox-queue-status,
html[lang="km"] body.staff-concierge-app .hijiffy-row-meta,
html[lang="km"] body.staff-concierge-app .home-kpi-trend-pill,
html[lang="km"] body.staff-concierge-app .guests-checkout-chip,
html[lang="km"] body.staff-concierge-app .inbox-unread-chip,
body.staff-concierge-app[data-lang="km"] .order-queue-status,
body.staff-concierge-app[data-lang="km"] .inbox-queue-status,
body.staff-concierge-app[data-lang="km"] .hijiffy-row-meta,
body.staff-concierge-app[data-lang="km"] .home-kpi-trend-pill,
body.staff-concierge-app[data-lang="km"] .guests-checkout-chip,
body.staff-concierge-app[data-lang="km"] .inbox-unread-chip {
  font-size: 0.64rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

html[lang="km"] body.staff-concierge-app .btn-sm,
html[lang="km"] body.staff-concierge-app .guests-open-chat,
html[lang="km"] body.staff-concierge-app .home-pending-approve,
html[lang="km"] body.staff-concierge-app .insights-period-presets button,
html[lang="km"] body.staff-concierge-app .insights-period-apply,
body.staff-concierge-app[data-lang="km"] .btn-sm,
body.staff-concierge-app[data-lang="km"] .guests-open-chat,
body.staff-concierge-app[data-lang="km"] .home-pending-approve,
body.staff-concierge-app[data-lang="km"] .insights-period-presets button,
body.staff-concierge-app[data-lang="km"] .insights-period-apply {
  font-size: 0.72rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

/* Empty states + toasts */
html[lang="km"] body.staff-concierge-app .hijiffy-empty-lead,
html[lang="km"] body.staff-concierge-app .rooms-inbox-empty-main,
html[lang="km"] body.staff-concierge-app .thread-empty .hijiffy-empty-lead,
body.staff-concierge-app[data-lang="km"] .hijiffy-empty-lead,
body.staff-concierge-app[data-lang="km"] .rooms-inbox-empty-main,
body.staff-concierge-app[data-lang="km"] .thread-empty .hijiffy-empty-lead {
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

html[lang="km"] body.staff-concierge-app .hijiffy-empty-sub,
html[lang="km"] body.staff-concierge-app .rooms-inbox-empty-hint,
html[lang="km"] body.staff-concierge-app .thread-empty-hint,
body.staff-concierge-app[data-lang="km"] .hijiffy-empty-sub,
body.staff-concierge-app[data-lang="km"] .rooms-inbox-empty-hint,
body.staff-concierge-app[data-lang="km"] .thread-empty-hint {
  font-size: 0.74rem !important;
  line-height: 1.5 !important;
  max-width: 36ch !important;
}

html[lang="km"] body.staff-concierge-app .staff-notify-banner-title,
body.staff-concierge-app[data-lang="km"] .staff-notify-banner-title {
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

html[lang="km"] body.staff-concierge-app .staff-notify-banner-text,
body.staff-concierge-app[data-lang="km"] .staff-notify-banner-text {
  font-size: 0.74rem !important;
  line-height: 1.45 !important;
}

/* Meta footers — keep mono feel without Latin tracking */
html[lang="km"] body.staff-concierge-app .insights-updated,
html[lang="km"] body.staff-concierge-app .monitoring-updated,
html[lang="km"] body.staff-concierge-app .order-queue-time,
html[lang="km"] body.staff-concierge-app .inbox-item-time,
body.staff-concierge-app[data-lang="km"] .insights-updated,
body.staff-concierge-app[data-lang="km"] .monitoring-updated,
body.staff-concierge-app[data-lang="km"] .order-queue-time,
body.staff-concierge-app[data-lang="km"] .inbox-item-time {
  letter-spacing: 0.02em !important;
  font-size: 0.68rem !important;
  line-height: 1.4 !important;
}

/* Login */
html[lang="km"] body.staff-concierge-app .login-card,
body.staff-concierge-app[data-lang="km"] .login-card {
  font-size: 0.95em !important;
}

html[lang="km"] body.staff-concierge-app .login-card label span,
body.staff-concierge-app[data-lang="km"] .login-card label span {
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
}

/* Chart / legend labels */
html[lang="km"] body.staff-concierge-app .hijiffy-channel-list,
html[lang="km"] body.staff-concierge-app .insights-bar-label,
html[lang="km"] body.staff-concierge-app .insights-card h3,
html[lang="km"] body.staff-concierge-app .insights-card-hint,
body.staff-concierge-app[data-lang="km"] .hijiffy-channel-list,
body.staff-concierge-app[data-lang="km"] .insights-bar-label,
body.staff-concierge-app[data-lang="km"] .insights-card h3,
body.staff-concierge-app[data-lang="km"] .insights-card-hint {
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
}

html[lang="km"] body.staff-concierge-app .insights-card-hint,
body.staff-concierge-app[data-lang="km"] .insights-card-hint {
  font-size: 0.72rem !important;
}


/* ---- Khmer pass extras: subnav, menus, health, composer, tables ---- */

html[lang="km"] body.staff-concierge-app .workspace-subnav-btn,
html[lang="km"] body.staff-concierge-app .workspace-subnav-btn-label,
body.staff-concierge-app[data-lang="km"] .workspace-subnav-btn,
body.staff-concierge-app[data-lang="km"] .workspace-subnav-btn-label {
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

html[lang="km"] body.staff-concierge-app .dash-menu-item,
html[lang="km"] body.staff-concierge-app .dash-menu-item-label,
body.staff-concierge-app[data-lang="km"] .dash-menu-item,
body.staff-concierge-app[data-lang="km"] .dash-menu-item-label {
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

html[lang="km"] body.staff-concierge-app .concierge-rail-label {
  white-space: normal !important;
  max-width: 5.6rem !important;
  text-align: center !important;
  hyphens: none !important;
}

html[lang="km"] body.staff-concierge-app .order-receipt-table th,
html[lang="km"] body.staff-concierge-app .orders-queue-section-label,
html[lang="km"] body.staff-concierge-app .order-detail-type,
html[lang="km"] body.staff-concierge-app #order-detail-title,
html[lang="km"] body.staff-concierge-app .order-detail-timeline-wrap h3,
html[lang="km"] body.staff-concierge-app .order-ops-section h3,
html[lang="km"] body.staff-concierge-app #view-home .home-kpi-volume-label,
html[lang="km"] body.staff-concierge-app #view-insights .insights-section-label,
body.staff-concierge-app[data-lang="km"] .order-receipt-table th,
body.staff-concierge-app[data-lang="km"] .orders-queue-section-label,
body.staff-concierge-app[data-lang="km"] .order-detail-type,
body.staff-concierge-app[data-lang="km"] #order-detail-title,
body.staff-concierge-app[data-lang="km"] .order-detail-timeline-wrap h3,
body.staff-concierge-app[data-lang="km"] .order-ops-section h3,
body.staff-concierge-app[data-lang="km"] #view-home .home-kpi-volume-label,
body.staff-concierge-app[data-lang="km"] #view-insights .insights-section-label {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}

html[lang="km"] body.staff-concierge-app .monitoring-card h3,
html[lang="km"] body.staff-concierge-app .monitoring-svc-name,
html[lang="km"] body.staff-concierge-app .monitoring-svc-meta,
html[lang="km"] body.staff-concierge-app .monitor-group-title,
body.staff-concierge-app[data-lang="km"] .monitoring-card h3,
body.staff-concierge-app[data-lang="km"] .monitoring-svc-name,
body.staff-concierge-app[data-lang="km"] .monitoring-svc-meta,
body.staff-concierge-app[data-lang="km"] .monitor-group-title {
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
}

html[lang="km"] body.staff-concierge-app .monitoring-svc-name,
body.staff-concierge-app[data-lang="km"] .monitoring-svc-name {
  font-size: 0.82rem !important;
}

html[lang="km"] body.staff-concierge-app .composer-input,
html[lang="km"] body.staff-concierge-app .composer textarea,
html[lang="km"] body.staff-concierge-app .msg-input,
html[lang="km"] body.staff-concierge-app #message-input,
body.staff-concierge-app[data-lang="km"] .composer-input,
body.staff-concierge-app[data-lang="km"] .composer textarea,
body.staff-concierge-app[data-lang="km"] .msg-input,
body.staff-concierge-app[data-lang="km"] #message-input {
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

html[lang="km"] body.staff-concierge-app select,
html[lang="km"] body.staff-concierge-app .filter-select,
html[lang="km"] body.staff-concierge-app .col-toolbar select,
body.staff-concierge-app[data-lang="km"] select,
body.staff-concierge-app[data-lang="km"] .filter-select,
body.staff-concierge-app[data-lang="km"] .col-toolbar select {
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

html[lang="km"] body.staff-concierge-app .lang-toggle,
body.staff-concierge-app[data-lang="km"] .lang-toggle {
  font-size: 0.78rem !important;
  letter-spacing: 0 !important;
}

/* Long Dashboard rail label: allow 2-line wrap without stretching rail */
html[lang="km"] body.staff-concierge-app .concierge-rail-btn {
  height: auto !important;
  min-height: 48px !important;
}

@media (max-width: 900px) {
  html[lang="km"] body.staff-concierge-app,
  body.staff-concierge-app[data-lang="km"] {
    font-size: 92% !important;
  }

  html[lang="km"] body.staff-concierge-app .concierge-page-title,
  body.staff-concierge-app[data-lang="km"] .concierge-page-title {
    font-size: 1.02rem !important;
  }
}


/* ============================================================
   HEALTH 9.5 — desk identity, calm alerts, chart polish (2026-07-21)
   ============================================================ */

/* Period picker — green domain */
body.staff-concierge-app #view-monitoring .insights-period-btn:hover {
  color: var(--accent-monitoring) !important;
  border-color: rgba(27, 127, 90, 0.35) !important;
}

body.staff-concierge-app #view-monitoring .insights-period-btn.is-active {
  color: #145A40 !important;
  background: var(--accent-monitoring-lo) !important;
  border-color: rgba(27, 127, 90, 0.40) !important;
  box-shadow: 0 0 0 1px rgba(27, 127, 90, 0.12) !important;
}

body.staff-concierge-app #view-monitoring .insights-period-date:focus {
  border-color: rgba(27, 127, 90, 0.50) !important;
}

body.staff-concierge-app #view-monitoring .insights-period-apply {
  background: var(--accent-monitoring) !important;
  border-color: var(--accent-monitoring) !important;
  color: #fff !important;
}

/* Hero values stay slate (not loud green) */
body.staff-concierge-app #view-monitoring .insights-hero-kpi.emerald .insights-hero-value,
body.staff-concierge-app #view-monitoring .insights-hero-kpi.gold .insights-hero-value,
body.staff-concierge-app #view-monitoring .insights-hero-kpi.status-down .insights-hero-value {
  color: #0F172A !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-label {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  color: #64748B !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-kpi::before {
  height: 2px !important;
  opacity: 0.72 !important;
}

/* Loading pill */
body.staff-concierge-app #view-monitoring .monitoring-loading {
  margin: 0 0 14px !important;
  padding: 10px 14px !important;
  font-size: 0.8rem !important;
  color: #64748B !important;
  background: rgba(248, 250, 252, 0.95) !important;
  border: 1px solid rgba(16, 52, 141, 0.07) !important;
  border-radius: 10px !important;
}

/* Empty / load-fail */
body.staff-concierge-app #view-monitoring .monitoring-empty-state:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 48px 24px !important;
  text-align: center !important;
  min-height: 220px !important;
  margin-top: 8px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-empty-state:not([hidden])::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(27, 127, 90, 0.22) !important;
  background: linear-gradient(145deg, rgba(52, 168, 124, 0.14), rgba(16, 52, 141, 0.05)) !important;
  box-shadow: 0 4px 12px rgba(16, 52, 141, 0.06) !important;
}

/* Section labels */
body.staff-concierge-app #view-monitoring .insights-section-label {
  margin: 0 0 10px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-charts-section,
body.staff-concierge-app #view-monitoring .monitoring-alerts-desk {
  margin-top: 4px !important;
  margin-bottom: 14px !important;
}

/* Calm alerts desk surface */
body.staff-concierge-app #view-monitoring .monitoring-alerts-surface {
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(16, 52, 141, 0.08) !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(16, 52, 141, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-surface::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--accent-monitoring-bar) !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-surface.is-alert::before {
  background: linear-gradient(90deg, rgba(217, 119, 6, 0.85), rgba(180, 83, 9, 0.55)) !important;
  opacity: 0.75 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alert-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
  list-style: none !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alert-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(248, 250, 252, 0.92) !important;
  border: 1px solid rgba(16, 52, 141, 0.06) !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alert-item::before {
  content: '' !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 0.45em !important;
  border-radius: 50% !important;
  background: #D97706 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alert-item--critical::before {
  background: #DC2626 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
  padding: 4px 2px 2px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear[hidden] {
  display: none !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear .hijiffy-empty-lead {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  letter-spacing: -0.01em !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear .hijiffy-empty-sub {
  font-size: 0.76rem !important;
  color: #94A3B8 !important;
  line-height: 1.45 !important;
  max-width: 42ch !important;
}

/* Chart cards — match Performance typography */
body.staff-concierge-app #view-monitoring .monitoring-charts-grid {
  gap: 12px !important;
  margin-bottom: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card {
  padding: 14px 16px 16px !important;
  border-radius: 14px !important;
  border-color: rgba(16, 52, 141, 0.08) !important;
  box-shadow: 0 2px 10px rgba(16, 52, 141, 0.04) !important;
  background: #FFFFFF !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card::before {
  height: 2px !important;
  opacity: 0.65 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card h3 {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #0F172A !important;
  margin: 0 0 4px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .insights-card-hint {
  font-size: 0.74rem !important;
  color: #94A3B8 !important;
  margin: 0 0 12px !important;
  line-height: 1.4 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-donut-body {
  gap: 14px !important;
  align-items: center !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  width: 100% !important;
  gap: 8px !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list > span {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  letter-spacing: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list i {
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-donut-center strong {
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #0F172A !important;
}

/* Atmosphere wash */
body.staff-concierge-app #view-monitoring:not([hidden]) {
  background:
    radial-gradient(1100px 380px at 10% -8%, rgba(52, 168, 124, 0.07), transparent 55%),
    radial-gradient(900px 320px at 92% 0%, rgba(16, 52, 141, 0.04), transparent 50%),
    transparent !important;
}

/* KM: neutralize uppercase section labels */
html[lang="km"] body.staff-concierge-app #view-monitoring .insights-section-label,
body.staff-concierge-app[data-lang="km"] #view-monitoring .insights-section-label {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-size: 0.7rem !important;
}

html[lang="km"] body.staff-concierge-app #view-monitoring .monitoring-alert-item,
body.staff-concierge-app[data-lang="km"] #view-monitoring .monitoring-alert-item {
  font-size: 0.76rem !important;
  line-height: 1.45 !important;
}


/* ============================================================
   DASHBOARD KPI CENTER — last wins (grid, not flex)
   ============================================================ */
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card,
body.staff-concierge-app #view-home #home-metrics-row-1 button.home-kpi-card,
body.staff-concierge-app #view-home #home-metrics-row-1 article.home-kpi-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card > .home-kpi-metric-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  height: 100% !important;
  margin: 0 !important;
}


/* ============================================================
   HEALTH — scrollable panel, compact sections (2026-07-21)
   ============================================================ */
body.staff-concierge-app #view-monitoring:not([hidden]) {
  padding: 8px 16px 12px !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-monitoring .monitoring-panel {
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 18px 16px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-header {
  flex: 0 0 auto !important;
  margin-bottom: 12px !important;
  align-items: center !important;
}

body.staff-concierge-app #view-monitoring .insights-desk-sub,
body.staff-concierge-app #view-monitoring #monitoring-sub {
  margin: 0 !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}

body.staff-concierge-app #view-monitoring .insights-period-btn {
  padding: 5px 10px !important;
  font-size: 0.74rem !important;
  min-height: 30px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-metrics {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  gap: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hero-grid {
  flex: 0 0 auto !important;
  margin-bottom: 12px !important;
  gap: 10px !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-kpi {
  min-height: 78px !important;
  padding: 12px 14px !important;
  gap: 0 !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-kpi .insights-kpi-metric-body {
  flex: 1 1 auto !important;
  justify-content: center !important;
  gap: 3px !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-label {
  margin: 0 0 2px !important;
  font-size: 0.7rem !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-value,
body.staff-concierge-app #view-monitoring .insights-hero-value--status {
  font-size: 1.22rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body.staff-concierge-app #view-monitoring .insights-hero-note {
  margin: 0 !important;
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app #view-monitoring .insights-section-label {
  margin: 0 0 8px !important;
  font-size: 0.68rem !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-desk {
  flex: 0 0 auto !important;
  margin: 0 0 12px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-surface {
  padding: 12px 14px !important;
  border-radius: 12px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear {
  padding: 2px 0 !important;
  gap: 0.2rem !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear .hijiffy-empty-lead {
  font-size: 0.86rem !important;
}

body.staff-concierge-app #view-monitoring .monitoring-alerts-clear .hijiffy-empty-sub {
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-charts-section {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-charts-grid {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card h3 {
  margin: 0 0 2px !important;
  font-size: 0.84rem !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .insights-card-hint {
  margin: 0 0 10px !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-donut-body,
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-body {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: minmax(96px, 120px) minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  align-items: center !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut {
  width: 108px !important;
  height: 108px !important;
  justify-self: center !important;
}

body.staff-concierge-app #view-monitoring .monitoring-donut-center strong,
body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut strong {
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-channel-list {
  gap: 8px !important;
  font-size: 0.78rem !important;
  align-content: center !important;
}

body.staff-concierge-app #view-monitoring .monitoring-updated {
  flex: 0 0 auto !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: 0.68rem !important;
}

@media (max-height: 780px) {
  body.staff-concierge-app #view-monitoring .insights-hero-kpi {
    min-height: 68px !important;
    padding: 10px 12px !important;
  }

  body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-donut {
    width: 92px !important;
    height: 92px !important;
  }

  body.staff-concierge-app #view-monitoring .monitoring-donut-body,
  body.staff-concierge-app #view-monitoring .monitoring-chart-card .hijiffy-activity-body {
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }
}

/* ============================================================
   ARCHIVE — center empty states in left column + bottom breathing room
   ============================================================ */

body.staff-concierge-app #attention-panel .rooms-inbox-list:empty,
body.staff-concierge-app #staff-inbox-panel .staff-inbox-list:empty {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.staff-concierge-app #staff-inbox-panel .staff-inbox-list:not(:empty) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.staff-concierge-app .dash-body-archived-guests #attention-panel .rooms-inbox-empty-state:not([hidden]),
body.staff-concierge-app .dash-body-archived-staff #staff-inbox-panel .staff-inbox-empty-state:not([hidden]),
body.staff-concierge-app .dash-body-guest-chats #attention-panel .rooms-inbox-empty-state:not([hidden]),
body.staff-concierge-app .dash-body-staff-inbox #staff-inbox-panel .staff-inbox-empty-state:not([hidden]) {
  flex: 1 1 auto !important;
  justify-content: center !important;
  align-self: stretch !important;
  min-height: 0 !important;
  padding: 24px 18px 56px !important;
  margin: 0 !important;
}

body.staff-concierge-app .dash-body-archived-staff #staff-inbox-panel .staff-inbox-empty-state:not([hidden]) .hijiffy-empty-lead,
body.staff-concierge-app .dash-body-archived-guests #attention-panel .rooms-inbox-empty-main {
  max-width: 28ch !important;
  line-height: 1.45 !important;
}

/* ============================================================
   PERFORMANCE FIT — trend chart, viewport layout, bar narrative
   ============================================================ */

body.staff-concierge-app #view-insights:not([hidden]) {
  padding: 8px 16px 12px !important;
}

body.staff-concierge-app #view-insights .insights-panel {
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 18px 12px !important;
  overflow-y: auto !important;
  height: 100% !important;
  min-height: 0 !important;
}

body.staff-concierge-app #view-insights .insights-header {
  flex: 0 0 auto !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  align-items: center !important;
}

body.staff-concierge-app #view-insights .insights-desk-sub {
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}

body.staff-concierge-app #view-insights .insights-period-btn {
  padding: 5px 10px !important;
  font-size: 0.74rem !important;
  min-height: 30px !important;
}

body.staff-concierge-app #view-insights .insights-metrics {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  gap: 0 !important;
  overflow-y: auto !important;
}

body.staff-concierge-app #view-insights .insights-hero-grid {
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
  gap: 10px !important;
}

body.staff-concierge-app #view-insights .insights-hero-kpi {
  min-height: 78px !important;
  padding: 12px 14px !important;
}

body.staff-concierge-app #view-insights .insights-hero-value {
  font-size: 1.38rem !important;
}

body.staff-concierge-app #view-insights .insights-hero-note {
  font-size: 0.72rem !important;
  line-height: 1.3 !important;
}

body.staff-concierge-app #view-insights .insights-trend-charts-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
}

body.staff-concierge-app #view-insights .insights-trend-card {
  flex: none !important;
  margin-bottom: 0 !important;
  padding: 12px 14px 10px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.staff-concierge-app #view-insights .insights-trend-body {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.staff-concierge-app #view-insights .insights-trend-interactive {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 120px !important;
  flex: 1 1 auto !important;
}

body.staff-concierge-app #view-insights .insights-trend-svg {
  display: block !important;
  width: 100% !important;
  height: 120px !important;
  flex: 1 1 auto !important;
}

body.staff-concierge-app #view-insights .insights-trend-grid {
  stroke: rgba(16, 52, 141, 0.08) !important;
  stroke-width: 1 !important;
}

body.staff-concierge-app #view-insights .insights-trend-axis {
  fill: #94A3B8 !important;
}

body.staff-concierge-app #view-insights .insights-trend-bar--orders {
  fill: #00B8D4 !important;
}

body.staff-concierge-app #view-insights .insights-trend-bar--chats {
  fill: rgba(16, 52, 141, 0.42) !important;
}

body.staff-concierge-app #view-insights .insights-trend-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
  font-size: 0.72rem !important;
  color: #64748B !important;
}

body.staff-concierge-app #view-insights .insights-trend-legend-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.staff-concierge-app #view-insights .insights-trend-legend-item i {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 2px !important;
}

body.staff-concierge-app #view-insights .insights-trend-legend-item--orders i {
  background: #00B8D4 !important;
}

body.staff-concierge-app #view-insights .insights-trend-legend-item--chats i {
  background: rgba(16, 52, 141, 0.42) !important;
}

body.staff-concierge-app #view-insights .insights-trend-empty {
  margin: 0 !important;
  padding: 24px 12px !important;
  text-align: center !important;
  font-size: 0.82rem !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app #view-insights .insights-grid {
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
  gap: 10px !important;
  align-items: stretch !important;
}

body.staff-concierge-app #view-insights .insights-grid .insights-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 14px !important;
}

body.staff-concierge-app #view-insights .insights-grid .insights-bars {
  flex: 1 1 auto !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.staff-concierge-app #view-insights .insights-bar-row {
  grid-template-columns: minmax(72px, 28%) 1fr minmax(88px, auto) !important;
  align-items: start !important;
  gap: 8px !important;
}

body.staff-concierge-app #view-insights .insights-bar-value-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.staff-concierge-app #view-insights .insights-bar-trend-wrap .insights-kpi-trend-row,
body.staff-concierge-app #view-insights .insights-bar-trend-wrap .home-kpi-trend-row {
  justify-content: flex-end !important;
}

body.staff-concierge-app #view-insights .insights-bar-trend-wrap .home-kpi-trend-pill {
  padding: 1px 5px !important;
  font-size: 0.62rem !important;
}

body.staff-concierge-app #view-insights .insights-bar-trend-wrap .home-kpi-trend-text {
  font-size: 0.62rem !important;
}

body.staff-concierge-app #view-insights .insights-bar-prior {
  font-size: 0.66rem !important;
  line-height: 1.25 !important;
  color: #94A3B8 !important;
  white-space: nowrap !important;
}

body.staff-concierge-app #view-insights .insights-volume-section {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  padding: 12px 14px !important;
}

body.staff-concierge-app #view-insights .insights-volume-section .insights-secondary-grid {
  gap: 8px !important;
  margin-top: 0 !important;
}

body.staff-concierge-app #view-insights .insights-secondary-kpi {
  padding: 10px 12px !important;
  min-height: 72px !important;
}

body.staff-concierge-app #view-insights .insights-secondary-value {
  font-size: 1.08rem !important;
}

body.staff-concierge-app #view-insights .insights-updated {
  flex: 0 0 auto !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

@media (max-height: 780px) {
  body.staff-concierge-app #view-insights .insights-hero-kpi {
    min-height: 68px !important;
    padding: 10px 12px !important;
  }

  body.staff-concierge-app #view-insights .insights-trend-interactive,
  body.staff-concierge-app #view-insights .insights-trend-svg {
    min-height: 108px !important;
    height: 108px !important;
  }

  body.staff-concierge-app #view-insights .insights-secondary-kpi {
    min-height: 64px !important;
    padding: 8px 10px !important;
  }
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-insights .insights-trend-charts-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  body.staff-concierge-app #view-insights .insights-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   DASHBOARD ROW BALANCE — equal tall top + bottom (2026-07-21)
   ============================================================ */
body.staff-concierge-app #view-home .home-dashboard-grid--command {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) clamp(300px, 32vw, 400px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
}

body.staff-concierge-app #view-home .hijiffy-main,
body.staff-concierge-app #view-home .home-ops-column {
  display: flex !important;
  flex-direction: column !important;
  grid-template-rows: unset !important;
  grid-row: auto !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  gap: 12px !important;
  overflow: hidden !important;
}

body.staff-concierge-app #view-home .home-kpi-stack {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  overflow: hidden !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  grid-row: auto !important;
}

body.staff-concierge-app #view-home .home-kpi-strip--primary,
body.staff-concierge-app #view-home .command-kpi-strip {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  align-items: stretch !important;
  grid-row: auto !important;
}

body.staff-concierge-app #view-home .home-kpi-volume-block {
  flex: 0 0 auto !important;
}

body.staff-concierge-app #view-home #home-pending-approvals {
  flex: 1 1 0 !important;
  align-self: stretch !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  grid-row: auto !important;
}

body.staff-concierge-app #view-home .home-graphs-row {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  align-self: stretch !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  grid-row: auto !important;
}

body.staff-concierge-app #view-home .home-ops-column > .home-queue-panel,
body.staff-concierge-app #view-home #home-queue-panel {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  align-self: stretch !important;
  overflow: hidden !important;
  grid-row: auto !important;
}

body.staff-concierge-app #view-home .home-kpi-strip--primary .home-kpi-card {
  min-height: 0 !important;
  max-height: none !important;
  height: 100% !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card,
body.staff-concierge-app #view-home #home-metrics-row-1 button.home-kpi-card,
body.staff-concierge-app #view-home #home-metrics-row-1 article.home-kpi-card {
  min-height: 0 !important;
  height: 100% !important;
}

body.staff-concierge-app #view-home .home-graph-card,
body.staff-concierge-app #view-home .home-area-chart-card,
body.staff-concierge-app #view-home .home-orders-chart-card {
  min-height: 0 !important;
  height: 100% !important;
}

body.staff-concierge-app #view-home .home-area-chart-body,
body.staff-concierge-app #view-home .home-orders-chart-body,
body.staff-concierge-app #view-home .home-area-chart-interactive,
body.staff-concierge-app #view-home .home-orders-chart-interactive {
  min-height: 0 !important;
  flex: 1 1 auto !important;
}

body.staff-concierge-app #view-home .home-area-chart-interactive svg,
body.staff-concierge-app #view-home .home-orders-chart-interactive svg {
  max-height: 100% !important;
}

/* ============================================================
   HOME KPI LABELS — full words, wrap under icon (2026-07-21)
   ============================================================ */
body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card > .insights-hero-label,
body.staff-concierge-app #view-home .command-kpi-strip .insights-hero-label {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  padding-right: 34px !important;
  line-height: 1.25 !important;
  font-size: 0.76rem !important;
  min-height: 2em !important;
}

body.staff-concierge-app #view-home #home-metrics-row-1 .home-kpi-card > .home-hero-kpi-icon {
  top: 10px !important;
  right: 10px !important;
  width: 24px !important;
  height: 24px !important;
}

/* ============================================================
   HEALTH UPTIME — timeline bar chart in viewport (2026-07-21)
   ============================================================ */
body.staff-concierge-app #view-monitoring .monitoring-uptime-section {
  flex: 0 0 auto !important;
  margin: 0 0 12px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hourly-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 14px 10px !important;
  min-height: 0 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hourly-card h3 {
  margin: 0 0 2px !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hourly-card .insights-card-hint {
  margin: 0 0 10px !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hourly {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  min-height: 118px !important;
  height: 118px !important;
  max-height: none !important;
  padding: 8px 8px 4px !important;
  overflow: visible !important;
  border-radius: 10px !important;
  border: 1px solid rgba(16, 52, 141, 0.07) !important;
  background:
    repeating-linear-gradient(to bottom, rgba(16, 52, 141, 0.05) 0 1px, transparent 1px 24px),
    linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.85)) !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hour-col {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hour-bar {
  width: 100% !important;
  max-width: 12px !important;
  min-height: 4px !important;
  border-radius: 3px 3px 0 0 !important;
  background: linear-gradient(180deg, rgba(52, 168, 124, 0.95), rgba(27, 127, 90, 0.78)) !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hour-bar.is-healthy {
  background: linear-gradient(180deg, rgba(52, 168, 124, 0.95), rgba(27, 127, 90, 0.78)) !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hour-bar.is-degraded {
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.92), rgba(217, 119, 6, 0.78)) !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hour-bar.is-down,
body.staff-concierge-app #view-monitoring .monitoring-hour-bar.empty {
  background: rgba(148, 163, 184, 0.28) !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hour-label {
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
  line-height: 1.1 !important;
  min-height: 1.1em !important;
  text-align: center !important;
}

body.staff-concierge-app #view-monitoring .monitoring-hourly-empty {
  margin: 0 !important;
  padding: 24px 12px !important;
  text-align: center !important;
  font-size: 0.8rem !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app #view-monitoring .monitoring-charts-section {
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

/* ============================================================
   PROD 8.0 — Home live tags, chart empty, Archive subnav parity (2026-07-22)
   ============================================================ */
body.staff-concierge-app #view-home .home-kpi-live-tag {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #0F766E !important;
  background: rgba(15, 118, 110, 0.1) !important;
  vertical-align: middle !important;
}

body.staff-concierge-app #view-home .home-graph-empty {
  margin: auto !important;
  padding: 24px 12px !important;
  text-align: center !important;
  font-size: 0.84rem !important;
  color: #94A3B8 !important;
}

body.staff-concierge-app #view-home .home-graph-loading {
  margin: auto !important;
  padding: 24px 12px !important;
  text-align: center !important;
  font-size: 0.84rem !important;
  color: #64748B !important;
}

body.staff-concierge-app #archive-subnav:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 0 10px !important;
}

body.staff-concierge-app #archive-subnav[hidden] {
  display: none !important;
}

body.staff-concierge-app #archive-subnav .workspace-subnav-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.staff-concierge-app #archive-subnav .workspace-subnav-hint {
  margin: 0 !important;
  font-size: 0.74rem !important;
  line-height: 1.4 !important;
  color: #64748B !important;
}

body.staff-concierge-app .completed-panel .orders-queue-empty-state:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 24px 18px 56px !important;
  text-align: center !important;
}

body.staff-concierge-app .completed-panel .orders-queue-empty-state .hijiffy-empty-lead {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #0F172A !important;
}

body.staff-concierge-app .completed-panel .orders-queue-empty-state .hijiffy-empty-sub {
  font-size: 0.78rem !important;
  color: #94A3B8 !important;
  max-width: 32ch !important;
  line-height: 1.45 !important;
}

/* ============================================================
   GUEST MESSAGES — Messenger-style room bubbles + chat list
   ============================================================ */

body.staff-concierge-app #attention-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

body.staff-concierge-app .guest-room-bubbles {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 10px 14px 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  border-bottom: 1px solid var(--ac-border) !important;
  flex-shrink: 0 !important;
  background: var(--ac-bg-card) !important;
}

body.staff-concierge-app .guest-room-bubbles[hidden] {
  display: none !important;
}

body.staff-concierge-app .guest-room-bubble {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  width: 68px !important;
  min-width: 68px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  color: var(--ac-text) !important;
  font: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.staff-concierge-app .guest-room-bubble-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;
  background: var(--hijiffy-avatar-bg) !important;
  color: #fff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 0 0 3px var(--ac-bg-card), 0 0 0 5px rgba(16, 52, 141, 0.14) !important;
  transition: box-shadow 0.15s ease, transform 0.15s ease !important;
}

body.staff-concierge-app .guest-room-bubble.is-live .guest-room-bubble-avatar,
body.staff-concierge-app .guest-room-bubble.has-unread .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg-card), 0 0 0 5px #00B8D4 !important;
}

body.staff-concierge-app .guest-room-bubble.is-active .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg-card), 0 0 0 5px #10348D !important;
  transform: scale(1.04) !important;
}

body.staff-concierge-app .guest-room-bubble:hover .guest-room-bubble-avatar {
  transform: scale(1.03) !important;
}

body.staff-concierge-app .guest-room-bubble-label {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--ac-text-muted) !important;
  text-align: center !important;
}

body.staff-concierge-app .guest-room-bubble.is-active .guest-room-bubble-label {
  color: var(--ac-text) !important;
}

body.staff-concierge-app .guest-room-bubble-unread,
body.staff-concierge-app .guest-room-bubble-live {
  position: absolute !important;
  top: 38px !important;
  right: 6px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  border: 2px solid var(--ac-bg-card) !important;
  pointer-events: none !important;
}

body.staff-concierge-app .guest-room-bubble-unread {
  background: #00B8D4 !important;
}

body.staff-concierge-app .guest-room-bubble-live {
  background: #22C55E !important;
}

/* Pre-arrival guests (no room yet) — initials + soft blue bubble */
body.staff-concierge-app .guest-room-bubble.is-prearrival-guest .guest-room-bubble-avatar {
  background: var(--hijiffy-avatar-prearrival-bg, linear-gradient(135deg, #10348D 0%, #5B8DEF 100%)) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 0 0 3px var(--ac-bg-card), 0 0 0 5px rgba(91, 141, 239, 0.28) !important;
}

body.staff-concierge-app .guest-room-bubble.is-prearrival-guest.is-active .guest-room-bubble-avatar,
body.staff-concierge-app .guest-room-bubble.is-prearrival-guest.has-unread .guest-room-bubble-avatar,
body.staff-concierge-app .guest-room-bubble.is-prearrival-guest.is-live .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg-card), 0 0 0 5px rgba(91, 141, 239, 0.52) !important;
}

body.staff-concierge-app .hijiffy-avatar.is-prearrival-guest,
body.staff-concierge-app .order-queue-avatar.is-prearrival-guest,
body.staff-concierge-app .inbox-queue-avatar.is-prearrival-guest {
  background: var(--hijiffy-avatar-prearrival-bg, linear-gradient(135deg, #10348D 0%, #5B8DEF 100%)) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.05em !important;
}

/* Chat list — Messenger row rhythm */
body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap .room-inbox-item.messenger-chat-row {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  min-height: 72px !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .hijiffy-avatar.inbox-queue-avatar {
  width: 48px !important;
  height: 48px !important;
  font-size: 0.78rem !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-item-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-item-room {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--ac-text) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-item-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-item-time {
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  color: var(--ac-text-dim) !important;
  white-space: nowrap !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-item-body {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-item-preview {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.82rem !important;
  color: var(--ac-text-muted) !important;
}

body.staff-concierge-app .rooms-inbox-list .messenger-chat-row .inbox-unread-dot {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #00B8D4 !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap.chat-glow .messenger-chat-row .inbox-item-room {
  font-weight: 800 !important;
}

body.staff-concierge-app .rooms-inbox-list .room-inbox-wrap.chat-glow .messenger-chat-row .inbox-item-preview {
  color: var(--ac-text) !important;
  font-weight: 600 !important;
}

body.staff-concierge-app.dark-mode .guest-room-bubble-avatar,
body.staff-concierge-app.dark-mode .guest-room-bubble-unread,
body.staff-concierge-app.dark-mode .guest-room-bubble-live {
  border-color: var(--ac-bg-card) !important;
}

body.staff-concierge-app.dark-mode .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg-card), 0 0 0 5px rgba(255, 255, 255, 0.12) !important;
}

/* ============================================================
   GUEST MESSAGES — unbox panels (Messenger flat chrome)
   ============================================================ */

body.staff-concierge-app[data-rail-view="guest-inbox"] #attention-panel.rooms-panel,
body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel.thread-panel,
body.staff-concierge-app.dash-body-guest-chats #attention-panel.rooms-panel,
body.staff-concierge-app.dash-body-guest-chats #thread-panel.thread-panel {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #attention-panel.rooms-panel::before,
body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel.thread-panel::before,
body.staff-concierge-app.dash-body-guest-chats #attention-panel.rooms-panel::before,
body.staff-concierge-app.dash-body-guest-chats #thread-panel.thread-panel::before {
  content: none !important;
  display: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .dash-body-guest-chats .dash-col:first-child,
body.staff-concierge-app.dash-body-guest-chats .dash-col:first-child,
body.staff-concierge-app[data-rail-view="guest-inbox"] #attention-panel.rooms-panel {
  background: transparent !important;
  border-right: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel.thread-panel {
  background: transparent !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubbles {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg, #fff), 0 0 0 5px rgba(16, 52, 141, 0.12) !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubble.is-live .guest-room-bubble-avatar,
body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubble.has-unread .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg, #fff), 0 0 0 5px #00B8D4 !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubble.is-active .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px var(--ac-bg, #fff), 0 0 0 5px #10348D !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubble-unread,
body.staff-concierge-app[data-rail-view="guest-inbox"] .guest-room-bubble-live {
  border-color: var(--ac-bg, #fff) !important;
}

/* Chat rows — no mini-cards, just list lines */
body.staff-concierge-app[data-rail-view="guest-inbox"] .rooms-inbox-list .room-inbox-wrap {
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .rooms-inbox-list .room-inbox-wrap:hover:not(.active),
body.staff-concierge-app[data-rail-view="guest-inbox"] .rooms-inbox-list .room-inbox-wrap.active {
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom-color: rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .rooms-inbox-list .room-inbox-wrap.active {
  background: rgba(0, 184, 212, 0.08) !important;
  box-shadow: inset 3px 0 0 #00B8D4 !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel .thread-panel-toolbar,
body.staff-concierge-app[data-rail-view="guest-inbox"] #attention-panel .col-toolbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel .thread-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel .thread-compose {
  background: transparent !important;
  border-top: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel .thread-compose input {
  border: none !important;
  background: rgba(16, 52, 141, 0.05) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #thread-panel .thread-compose input:focus {
  background: rgba(16, 52, 141, 0.07) !important;
  box-shadow: none !important;
  border: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .rooms-inbox-empty-state:not([hidden]) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .rooms-inbox-empty-state:not([hidden])::before {
  display: none !important;
}

/* Merge list + thread into one flat Messenger surface (no card gap) */
body.staff-concierge-app[data-rail-view="guest-inbox"] #view-workspace .dash-body.dash-body-guest-chats {
  gap: 0 !important;
  background: #FFFFFF !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .concierge-main-wrap,
body.staff-concierge-app[data-rail-view="guest-inbox"] .dashboard {
  background: #FFFFFF !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #view-workspace {
  background: #FFFFFF !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .workspace-subnav {
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .workspace-subnav-btn {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] .workspace-subnav-btn.is-active {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 2px solid #00B8D4 !important;
}

body.staff-concierge-app[data-rail-view="guest-inbox"] #view-workspace:not([hidden]) {
  padding: 0 !important;
  background: #FFFFFF !important;
}

/* ============================================================
   GUEST MESSAGES unbox — correct scope (.dash-body-guest-chats)
   data-rail-view is "inbox"; guest mode uses dash-body-guest-chats
   ============================================================ */

body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) #view-workspace:not([hidden]) {
  padding: 0 !important;
  background: #FFFFFF !important;
}

body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) .concierge-main-wrap,
body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) .dashboard,
body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) #view-workspace {
  background: #FFFFFF !important;
}

body.staff-concierge-app #view-workspace .dash-body.dash-body-guest-chats {
  gap: 0 !important;
  background: #FFFFFF !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) .workspace-subnav {
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  padding: 8px 16px 0 !important;
}

body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) .workspace-subnav-btn {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.staff-concierge-app[data-rail-view="inbox"]:has(.dash-body-guest-chats) .workspace-subnav-btn.is-active {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 2px solid #00B8D4 !important;
}

body.staff-concierge-app .dash-body-guest-chats #attention-panel.rooms-panel,
body.staff-concierge-app .dash-body-guest-chats #thread-panel.thread-panel {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.staff-concierge-app .dash-body-guest-chats #attention-panel.rooms-panel::before,
body.staff-concierge-app .dash-body-guest-chats #thread-panel.thread-panel::before {
  content: none !important;
  display: none !important;
}

body.staff-concierge-app .dash-body-guest-chats #attention-panel.rooms-panel,
body.staff-concierge-app .dash-body-guest-chats .dash-col:first-child {
  background: transparent !important;
  border-right: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .dash-body-guest-chats .guest-room-bubbles {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
}

body.staff-concierge-app .dash-body-guest-chats .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px rgba(16, 52, 141, 0.12) !important;
}

body.staff-concierge-app .dash-body-guest-chats .guest-room-bubble.is-live .guest-room-bubble-avatar,
body.staff-concierge-app .dash-body-guest-chats .guest-room-bubble.has-unread .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #00B8D4 !important;
}

body.staff-concierge-app .dash-body-guest-chats .guest-room-bubble.is-active .guest-room-bubble-avatar {
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #10348D !important;
}

body.staff-concierge-app .dash-body-guest-chats .guest-room-bubble-unread,
body.staff-concierge-app .dash-body-guest-chats .guest-room-bubble-live {
  border-color: #FFFFFF !important;
}

body.staff-concierge-app .dash-body-guest-chats .rooms-inbox-list .room-inbox-wrap {
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app .dash-body-guest-chats .rooms-inbox-list .room-inbox-wrap:hover:not(.active),
body.staff-concierge-app .dash-body-guest-chats .rooms-inbox-list .room-inbox-wrap.active {
  border-radius: 0 !important;
  border-bottom-color: rgba(16, 52, 141, 0.06) !important;
}

body.staff-concierge-app .dash-body-guest-chats .rooms-inbox-list .room-inbox-wrap.active {
  background: rgba(0, 184, 212, 0.08) !important;
  box-shadow: inset 3px 0 0 #00B8D4 !important;
}

body.staff-concierge-app .dash-body-guest-chats #thread-panel .thread-panel-toolbar,
body.staff-concierge-app .dash-body-guest-chats #attention-panel .col-toolbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: none !important;
}

body.staff-concierge-app .dash-body-guest-chats #thread-panel .thread-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: none !important;
}

body.staff-concierge-app .dash-body-guest-chats #thread-panel .thread-compose {
  background: transparent !important;
  border-top: 1px solid rgba(16, 52, 141, 0.08) !important;
  box-shadow: none !important;
}

body.staff-concierge-app .dash-body-guest-chats #thread-panel .thread-compose input {
  border: none !important;
  background: rgba(16, 52, 141, 0.05) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

body.staff-concierge-app .dash-body-guest-chats #thread-panel .thread-compose input:focus {
  background: rgba(16, 52, 141, 0.07) !important;
  box-shadow: none !important;
  border: none !important;
}

body.staff-concierge-app .dash-body-guest-chats .rooms-inbox-empty-state:not([hidden]) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.staff-concierge-app .dash-body-guest-chats .rooms-inbox-empty-state:not([hidden])::before {
  display: none !important;
}

/* ============================================================
   GUEST MESSAGES — Messenger stack (list OR full chat screen)
   ============================================================ */

body.staff-concierge-app #view-workspace .dash-body.dash-body-guest-chats {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.staff-concierge-app .dash-body-guest-chats:not(.is-chat-open) #attention-panel.rooms-panel:not([hidden]) {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

body.staff-concierge-app .dash-body-guest-chats:not(.is-chat-open) #thread-panel {
  display: none !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open #attention-panel {
  display: none !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open #thread-panel.thread-panel:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  height: 100% !important;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open #thread-panel::before {
  display: none !important;
}

body.staff-concierge-app .dash-body-guest-chats .thread-panel-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  background: #FFFFFF !important;
}

body.staff-concierge-app .dash-body-guest-chats .thread-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 6px 10px 6px 4px !important;
  border: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #0E7490 !important;
  font: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

body.staff-concierge-app .dash-body-guest-chats .thread-back-btn[hidden] {
  display: none !important;
}

body.staff-concierge-app .dash-body-guest-chats .thread-back-btn:hover {
  background: rgba(0, 184, 212, 0.10) !important;
}

body.staff-concierge-app .dash-body-guest-chats .thread-back-icon {
  font-size: 1.1rem !important;
  line-height: 1 !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open #thread-panel-title {
  display: none !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open .thread-header {
  border-bottom: 1px solid rgba(16, 52, 141, 0.08) !important;
  background: transparent !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open .thread-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.staff-concierge-app .dash-body-guest-chats.is-chat-open .thread-active:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

/* Guests desk — force pending rows visible (badge was 5 while list looked empty) */
body.staff-concierge-app #view-guests #guests-pending-list,
body.staff-concierge-app #view-guests #guests-active-list {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 220px !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 8px !important;
}
body.staff-concierge-app #view-guests #guests-pending-empty[hidden],
body.staff-concierge-app #view-guests #guests-active-empty[hidden] {
  display: none !important;
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.staff-concierge-app #view-guests #guests-pending-list .home-pending-row,
body.staff-concierge-app #view-guests #guests-pending-list .guests-desk-row,
body.staff-concierge-app #view-guests #guests-active-list .guests-active-row,
body.staff-concierge-app #view-guests #guests-active-list .guests-desk-row {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 64px !important;
  height: auto !important;
  /* Use theme token — hard #0F172A was invisible on neon/dark rows */
  color: var(--ac-text) !important;
  background: transparent !important;
}
body.staff-concierge-app #view-guests #guests-pending-list .home-pending-row[hidden],
body.staff-concierge-app #view-guests #guests-active-list .guests-active-row[hidden] {
  display: none !important;
}
body.staff-concierge-app #view-guests .guests-panel {
  overflow: hidden !important;
  min-height: 280px !important;
}

/* Approve must stay clickable above panel chrome / empty overlays */
body.staff-concierge-app #guests-pending-list,
body.staff-concierge-app #home-pending-list,
body.staff-concierge-app .guests-approve-row,
body.staff-concierge-app .home-pending-approve,
body.staff-concierge-app [data-pending-approve] {
  pointer-events: auto !important;
}
body.staff-concierge-app .home-pending-approve,
body.staff-concierge-app [data-pending-approve] {
  position: relative !important;
  z-index: 6 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.staff-concierge-app #guests-pending-empty[hidden],
body.staff-concierge-app #home-pending-empty[hidden] {
  display: none !important;
  pointer-events: none !important;
}


body.staff-concierge-app .order-staff-note-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 12px;
  width: 100%;
}
body.staff-concierge-app .order-staff-note-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body.staff-concierge-app .order-staff-note-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ac-text-dim, #64748b);
}
body.staff-concierge-app .order-staff-note-save {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ac-accent-gold, #0e7490);
  cursor: pointer;
}
body.staff-concierge-app .order-staff-note-save:hover {
  text-decoration: underline;
}
body.staff-concierge-app .order-staff-note-input {
  width: 100%;
  min-height: 64px;
  resize: vertical;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid var(--ac-border, rgba(0,0,0,0.12));
  background: var(--ac-bg-elevated, #fff);
  color: var(--ac-text, #0f172a);
  padding: 10px 12px;
  font: inherit;
  font-size: 0.88rem;
  line-height: 1.4;
}
body.staff-concierge-app .order-staff-note--saved {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--ac-border, rgba(0,0,0,0.1));
  background: var(--ac-bg-card, #f8fafc);
}
body.staff-concierge-app .order-staff-note-text {
  margin: 4px 0 0;
  font-size: 0.9rem;
  line-height: 1.4;
  white-space: pre-wrap;
}