:root {
  --bg: #f7f7f5;
  --bg-deep: #ece9e4;
  --surface: rgba(255, 255, 255, 0.94);
  --surface-alt: rgba(243, 244, 246, 0.96);
  --surface-strong: rgba(255, 255, 255, 0.98);
  --line: rgba(168, 162, 158, 0.24);
  --line-strong: rgba(107, 114, 128, 0.3);
  --text: #1f2937;
  --muted: #57534e;
  --accent: #111827;
  --accent-dark: #030712;
  --accent-soft: rgba(17, 24, 39, 0.06);
  --success: #15803d;
  --danger: #dc2626;
  --shadow: 0 22px 54px rgba(17, 24, 39, 0.08);
}

body.carwash-shell {
  color: var(--text);
  background: transparent;
}

body.carwash-shell.auth-page,
body.carwash-shell.dashboard-page {
  background: transparent;
}

body.carwash-shell .navbar {
  box-shadow: none;
}

body.carwash-shell .auth-hero,
body.carwash-shell .auth-panel,
body.carwash-shell .sidebar,
body.carwash-shell .panel-card,
body.carwash-shell .stat-card {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: var(--shadow);
}

body.carwash-shell .auth-hero,
body.carwash-shell .auth-panel,
body.carwash-shell .sidebar,
body.carwash-shell .panel-card,
body.carwash-shell .stat-card,
body.carwash-shell .visit-row,
body.carwash-shell .location-card,
body.carwash-shell .customer-card,
body.carwash-shell .detail-block,
body.carwash-shell .report-row,
body.carwash-shell .summary-item,
body.carwash-shell .quick-service-button,
body.carwash-shell .empty-state {
  backdrop-filter: none;
}

body.carwash-shell .hero-card {
  background: linear-gradient(135deg, rgba(17, 24, 39, 0.03), rgba(255, 255, 255, 0.96));
  border-color: rgba(168, 162, 158, 0.24);
}

body.carwash-shell .hero-kicker,
body.carwash-shell .panel-badge,
body.carwash-shell .header-chip,
body.carwash-shell .status-pill,
body.carwash-shell .mini-chip {
  color: var(--accent);
}

body.carwash-shell .panel-badge,
body.carwash-shell .header-chip,
body.carwash-shell .status-pill,
body.carwash-shell .mini-chip {
  background: rgba(17, 24, 39, 0.06);
  border-color: rgba(17, 24, 39, 0.08);
}

body.carwash-shell .sidebar {
  background: rgba(255, 255, 255, 0.98);
}

body.carwash-shell .sidebar-nav a,
body.carwash-shell .switch-chip,
body.carwash-shell .quick-service-button,
body.carwash-shell .summary-item,
body.carwash-shell .visit-row,
body.carwash-shell .location-card,
body.carwash-shell .customer-card,
body.carwash-shell .report-row,
body.carwash-shell .detail-block,
body.carwash-shell .empty-state {
  background: #fff;
  color: var(--text);
  border-color: var(--line);
}

body.carwash-shell .sidebar-nav a:hover,
body.carwash-shell .sidebar-nav a.is-active,
body.carwash-shell .switch-chip:hover,
body.carwash-shell .switch-chip.is-active,
body.carwash-shell .quick-service-button:hover,
body.carwash-shell .quick-service-button.is-active {
  color: #fff;
}

body.carwash-shell .sidebar-nav a:hover,
body.carwash-shell .sidebar-nav a.is-active {
  background: var(--accent);
  border-color: var(--accent);
}

body.carwash-shell .switch-chip {
  color: var(--ca-text-soft, var(--muted));
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
}

body.carwash-shell .switch-chip:hover,
body.carwash-shell .switch-chip.is-active,
body.carwash-shell .primary-button,
body.carwash-shell .scroll-top-button {
  background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 100%);
  border-color: transparent;
}

body.carwash-shell .primary-button {
  box-shadow: 0 14px 28px rgba(17, 24, 39, 0.16);
}

body.carwash-shell .ghost-button {
  background: rgba(255, 255, 255, 0.94);
  color: var(--ca-heading, var(--text));
  border: 1px solid rgba(168, 162, 158, 0.34);
}

body.carwash-shell .ghost-button:hover,
body.carwash-shell .ghost-button:focus {
  background: #f5f5f4;
  border-color: rgba(107, 114, 128, 0.42);
  color: var(--accent);
}

body.carwash-shell .stack-form input,
body.carwash-shell .stack-form textarea,
body.carwash-shell .stack-form select,
body.carwash-shell .toolbar-row input,
body.carwash-shell .select-inline {
  background: #fff;
  color: var(--text);
  border-color: rgba(168, 162, 158, 0.4);
}

body.carwash-shell .stack-form input::placeholder,
body.carwash-shell .stack-form textarea::placeholder,
body.carwash-shell .toolbar-row input::placeholder {
  color: #78716c;
}

body.carwash-shell .stack-form input:focus,
body.carwash-shell .stack-form textarea:focus,
body.carwash-shell .stack-form select:focus,
body.carwash-shell .toolbar-row input:focus,
body.carwash-shell .select-inline:focus {
  outline: 2px solid rgba(17, 24, 39, 0.08);
  border-color: rgba(17, 24, 39, 0.36);
  box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.06);
}

body.carwash-shell .visit-meta,
body.carwash-shell .location-meta,
body.carwash-shell .hero-copy,
body.carwash-shell .panel-head p,
body.carwash-shell .muted-line,
body.carwash-shell .summary-item span,
body.carwash-shell .quick-service-button span,
body.carwash-shell .quick-service-button small {
  color: var(--muted);
}

body.carwash-shell .link-button {
  color: var(--accent);
}

body.carwash-shell .report-row strong:last-child,
body.carwash-shell .stat-card strong,
body.carwash-shell .summary-item strong {
  color: var(--ca-heading, var(--text));
}

body.carwash-shell .scroll-top-button {
  box-shadow: 0 18px 36px rgba(17, 24, 39, 0.16);
}

body.dashboard-page footer .footer-logos {
  display: none !important;
}