.restaurant-industry{--restaurant-accent:var(--primary);--restaurant-soft:color-mix(in oklch, var(--primary), var(--background) 93%);--restaurant-glow:color-mix(in oklch, var(--primary), transparent 84%);--restaurant-highlight:color-mix(in oklch, var(--primary), var(--foreground) 22%);--restaurant-kitchen:color-mix(in oklch, var(--primary), #a77f19 35%);--restaurant-foh:var(--primary);--restaurant-bar:color-mix(in oklch, var(--primary), #017e9a 40%);--restaurant-ticket:var(--card);--restaurant-warm:var(--restaurant-accent);--restaurant-warm-soft:var(--restaurant-soft);--restaurant-warm-glow:var(--restaurant-glow);--restaurant-copper:var(--restaurant-highlight)}@supports (color:lab(0% 0 0)){.restaurant-industry{--restaurant-kitchen:color-mix(in oklch, var(--primary), lab(56.0652% 9.19867 55.9083) 35%);--restaurant-bar:color-mix(in oklch, var(--primary), lab(48.2902% -22.659 -23.5268) 40%)}}.dark .restaurant-industry{--restaurant-soft:color-mix(in oklch, var(--primary), var(--background) 90%);--restaurant-glow:color-mix(in oklch, var(--primary), transparent 78%);--restaurant-highlight:color-mix(in oklch, var(--primary), var(--foreground) 6%);--restaurant-kitchen:color-mix(in oklch, var(--primary), #c1a057 28%);--restaurant-foh:var(--primary);--restaurant-bar:color-mix(in oklch, var(--primary), #5ba4ba 38%);--restaurant-ticket:var(--card)}@supports (color:lab(0% 0 0)){.dark .restaurant-industry{--restaurant-kitchen:color-mix(in oklch, var(--primary), lab(67.7189% 6.35219 42.3242) 28%);--restaurant-bar:color-mix(in oklch, var(--primary), lab(63.3103% -19.0719 -19.0831) 38%)}}@layer utilities{.restaurant-hero-atmosphere{background-size:48px 48px;background-image:linear-gradient(to right, color-mix(in oklch, var(--restaurant-warm), transparent 92%) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--restaurant-warm), transparent 92%) 1px, transparent 1px)}.restaurant-hero-glow{background:radial-gradient(ellipse 70% 55% at 8% 20%, var(--restaurant-warm-glow), transparent 58%), radial-gradient(ellipse 50% 40% at 92% 8%, color-mix(in oklch, var(--primary), transparent 88%), transparent 52%), radial-gradient(ellipse 80% 50% at 50% 110%, color-mix(in oklch, var(--primary), transparent 92%), transparent 55%)}.restaurant-headline-warm{background:linear-gradient(105deg, var(--foreground) 0%, color-mix(in oklch, var(--primary), var(--foreground) 28%) 42%, var(--foreground) 88%);color:#0000;-webkit-background-clip:text;background-clip:text}.restaurant-ticket-frame{border:1px solid color-mix(in oklch, var(--restaurant-warm), var(--border) 55%);background:linear-gradient(165deg, color-mix(in oklch, var(--restaurant-ticket), var(--card) 40%) 0%, var(--card) 38%, color-mix(in oklch, var(--card), var(--background) 20%) 100%);box-shadow:0 0 0 1px color-mix(in oklch, var(--border), transparent 20%), 0 28px 64px -36px color-mix(in oklch, var(--restaurant-warm), transparent 78%), 0 18px 48px -28px color-mix(in oklch, var(--foreground), transparent 88%)}.dark .restaurant-ticket-frame{box-shadow:0 0 0 1px color-mix(in oklch, var(--restaurant-warm), transparent 55%), 0 32px 70px -34px color-mix(in oklch, var(--restaurant-warm), transparent 82%), 0 20px 50px -30px #00000073}.restaurant-ticket-perforation{background-image:radial-gradient(circle at 0 50%, transparent 0, transparent 3px, color-mix(in oklch, var(--restaurant-warm), transparent 35%) 3px, color-mix(in oklch, var(--restaurant-warm), transparent 35%) 4px, transparent 4px);background-repeat:repeat-y;background-size:8px 12px}.restaurant-card-surface{border:1px solid color-mix(in oklch, var(--restaurant-warm), var(--border) 72%);background:linear-gradient(155deg, color-mix(in oklch, var(--card), var(--restaurant-warm-soft) 22%) 0%, var(--card) 55%);box-shadow:0 0 0 1px color-mix(in oklch, var(--border), transparent 15%), 0 16px 40px -32px color-mix(in oklch, var(--restaurant-warm), transparent 82%)}.dark .restaurant-card-surface{box-shadow:0 0 0 1px color-mix(in oklch, var(--restaurant-warm), transparent 42%), 0 20px 48px -30px #0000006b}.restaurant-section-warm{background:radial-gradient(ellipse 80% 45% at 100% 0%, color-mix(in oklch, var(--primary), transparent 94%), transparent 58%), linear-gradient(180deg, color-mix(in oklch, var(--primary), transparent 96%) 0%, transparent 32%)}.restaurant-muted-band{background:linear-gradient(180deg, color-mix(in oklch, var(--muted), transparent 42%) 0%, color-mix(in oklch, var(--primary), transparent 96%) 100%)}.dark .restaurant-muted-band{background:linear-gradient(180deg, color-mix(in oklch, var(--muted), transparent 55%) 0%, color-mix(in oklch, var(--primary), transparent 97%) 100%)}.restaurant-zone-kitchen{--zone-accent:var(--restaurant-kitchen)}.restaurant-zone-foh{--zone-accent:var(--restaurant-foh)}.restaurant-zone-bar{--zone-accent:var(--restaurant-bar)}.restaurant-zone-stripe:before{content:"";background:var(--primary);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.restaurant-zone-stripe.restaurant-zone-kitchen:before{background:var(--restaurant-kitchen)}.restaurant-zone-stripe.restaurant-zone-foh:before{background:var(--restaurant-foh)}.restaurant-zone-stripe.restaurant-zone-bar:before{background:var(--restaurant-bar)}.restaurant-grain{opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}.dark .restaurant-grain{opacity:.22}.restaurant-preview-shell{border:1px solid color-mix(in oklch, var(--restaurant-warm), var(--border) 58%);background:linear-gradient(180deg, color-mix(in oklch, var(--card), var(--restaurant-warm-soft) 18%) 0%, var(--card) 100%);box-shadow:0 0 0 1px color-mix(in oklch, var(--border), transparent 18%), 0 24px 56px -34px color-mix(in oklch, var(--restaurant-warm), transparent 80%), 0 16px 40px -28px color-mix(in oklch, var(--primary), transparent 90%)}.restaurant-dashboard-stage{isolation:isolate}.restaurant-section-watermark{font-family:var(--font-heading), var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.06em;color:color-mix(in oklch, var(--primary), transparent 88%);-webkit-user-select:none;user-select:none;font-size:clamp(4.5rem,12vw,8.5rem);font-weight:600;line-height:.85}.restaurant-section-watermark-on-dark{color:color-mix(in oklch, var(--primary), white 32%)}.restaurant-editorial-panel{border:1px solid color-mix(in oklch, var(--restaurant-warm), var(--border) 65%);background:linear-gradient(145deg, color-mix(in oklch, var(--card), var(--restaurant-warm-soft) 28%) 0%, var(--card) 42%, color-mix(in oklch, var(--card), var(--background) 12%) 100%);box-shadow:0 0 0 1px color-mix(in oklch, var(--border), transparent 12%), 0 22px 50px -36px color-mix(in oklch, var(--restaurant-warm), transparent 84%)}.restaurant-feature-spotlight{background:linear-gradient(135deg, color-mix(in oklch, var(--restaurant-warm-soft), transparent 35%) 0%, transparent 48%, color-mix(in oklch, var(--primary), transparent 94%) 100%)}.restaurant-workflow-step:before{content:"";background:linear-gradient(180deg, color-mix(in oklch, var(--restaurant-warm), transparent 40%), color-mix(in oklch, var(--primary), transparent 55%));width:2px;position:absolute;top:2.75rem;bottom:-.75rem;left:1.125rem}.restaurant-workflow-step:last-child:before{display:none}@keyframes restaurant-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.restaurant-float-badge{animation:5s ease-in-out infinite restaurant-float}@media (prefers-reduced-motion:reduce){.restaurant-float-badge{animation:none}}.restaurant-floor-plan{isolation:isolate}.restaurant-station-column{position:relative}.restaurant-station-body{box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground), transparent 94%)}.restaurant-expo-ticket{position:relative}.restaurant-expo-ticket:after{content:"";border:1px dashed color-mix(in oklch, var(--restaurant-warm), transparent 45%);opacity:.7;border-radius:9999px;width:.45rem;height:.45rem;position:absolute;top:.65rem;right:.65rem}.dark .restaurant-station-body{box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground), transparent 90%)}}
