/* Franchise (shoppe) panel + franchise login theme — "Masala Green": forest green, teal actions, saffron highlights.
   Loaded after kc.css; applies to <body class="theme-shoppe">. */
.theme-shoppe {
  --kc-navy: #0B3D2E;
  --kc-navy-2: #105640;
  --kc-navy-3: #136B4F;
  --kc-blue: #0F766E;
  --kc-blue-dark: #115E59;
  --kc-blue-rgb: 15, 118, 110;
  --kc-focus: rgba(15, 118, 110, .16);
  --kc-light: #F3F7F4;
  --kc-border: #E1EAE4;
  --kc-shadow: 0 4px 18px rgba(11, 61, 46, .08);
  --kc-side-bg: linear-gradient(180deg, #0B3D2E 0%, #0D4535 60%, #105640 100%);
  --kc-side-text: #D7EDE3;
  --kc-side-muted: #86B8A4;
  --kc-nav-active: linear-gradient(90deg, #C2410C, #DD5A12);
  --kc-portal-bg: linear-gradient(150deg, #072A20 0%, #0B3D2E 45%, #136B4F 100%);
  --kc-portal-accent: #F59E0B;
  --kc-portal-glow: rgba(245, 158, 11, .28);
}

/* Panel chrome */
.theme-shoppe .kc-brand { border-bottom-color: rgba(255, 255, 255, .1); }
.theme-shoppe .kc-role-chip { color: #FCD34D; }
.theme-shoppe .kc-nav a.active { box-shadow: 0 6px 16px rgba(194, 65, 12, .3); }
.theme-shoppe .kc-nav a:hover { background: rgba(134, 239, 172, .1); }
.theme-shoppe .kc-topbar::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, #C2410C, #F59E0B, var(--kc-blue)); }
.theme-shoppe .kc-topbar .user img { border-color: #F59E0B; }
.theme-shoppe .kc-table thead th { background: #EAF3EE; }
.theme-shoppe .pill-info, .theme-shoppe .pill-confirmed, .theme-shoppe .pill-out_for_delivery { background: #F0FDFA; }