:root{--scanit:#0f5a50;--scanit-dark:#10241f;--scanit-soft:#e8f2ee;--paper:#fbfaf6;--cream:#f4f0e7;--line:#dde2dd;--muted:#66756f;--danger:#b64336;--warning:#b7791f;--shadow:0 22px 70px rgba(16,36,31,.12)}
html{background:var(--paper)}body{min-height:100vh}.brand-mark{flex:none}.brand-mark i{display:block}.flash{position:fixed;z-index:200;right:22px;bottom:22px;max-width:min(420px,calc(100% - 44px));padding:14px 18px;border-radius:13px;color:#fff;background:var(--scanit-dark);box-shadow:0 18px 48px rgba(16,36,31,.28);font-size:13px}.flash--error{background:#963b31}.form-errors{margin:0 0 18px;padding:13px 16px;border:1px solid #efc4bf;border-radius:12px;color:#8f342b;background:#fff2f0;font-size:13px}.form-errors ul{margin:0;padding-left:18px}.field{display:grid;gap:7px}.field>span,.field>label{font-size:12px;font-weight:750;color:#41544d}.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid #d3dbd6;border-radius:12px;padding:10px 13px;background:#fff;outline:0}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--scanit);box-shadow:0 0 0 3px rgba(15,90,80,.12)}.stack{display:grid;gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.muted{color:var(--muted)}.number{font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 9px;border-radius:999px;color:#14604f;background:#e3f2ec;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-pill[data-status="sent"],.status-pill[data-status="new"]{color:#994b35;background:#fae9e3}.status-pill[data-status="preparing"],.status-pill[data-status="accepted"]{color:#8a6118;background:#fff0ce}.status-pill[data-status="cancelled"],.status-pill[data-status="suspended"]{color:#9b3b32;background:#f9e5e2}.empty-panel{min-height:170px;display:grid;place-content:center;justify-items:center;gap:6px;padding:20px;border:1px dashed #ccd6d0;border-radius:16px;color:var(--muted);text-align:center}.empty-panel strong{color:var(--scanit-dark);font-size:15px}.empty-panel span{font-size:12px}

/* Marketing */
.marketing-main{overflow:hidden}.marketing-header .brand-mark i{background:var(--scanit)}.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#52635d;font-size:12px;font-weight:700}.hero-proof span::before{content:'✓';margin-right:6px;color:var(--scanit)}.phone-menu-preview{padding:14px}.phone-menu-preview article{display:grid;grid-template-columns:1fr 76px;gap:10px;padding:11px 0;border-bottom:1px solid #e8ece9}.phone-menu-preview h4{margin:0 0 4px;font-size:11px}.phone-menu-preview p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.phone-menu-preview strong{display:block;margin-top:8px;font-size:10px}.phone-menu-preview img{width:76px;height:78px;object-fit:cover;border-radius:11px}.section--soft{background:var(--cream)}.marketing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.marketing-card{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.marketing-card b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--scanit);background:var(--scanit-soft)}.marketing-card h3{margin:45px 0 10px;font-size:22px;letter-spacing:-.035em}.marketing-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.marketing-card ul{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none;color:#52645d;font-size:12px}.marketing-card li::before{content:'✓';margin-right:8px;color:var(--scanit)}.feature-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-band h2{margin:12px 0 18px;font-size:clamp(38px,5vw,64px);letter-spacing:-.06em;line-height:1}.feature-band p{color:#aec0ba;line-height:1.75}.ops-window{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#f1f3ef;box-shadow:0 35px 90px rgba(0,0,0,.25);transform:rotate(1deg)}.ops-window header{display:flex;justify-content:space-between;padding:0 4px 18px;color:#6b7a74;font-size:10px}.ops-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ops-columns>div{min-height:250px;padding:12px;border-radius:14px;background:#e9ede9}.ops-columns h4{margin:0 0 10px;color:#6b7973;font-size:9px;text-transform:uppercase}.ops-ticket{margin-bottom:9px;padding:13px;border-top:3px solid #e5643f;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(16,36,31,.08)}.ops-ticket strong{display:block;font-size:10px}.ops-ticket span{display:block;margin-top:18px;color:#78857f;font-size:8px}.page-content{padding:0 0 110px}.feature-detail-grid{display:grid;gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line)}.feature-detail{display:grid;grid-template-columns:72px 1fr 1fr;gap:30px;padding:35px;background:#fff}.feature-detail>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:var(--scanit);background:var(--scanit-soft);font-weight:850}.feature-detail h2{margin:0 0 10px;font-size:27px}.feature-detail p{margin:0;color:var(--muted);line-height:1.65}.feature-detail ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#52645d;font-size:13px}.feature-detail li::before{content:'✓';margin-right:8px;color:var(--scanit)}.pricing-grid{align-items:stretch}.pricing-grid .price-card{position:relative}.price-value{margin:24px 0 8px;font-size:34px;font-weight:820;letter-spacing:-.05em}.price-value small{font-size:12px;font-weight:600;color:var(--muted)}.price-card ul{display:grid;gap:11px;margin:25px 0;padding:0;list-style:none;color:#52645d;font-size:12px}.price-card li::before{content:'✓';margin-right:8px;color:var(--scanit)}.demo-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:48px;border-radius:28px;color:#fff;background:var(--scanit-dark)}.demo-panel h2{margin:10px 0 18px;font-size:44px;letter-spacing:-.05em}.demo-panel p{color:#aec0ba;line-height:1.65}.credentials{display:grid;gap:10px}.credential-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.05)}.credential-row span{font-size:11px;color:#9fb4ad}.credential-row strong{display:block;margin-top:3px;font-size:12px}.credential-row code{align-self:center;color:#d5ebe3;font-size:11px}.legal-copy{max-width:820px;padding-bottom:100px}.legal-copy h2{margin-top:40px;font-size:24px}.legal-copy p,.legal-copy li{color:#566861;line-height:1.75}.contact-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:45px;border:1px solid var(--line);border-radius:24px;background:#fff}.contact-card h2{margin:0 0 12px;font-size:32px}.contact-card p{color:var(--muted);line-height:1.65}

/* Authentication & onboarding */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:55px;color:#fff;background:var(--scanit-dark);overflow:hidden}.auth-story::after{content:'';position:absolute;width:420px;height:420px;right:-130px;bottom:-130px;border:90px solid rgba(126,203,175,.1);border-radius:50%}.auth-story h1{position:relative;z-index:1;max-width:560px;margin:80px 0 20px;font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.06em}.auth-story p{position:relative;z-index:1;max-width:500px;color:#afc0ba;line-height:1.7}.auth-story small{position:relative;z-index:1;color:#7c988f}.auth-panel{display:grid;place-items:center;padding:35px;background:var(--paper)}.auth-card{width:min(100%,460px)}.auth-card h2{margin:14px 0 10px;font-size:40px;letter-spacing:-.055em}.auth-card>p{margin:0 0 30px;color:var(--muted);line-height:1.6}.auth-card .button{width:100%;margin-top:6px}.auth-demo{margin-top:22px;padding:15px;border:1px solid #d7e2dc;border-radius:14px;background:#edf6f2}.auth-demo strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--scanit)}.auth-demo p{margin:8px 0 0;font-size:12px;line-height:1.6}.onboarding-shell{min-height:100vh;background:#f4f5f2}.onboarding-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line);background:#fff}.onboarding-content{width:min(100% - 36px,1100px);margin:0 auto;padding:55px 0 100px}.progress-card{display:grid;grid-template-columns:260px 1fr;gap:28px}.steps-panel{align-self:start;position:sticky;top:25px;padding:24px;border-radius:20px;color:#d6e1dd;background:var(--scanit-dark)}.steps-panel h2{margin:10px 0 26px;color:#fff}.steps-panel ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:steps}.steps-panel li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:#91a69f;font-size:12px}.steps-panel li::before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.08)}.steps-panel li.done,.steps-panel li.current{color:#fff;background:rgba(255,255,255,.08)}.step-stack{display:grid;gap:15px}.step-card{padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff}.step-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.step-card h2{margin:0 0 6px;font-size:23px}.step-card p{margin:0;color:var(--muted);font-size:13px}.step-card .button{margin-top:16px}.mini-list{display:grid;gap:7px;margin-top:15px}.mini-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border:1px solid #e3e7e4;border-radius:10px;font-size:12px}.launch-card{text-align:center;padding:45px;background:var(--scanit-soft)}.launch-card h2{font-size:31px}

/* Guest */
.guest-app{--venue:var(--scanit);min-height:100vh;background:#f7f6f1;padding-bottom:95px}.guest-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;gap:12px;min-height:72px;padding:10px max(14px,calc((100% - 680px)/2));border-bottom:1px solid #e3e7e3;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.guest-brand{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--venue);font-weight:900}.guest-header>div{min-width:0;flex:1}.guest-header strong{display:block;font-size:14px}.guest-header small{color:var(--muted);font-size:10px}.guest-header button{min-height:38px;border:1px solid #d8dfdb;border-radius:11px;padding:0 11px;background:#fff;font-size:10px;font-weight:800}.guest-hero{max-width:680px;margin:0 auto;position:relative;height:235px;overflow:hidden}.guest-hero img{width:100%;height:100%;object-fit:cover}.guest-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(8,28,23,.75))}.guest-hero-copy{position:absolute;z-index:1;left:20px;bottom:20px;color:#fff}.guest-hero-copy span{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e5643f;font-size:8px;font-weight:850;text-transform:uppercase}.guest-hero-copy h1{margin:8px 0 3px;font-size:26px}.guest-hero-copy p{margin:0;color:#d7e2de;font-size:10px}.guest-tools{position:sticky;z-index:25;top:72px;max-width:680px;margin:0 auto;padding:13px 14px;border-bottom:1px solid #e2e6e2;background:#f7f6f1}.guest-search{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 12px;border:1px solid #d9dfdb;border-radius:12px;background:#fff}.guest-search input{min-width:0;flex:1;border:0;outline:0;font-size:12px}.category-tabs{display:flex;gap:8px;overflow:auto;padding:11px 0 0;scrollbar-width:none}.category-tabs a{min-width:max-content;padding:8px 11px;border:1px solid #d8dfdb;border-radius:99px;background:#fff;font-size:9px;font-weight:800}.guest-service-row{max-width:680px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.guest-service-row button{min-height:57px;border:1px solid #dce2de;border-radius:12px;background:#fff;color:#3e514a;font-size:9px;font-weight:750}.guest-service-row button:hover{border-color:var(--venue);color:var(--venue)}.guest-menu{max-width:680px;margin:0 auto;padding:0 14px 30px}.guest-section{scroll-margin-top:155px;padding-top:24px}.guest-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.guest-section-title h2{margin:0;font-size:20px}.guest-section-title span{color:var(--muted);font-size:9px}.product-list{display:grid;gap:10px}.product-card{min-height:148px;display:grid;grid-template-columns:1fr 130px;gap:12px;padding:13px;border:1px solid #e0e4e0;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(16,36,31,.035)}.product-card h3{margin:3px 0 7px;font-size:15px}.product-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:10px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.product-badges{display:flex;gap:5px;min-height:18px}.product-badges span{padding:4px 6px;border-radius:99px;color:#9c4f36;background:#fae9e2;font-size:7px;font-weight:850;text-transform:uppercase}.product-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.product-card footer strong{font-size:12px}.product-card footer button{width:36px;height:36px;border:0;border-radius:11px;color:#fff;background:var(--venue);font-size:20px}.product-card>img,.product-image-placeholder{width:130px;height:122px;object-fit:cover;border-radius:13px;background:#e9ece8}.product-image-placeholder{display:grid;place-items:center;color:#86928c;font-size:11px}.floating-cart{position:fixed;z-index:35;left:50%;bottom:14px;transform:translateX(-50%);width:min(calc(100% - 28px),650px);min-height:60px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:17px;padding:0 18px;color:#fff;background:var(--scanit-dark);box-shadow:0 18px 50px rgba(16,36,31,.3);font-weight:780}.floating-cart>span:first-child{display:flex;align-items:center;gap:9px}.cart-count{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--scanit-dark);background:#a8dac9;font-size:11px}.floating-cart strong{font-size:12px}.guest-toast{position:fixed;z-index:100;left:50%;bottom:85px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);padding:12px 16px;border-radius:12px;color:#fff;background:var(--scanit-dark);box-shadow:var(--shadow);font-size:11px}.guest-toast[data-error="true"]{background:#9a3e34}.offline-banner{position:fixed;z-index:110;left:50%;top:78px;transform:translateX(-50%);padding:8px 12px;border-radius:99px;color:#704814;background:#fff0c7;font-size:9px;font-weight:800}.product-modal{width:min(100% - 24px,560px);max-height:90vh;border:0;border-radius:22px;padding:0;background:#fff;box-shadow:0 30px 90px rgba(16,36,31,.25)}.product-modal::backdrop{background:rgba(11,30,25,.65);backdrop-filter:blur(3px)}.product-modal img{width:100%;height:220px;object-fit:cover}.modal-body{padding:20px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-head h2{margin:0 0 8px;font-size:24px}.modal-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.modal-head button{width:36px;height:36px;flex:none;border:1px solid #d8dfdb;border-radius:10px;background:#fff}.modal-body>[data-modal-price]{display:block;margin-top:12px}.modifier-fieldset{margin:22px 0 0;padding:0;border:0}.modifier-fieldset legend{width:100%;display:flex;justify-content:space-between;padding-bottom:8px;font-size:12px;font-weight:820}.modifier-fieldset legend span{color:var(--muted);font-size:9px}.modifier-fieldset label{min-height:46px;display:flex;align-items:center;gap:9px;border-top:1px solid #ebeeeb;font-size:11px;cursor:pointer}.modifier-fieldset label span{flex:1}.modifier-fieldset label em{color:var(--muted);font-size:9px;font-style:normal}.modifier-fieldset input{accent-color:var(--venue)}.modal-actions{position:sticky;bottom:0;display:grid;grid-template-columns:105px 1fr;gap:9px;padding:12px 20px 20px;background:#fff}.qty-control{display:grid;grid-template-columns:1fr 34px 1fr;place-items:center;border:1px solid #d7ded9;border-radius:12px}.qty-control button{height:100%;border:0;background:transparent}.qty-control input{width:34px;border:0;text-align:center}.cart-drawer{position:fixed!important;z-index:80;top:0;right:0;bottom:0;width:min(100%,480px);display:flex!important;flex-direction:column!important;transform:translateX(105%);transition:transform .24s ease;background:#fff;box-shadow:-20px 0 70px rgba(16,36,31,.18)}.cart-drawer.is-open{transform:translateX(0)}.drawer-backdrop{position:fixed;z-index:70;inset:0;border:0;background:rgba(12,31,26,.58)}.cart-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:19px;border-bottom:1px solid #e2e6e3}.cart-drawer h2{margin:3px 0 0}.cart-drawer header small{color:var(--venue);font-weight:800;text-transform:uppercase}.cart-drawer header button{width:38px;height:38px;border:1px solid #d8dfdb;border-radius:11px;background:#fff}.cart-lines{flex:1;overflow:auto;padding:0 18px}.cart-lines article{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ecefec}.cart-lines h3{margin:0 0 4px;font-size:13px}.cart-lines p{margin:0;color:var(--muted);font-size:9px}.cart-lines small{display:block;margin-top:4px;color:#9b5d45;font-size:8px}.cart-lines strong{display:block;margin-top:9px;font-size:11px}.cart-qty{display:grid;grid-template-columns:30px 26px 30px;place-items:center;border:1px solid #d9dfdb;border-radius:10px}.cart-qty button{height:34px;width:30px;border:0;background:transparent}.cart-footer{display:grid;gap:12px;padding:18px;border-top:1px solid #e2e6e3}.cart-footer textarea{width:100%;min-height:72px;border:1px solid #d7ded9;border-radius:11px;padding:10px;resize:none}.cart-total-row{display:flex;align-items:center;justify-content:space-between}.cart-total-row span{color:var(--muted);font-size:11px}.cart-total-row strong{font-size:17px}.tracker-app{min-height:100vh;background:#f4f2eb}.tracker-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100% - 680px)/2));color:#fff;background:var(--scanit-dark)}.tracker-header strong{display:block}.tracker-header small{color:#a8bcb4}.tracker-header a{padding:9px 11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:10px}.tracker-main{width:min(100% - 28px,650px);margin:0 auto;padding:35px 0 90px}.track-hero{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center}.track-hero>span{color:var(--scanit);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.track-hero h1{margin:8px 0 6px;font-size:34px}.track-hero p{margin:0;color:var(--muted)}.status-timeline{display:grid;grid-template-columns:repeat(6,1fr);margin:30px 0}.status-timeline div{position:relative;display:grid;justify-items:center;gap:8px;color:#8a9791;font-size:8px;text-align:center}.status-timeline div::before{content:'';width:18px;height:18px;border:4px solid #d9dfdb;border-radius:50%;background:#fff}.status-timeline div::after{content:'';position:absolute;z-index:-1;top:8px;left:50%;width:100%;height:3px;background:#d9dfdb}.status-timeline div:last-child::after{display:none}.status-timeline .done::before,.status-timeline .current::before{border-color:var(--scanit);background:var(--scanit)}.status-timeline .done::after{background:var(--scanit)}.status-timeline .current{color:var(--scanit);font-weight:800}.track-card{margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.track-card header{display:flex;justify-content:space-between;margin-bottom:14px}.track-items{display:grid;gap:10px}.track-items article{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #ecefec;font-size:12px}.track-items article:last-child{border:0}.track-bill{display:grid;gap:8px}.track-bill div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.track-bill div:last-child{padding-top:10px;border-top:1px solid #e4e8e5;color:var(--scanit-dark);font-size:16px;font-weight:820}.review-form{display:grid;gap:12px}.review-form select,.review-form textarea{width:100%;border:1px solid #d6ddd9;border-radius:11px;padding:11px}.review-form textarea{min-height:100px;resize:vertical}

/* Restaurant console */
.console-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f2f3f0}.console-sidebar{min-height:100vh;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;padding:22px 13px;color:#c8d8d2;background:#0d2922}.sidebar-brand{padding:0 10px 24px}.console-sidebar nav{display:grid;gap:3px}.console-sidebar nav a{min-height:43px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:10px;color:#8fa49d;font-size:10px;font-weight:720}.console-sidebar nav a:hover,.console-sidebar nav a.active{color:#fff;background:rgba(255,255,255,.09)}.console-sidebar nav a b{margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#c9553e;font-size:8px}.sidebar-footer{margin-top:auto;padding:15px 10px 0;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer strong{display:block;color:#fff;font-size:10px}.sidebar-footer small{display:block;margin-top:3px;color:#718b82;font-size:8px}.sidebar-footer button{margin-top:12px;border:0;padding:0;color:#a7bbb4;background:transparent;font-size:9px}.console-area{min-width:0}.console-topbar{height:68px;position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(13px)}.console-topbar>div strong{display:block;font-size:11px}.console-topbar>div small{color:var(--muted);font-size:8px}.console-live{display:flex;align-items:center;gap:9px;color:#4d675e;font-size:9px;font-weight:750}.console-live i{width:8px;height:8px;border-radius:50%;background:#27a876;box-shadow:0 0 0 5px rgba(39,168,118,.12)}.console-content{max-width:1500px;margin:0 auto;padding:30px 30px 80px}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.view-header span{color:var(--scanit);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.view-header h1{margin:5px 0 2px;font-size:31px;letter-spacing:-.05em}.view-header p{margin:0;color:var(--muted);font-size:10px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.metric{min-height:118px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.metric span{color:var(--muted);font-size:8px;font-weight:780;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:14px;font-size:26px;letter-spacing:-.05em}.metric small{display:block;margin-top:5px;color:#82908a;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.panel>header{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e8ebe8}.panel>header h2{margin:0;font-size:14px}.panel>header a{color:var(--scanit);font-size:9px;font-weight:750}.compact-list{display:grid}.compact-list article{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:center;min-height:74px;padding:10px 17px;border-bottom:1px solid #ecefec}.compact-list article:last-child{border:0}.compact-list article>span{font-size:9px;color:var(--muted)}.compact-list h3{margin:0 0 5px;font-size:11px}.compact-list p{margin:0;color:var(--muted);font-size:8px}.compact-list strong{font-size:10px}.request-list article{grid-template-columns:1fr auto}.order-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.order-column{min-height:500px;padding:10px;border-radius:15px;background:#e9ece8}.order-column>header{display:flex;align-items:center;justify-content:space-between;padding:5px 3px 13px}.order-column>header h2{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.order-column>header span{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#d5ddd8;font-size:8px}.order-card{margin-bottom:9px;padding:14px;border-top:3px solid #e5643f;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(16,36,31,.06)}.order-card[data-status="preparing"]{border-color:#e5a839}.order-card[data-status="ready"]{border-color:#2e9d73}.order-card header{display:flex;align-items:flex-start;justify-content:space-between}.order-card h3{margin:0;font-size:13px}.order-card time{color:var(--muted);font-size:8px}.order-card ul{display:grid;gap:6px;margin:17px 0;padding:0;list-style:none;font-size:11px;line-height:1.4}.order-card li{font-weight:650}.order-card li b{color:var(--scanit);font-size:11px;font-weight:850}.order-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecefec;padding-top:11px}.order-card footer strong{font-size:10px}.order-card form{display:flex;gap:5px}.order-card button{min-height:31px;border:0;border-radius:8px;padding:0 9px;color:#fff;background:var(--scanit);font-size:8px;font-weight:750}.order-card button.danger{background:#b84a3c}.kds-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.kds-ticket{min-height:300px;display:flex;flex-direction:column;padding:22px;border-top:6px solid #e5a839;border-radius:15px;color:#fff;background:#112e27}.kds-ticket[data-status="ready"]{border-color:#45bd8d}.kds-ticket header{display:flex;justify-content:space-between}.kds-ticket h2{margin:0;font-size:20px}.kds-ticket time{color:#a7bbb3;font-size:10px}.kds-ticket ul{display:grid;gap:14px;margin:30px 0;padding:0;list-style:none}.kds-ticket li{font-size:14px}.kds-ticket li b{color:#87d3b7}.kds-ticket form{margin-top:auto}.kds-ticket button{width:100%;min-height:54px;border:0;border-radius:12px;color:#12382e;background:#9de0c6;font-weight:850}.menu-admin{display:grid;grid-template-columns:1fr 340px;gap:12px}.category-panel{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.category-panel+ .category-panel{margin-top:10px}.category-panel>header{display:flex;justify-content:space-between;margin-bottom:13px}.category-panel h2{margin:0;font-size:16px}.admin-product{display:grid;grid-template-columns:48px 1fr 110px auto;gap:10px;align-items:center;min-height:66px;border-top:1px solid #ecefec}.admin-product img,.admin-product>span:first-child{width:44px;height:44px;object-fit:cover;border-radius:10px;background:#e9ece8}.admin-product h3{margin:0 0 4px;font-size:11px}.admin-product p{margin:0;color:var(--muted);font-size:8px}.admin-product strong{font-size:10px}.admin-product form{display:flex;gap:5px}.admin-product button{min-height:31px;border:1px solid #d5ddd8;border-radius:8px;padding:0 8px;background:#fff;font-size:8px}.side-form{align-self:start;position:sticky;top:90px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.side-form h2{margin:0 0 18px;font-size:17px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.table-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.table-card header{display:flex;justify-content:space-between}.table-card h2{margin:0;font-size:16px}.table-card p{color:var(--muted);font-size:9px}.qr-canvas{width:150px!important;height:150px!important;display:block;margin:16px auto}.table-card footer{display:flex;gap:6px}.table-card footer form{flex:1}.table-card button,.table-card a{width:100%;min-height:35px;display:grid;place-items:center;border:1px solid #d4dcd7;border-radius:9px;background:#fff;font-size:8px;font-weight:750}.data-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid #e9ece9;text-align:left;font-size:10px}.data-table th{color:#74817b;background:#f7f8f6;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.data-table td strong{font-size:11px}.data-table form{display:flex;gap:5px}.data-table input,.data-table select{min-height:33px;max-width:130px;border:1px solid #d5ddd8;border-radius:8px;padding:0 8px;font-size:8px}.data-table button{min-height:33px;border:0;border-radius:8px;padding:0 9px;color:#fff;background:var(--scanit);font-size:8px}.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.chart-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.chart-card h2{margin:0 0 20px;font-size:15px}.bar-chart{height:230px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #ccd5d0}.bar-chart div{min-width:16px;flex:1;position:relative;border-radius:6px 6px 0 0;background:#79b8a3}.bar-chart div span{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);color:var(--muted);font-size:7px}.ranking{display:grid}.ranking div{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;min-height:48px;border-bottom:1px solid #ecefec;font-size:10px}.ranking div b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;color:var(--scanit);background:var(--scanit-soft)}.settings-card{max-width:760px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}

/* Venue guest hero manager */
.venue-hero-editor{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #dce4df;border-radius:16px;background:#f8faf8}.venue-hero-preview{width:100%;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border:1px dashed #b9c9c1;border-radius:13px;color:#5f756d;background:#e8eeea}.venue-hero-preview img{width:100%;height:100%;object-fit:cover;object-position:center}.venue-hero-preview b{max-width:210px;padding:15px;font-size:9px;line-height:1.45;text-align:center}.venue-hero-actions{min-width:0;display:grid;justify-items:start;gap:8px}.venue-hero-actions h2{margin:0;font-size:18px}.venue-hero-actions p{margin:0 0 3px;color:var(--muted);font-size:9px;line-height:1.6}.venue-hero-picker{width:max-content!important;position:relative;overflow:hidden;margin:0!important;cursor:pointer}.venue-hero-actions>[data-product-image-status]{color:var(--muted);font-size:8px}.venue-hero-remove{display:flex;align-items:center;gap:7px;font-size:9px;cursor:pointer}.venue-hero-editor:focus-within .venue-hero-preview{outline:3px solid #f3b84b;outline-offset:2px}
@media(max-width:640px){.venue-hero-editor{grid-template-columns:1fr}.venue-hero-preview{max-width:440px}}

/* Super admin */
.super-shell{min-height:100vh;background:#f2f3f0}.super-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#fff;background:#0c2821}.super-top form button{border:0;color:#b3c6bf;background:transparent}.super-main{max-width:1400px;margin:0 auto;padding:35px 30px 80px}.super-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0}.super-metrics article{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.super-metrics span{color:var(--muted);font-size:8px;text-transform:uppercase}.super-metrics strong{display:block;margin-top:10px;font-size:22px}.org-card{display:grid;grid-template-columns:1.3fr .7fr .7fr .7fr auto;gap:12px;align-items:center;min-height:80px;padding:12px 17px;border-bottom:1px solid #e8ebe8}.org-card h2{margin:0 0 4px;font-size:13px}.org-card p,.org-card span{margin:0;color:var(--muted);font-size:9px}.org-card form{display:flex;gap:5px}.org-card select,.org-card button{min-height:34px;border:1px solid #d5ddd8;border-radius:8px;padding:0 8px;background:#fff;font-size:8px}.org-card button{color:#fff;border-color:var(--scanit);background:var(--scanit)}

@media(max-width:1000px){.header-inner nav{display:none}.mobile-login{display:block}.hero-grid,.feature-band,.demo-panel,.contact-card{grid-template-columns:1fr}.hero-product{display:none}.marketing-cards{grid-template-columns:1fr 1fr}.feature-detail{grid-template-columns:60px 1fr}.feature-detail ul{grid-column:2}.auth-page{grid-template-columns:.8fr 1.2fr}.console-shell{grid-template-columns:190px 1fr}.metric-row{grid-template-columns:1fr 1fr}.dashboard-grid,.analytics-grid,.menu-admin{grid-template-columns:1fr}.side-form{position:static}.super-metrics{grid-template-columns:repeat(3,1fr)}.org-card{min-width:900px}.panel.org-list{overflow:auto}}
@media(max-width:720px){.shell{width:min(100% - 28px,1180px)}.marketing-header .header-actions .button{display:none}.hero,.hero-grid{min-height:auto}.hero-grid{padding:80px 0}.hero-copy h1{font-size:50px}.hero-actions{flex-direction:column;align-items:stretch}.flow-grid,.marketing-cards,.tech-trust{grid-template-columns:1fr}.flow-card,.tech-trust>div{min-height:190px;border-right:0;border-bottom:1px solid var(--line)}.feature-detail{display:block}.feature-detail>span{margin-bottom:18px}.feature-detail ul{margin-top:20px}.auth-page{display:block}.auth-story{min-height:300px;padding:28px}.auth-story h1{margin:40px 0 15px;font-size:45px}.auth-panel{padding:45px 20px}.progress-card{grid-template-columns:1fr}.steps-panel{position:static}.steps-panel ol{grid-template-columns:repeat(4,1fr)}.steps-panel li{justify-content:center}.steps-panel li span{display:none}.grid-2{grid-template-columns:1fr}.guest-service-row{grid-template-columns:repeat(2,1fr)}.product-card{grid-template-columns:1fr 105px}.product-card>img,.product-image-placeholder{width:105px;height:112px}.status-timeline{overflow:auto}.status-timeline div{min-width:70px}.console-shell{display:block}.console-sidebar{min-height:auto;position:static;overflow:auto;padding:10px}.sidebar-brand,.sidebar-footer{display:none}.console-sidebar nav{display:flex}.console-sidebar nav a{min-width:max-content}.console-topbar{height:58px;padding:0 14px}.console-content{padding:22px 13px 70px}.metric-row{grid-template-columns:1fr 1fr}.view-header{align-items:flex-start;flex-direction:column}.order-board{grid-template-columns:repeat(4,270px)}.data-table-wrap{overflow:auto}.data-table{min-width:780px}.super-main{padding:25px 13px 70px}.super-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.hero-copy h1{font-size:42px}.section{padding-top:75px;padding-bottom:75px}.page-hero{padding-top:80px}.page-hero h1{font-size:45px}.demo-panel{padding:28px}.auth-card h2{font-size:34px}.steps-panel ol{grid-template-columns:repeat(4,1fr)}.step-card{padding:20px}.metric-row,.super-metrics{grid-template-columns:1fr}.product-card{grid-template-columns:1fr 92px}.product-card>img,.product-image-placeholder{width:92px;height:105px}.modal-actions{grid-template-columns:95px 1fr}}
@media print{.console-sidebar,.console-topbar,.view-header,.flash,.table-card footer,.side-form{display:none!important}.console-shell{display:block}.console-content{padding:0}.table-grid{grid-template-columns:repeat(2,1fr)}.table-card{break-inside:avoid;min-height:340px}.qr-canvas{width:190px!important;height:190px!important}}

/* Responsive QR cards and per-product modifier editor */
.table-grid{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:12px}.table-card{min-width:0;min-height:315px;display:flex;flex-direction:column;overflow:hidden}.table-card header{min-width:0;align-items:flex-start;gap:12px}.table-card header>div{min-width:0}.table-card p{margin:5px 0 0;overflow-wrap:anywhere}.table-card .status-pill{max-width:100%;flex:none;white-space:nowrap}.qr-canvas{width:min(150px,100%)!important;height:auto!important;aspect-ratio:1;margin:18px auto}.table-card footer{flex-wrap:wrap;margin-top:auto}.table-card footer form{min-width:105px}
.menu-product-block{border-top:1px solid #ecefec}.menu-product-block:first-of-type{border-top:0}.menu-product-block .admin-product{border-top:0}.admin-product-copy{min-width:0}.admin-product-copy input{width:100%;border:0;border-bottom:1px solid transparent;padding:5px 0;background:transparent;font-size:11px;font-weight:800}.admin-product-copy input:focus{border-color:var(--scanit);outline:0}.compact-field{margin:0}.compact-field span{font-size:7px}.admin-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.admin-product-actions label{font-size:8px;white-space:nowrap}.modifier-editor{margin:0 0 10px 58px;border:1px solid #dce4df;border-radius:13px;background:#f8faf8}.modifier-editor>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 13px;cursor:pointer;list-style:none}.modifier-editor>summary::-webkit-details-marker,.modifier-create>summary::-webkit-details-marker{display:none}.modifier-editor>summary span{display:grid;gap:2px}.modifier-editor>summary b{font-size:10px}.modifier-editor>summary small{color:var(--muted);font-size:8px}.modifier-editor>summary i{padding:5px 8px;border-radius:99px;color:var(--scanit);background:var(--scanit-soft);font-size:7px;font-style:normal;font-weight:800;white-space:nowrap}.modifier-editor[open]>summary{border-bottom:1px solid #dce4df}.modifier-editor-body{display:grid;gap:10px;padding:12px}.modifier-group-card{overflow:hidden;border:1px solid #d8e0db;border-radius:12px;background:#fff}.modifier-group-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:12px;border-bottom:1px solid #e8ece9;background:#fbfcfb}.modifier-group-form{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(130px,1fr) auto 74px 74px auto;gap:8px;align-items:end}.modifier-group-form .field,.modifier-option-form .field,.modifier-option-create .field,.modifier-create .field{margin:0}.modifier-group-form .field span,.modifier-option-form .field span,.modifier-option-create .field span,.modifier-create .field span{font-size:7px}.number-field input{min-width:0}.check-field{min-height:39px;display:flex;align-items:center;gap:6px;padding:0 5px;font-size:8px;font-weight:750;white-space:nowrap}.check-field input{accent-color:var(--scanit)}.icon-danger{min-height:36px;border:1px solid #e9c9c2;border-radius:9px;padding:0 10px;color:#a63f34;background:#fff8f6;font-size:8px;font-weight:800}.icon-danger:hover{color:#fff;background:#a63f34}.icon-danger--compact{width:36px;padding:0;font-size:17px}.modifier-options-list{display:grid}.modifier-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px 12px;border-bottom:1px solid #edf0ee}.modifier-option-form{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(120px,1fr) 120px auto auto;gap:8px;align-items:end}.modifier-option-create{display:grid;grid-template-columns:auto minmax(140px,1fr) minmax(120px,1fr) 120px auto;gap:8px;align-items:end;padding:11px 12px;background:#f7faf8}.modifier-option-create strong{align-self:center;font-size:9px;white-space:nowrap}.modifier-empty{display:grid;gap:4px;padding:18px;border:1px dashed #cfd9d3;border-radius:11px;text-align:center}.modifier-empty strong{font-size:10px}.modifier-empty span{color:var(--muted);font-size:8px}.modifier-create{border:1px dashed #b9cec4;border-radius:11px;background:#fff}.modifier-create>summary{padding:13px;color:var(--scanit);cursor:pointer;font-size:9px;font-weight:850}.modifier-create[open]>summary{border-bottom:1px dashed #cbd9d2}.modifier-create>form{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(130px,1fr) auto 74px 74px minmax(140px,1fr) minmax(130px,1fr) 120px auto;gap:8px;align-items:end;padding:13px}.modifier-create-intro{grid-column:1/-1;display:grid;gap:3px;margin-bottom:3px}.modifier-create-intro strong{font-size:11px}.modifier-create-intro span{color:var(--muted);font-size:8px}
@media(max-width:1180px){.modifier-group-form{grid-template-columns:repeat(2,minmax(130px,1fr)) repeat(3,auto)}.modifier-group-form .button{grid-column:1/-1}.modifier-option-form{grid-template-columns:repeat(2,minmax(130px,1fr)) 110px auto}.modifier-option-form .button{grid-column:1/-1}.modifier-option-create{grid-template-columns:repeat(2,minmax(130px,1fr)) 110px auto}.modifier-option-create strong{grid-column:1/-1}.modifier-create>form{grid-template-columns:repeat(2,minmax(140px,1fr)) repeat(3,auto)}.modifier-create-intro{grid-column:1/-1}}
@media(max-width:720px){.admin-product{grid-template-columns:44px minmax(0,1fr);align-items:start;padding:12px 0}.admin-product>.compact-field,.admin-product>.admin-product-actions{grid-column:2}.admin-product-actions{justify-content:flex-start}.modifier-editor{margin-left:0}.modifier-group-toolbar{grid-template-columns:1fr}.modifier-group-form,.modifier-option-form,.modifier-option-create,.modifier-create>form{grid-template-columns:1fr 1fr}.modifier-group-form .check-field,.modifier-option-form .check-field,.modifier-group-form .button,.modifier-option-form .button,.modifier-option-create strong,.modifier-create-intro{grid-column:1/-1}.modifier-option-create .button,.modifier-create>form>.button{grid-column:1/-1}.modifier-group-toolbar>form:last-child{justify-self:start}}
@media(max-width:470px){.modifier-editor-body{padding:8px}.modifier-group-form,.modifier-option-form,.modifier-option-create,.modifier-create>form{grid-template-columns:1fr}.modifier-group-form>* ,.modifier-option-form>* ,.modifier-option-create>* ,.modifier-create>form>*{grid-column:1!important}.modifier-option-row{grid-template-columns:minmax(0,1fr) auto}.modifier-group-toolbar{padding:9px}.modifier-option-row,.modifier-option-create{padding:9px}.admin-product>.compact-field,.admin-product>.admin-product-actions{grid-column:1/-1}.admin-product{grid-template-columns:44px minmax(0,1fr)}}
@media print{.modifier-editor{display:none!important}.table-grid{grid-template-columns:repeat(2,1fr)}.table-card{min-height:340px;overflow:visible}.qr-canvas{width:190px!important;height:190px!important}}

/* Product image manager */
.product-image-editor{width:48px;display:grid;justify-items:center;gap:3px;position:relative;cursor:pointer}.product-image-frame{width:44px;aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:hidden;border:1px dashed #b9c9c1;border-radius:10px;background:#eef3f0}.admin-product .product-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:9px}.product-image-frame b{padding:3px;color:#587068;font-size:7px;text-align:center}.product-image-editor small{max-width:48px;overflow:hidden;color:var(--scanit);font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.image-file-input{width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important;opacity:0!important}.product-image-editor:focus-within .product-image-frame,.new-product-image:focus-within .new-product-image-preview{outline:3px solid #f3b84b;outline-offset:2px}.remove-image-control{color:#a14a3e}.new-product-image{display:grid;gap:7px;position:relative;color:var(--ink);font-size:9px;font-weight:750;cursor:pointer}.new-product-image-preview{width:min(180px,100%);aspect-ratio:1;display:grid;place-items:center;justify-self:center;overflow:hidden;border:1px dashed #b9c9c1;border-radius:12px;color:#5f756d;background:#f4f7f5}.new-product-image-preview img{width:100%;height:100%;object-fit:cover;object-position:center}.new-product-image-preview b{font-size:9px}.new-product-image small{color:var(--muted);font-size:8px;font-weight:500;line-height:1.45;text-align:center}
@media(max-width:470px){.product-image-editor{width:44px}.product-image-editor small{max-width:44px}.new-product-image-preview{width:min(160px,100%)}}

/* Operational wait time and customer idea box */
.wait-time-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 12px;padding:16px 18px;border:1px solid #d7e2dc;border-radius:16px;background:#f7faf8}.wait-time-panel>div{display:grid;gap:3px}.wait-time-panel>div>span{color:var(--scanit);font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.wait-time-panel>div>strong{font-size:13px}.wait-time-panel>div>small{color:var(--muted);font-size:8px}.wait-time-panel form{display:flex;align-items:end;gap:8px}.wait-time-panel label{display:grid;grid-template-columns:minmax(70px,90px) auto;align-items:center;gap:4px}.wait-time-panel label span{grid-column:1/-1;color:var(--muted);font-size:7px;font-weight:800}.wait-time-panel input{width:90px;min-height:38px;border:1px solid #d3dbd6;border-radius:9px;padding:0 10px;background:#fff}.wait-time-panel label i{color:var(--muted);font-size:8px;font-style:normal}.wait-time-panel button{min-height:38px;border:0;border-radius:9px;padding:0 13px;color:#fff;background:var(--scanit);font-size:8px;font-weight:850}.suggestion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.suggestion-card{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.suggestion-card[data-status="new"]{border-color:#e9c5ba;box-shadow:inset 4px 0 #c25b43}.suggestion-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.suggestion-card header>div{display:flex;align-items:center;gap:8px}.suggestion-card header span,.suggestion-card time{color:var(--muted);font-size:8px}.suggestion-card p{margin:0;color:#283d36;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.suggestion-card footer{display:flex;justify-content:flex-end}.suggestion-card form{display:flex;gap:7px}.suggestion-card select,.suggestion-card button{min-height:36px;border:1px solid #d2dbd6;border-radius:9px;padding:0 10px;background:#fff;font-size:8px}.suggestion-card button{color:#fff;border-color:var(--scanit);background:var(--scanit);font-weight:800}
@media(max-width:900px){.wait-time-panel{align-items:stretch;flex-direction:column}.wait-time-panel form{flex-wrap:wrap}.suggestion-list{grid-template-columns:1fr}}
@media(max-width:470px){.wait-time-panel form{display:grid;grid-template-columns:1fr 1fr}.wait-time-panel label{grid-template-columns:1fr auto}.wait-time-panel input{width:100%}.wait-time-panel button{grid-column:1/-1}.suggestion-card header{align-items:flex-start;flex-direction:column}.suggestion-card footer,.suggestion-card form{width:100%}.suggestion-card select{flex:1}}

/* Guest product interaction fixes */
.product-card[role="button"]{cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}.product-card[role="button"]:hover{border-color:color-mix(in srgb,var(--venue) 42%,#dce2de);transform:translateY(-1px);box-shadow:0 12px 34px rgba(16,36,31,.08)}.product-card[role="button"]:focus-visible{outline:3px solid color-mix(in srgb,var(--venue) 35%,white);outline-offset:3px}.product-open-indicator{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--venue);font-size:20px}.product-modal{position:relative}.product-modal-close{width:42px;height:42px;position:absolute;z-index:5;right:12px;top:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:13px;color:#fff;background:rgba(7,24,19,.78);box-shadow:0 6px 18px rgba(0,0,0,.16);font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.product-modal-close:hover{background:rgba(7,24,19,.94)}.product-modal-close:focus-visible{outline:3px solid #f3b84b;outline-offset:2px}

/* Loyalty console */
.loyalty-settings{display:grid;gap:14px;margin:8px 0 2px;padding:18px;border:1px solid #d7e2dc;border-radius:15px;background:#f8faf8}.loyalty-settings legend{padding:0 7px;color:var(--scanit);font-size:10px;font-weight:850}.loyalty-settings>p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}.loyalty-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #d9e3de;border-radius:12px;background:#fff}.loyalty-toggle input{margin-top:2px;accent-color:var(--scanit)}.loyalty-toggle span{display:grid;gap:3px}.loyalty-toggle strong{font-size:10px}.loyalty-toggle small{color:var(--muted);font-size:8px;line-height:1.45}.loyalty-table td>small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.loyalty-table td>strong{display:block}.loyalty-table button{white-space:nowrap}


/* Mobile admin console: real drawer navigation and compact layouts */
.console-menu-toggle,.console-menu-close,.console-nav-backdrop{display:none}
@media(max-width:720px){
  body.console-nav-open{overflow:hidden}
  .console-shell{display:block;min-width:0}
  .console-sidebar{
    width:min(320px,calc(100vw - 52px));height:100dvh;min-height:100dvh;
    position:fixed;z-index:120;inset:0 auto 0 0;overflow-y:auto;overscroll-behavior:contain;
    padding:18px 12px 20px;transform:translateX(-105%);transition:transform .22s ease;
    box-shadow:20px 0 55px rgba(5,27,21,.22)
  }
  body.console-nav-open .console-sidebar{transform:translateX(0)}
  .console-nav-backdrop{
    display:block;position:fixed;z-index:110;inset:0;border:0;padding:0;
    background:rgba(4,20,16,.46);opacity:0;pointer-events:none;transition:opacity .22s ease
  }
  body.console-nav-open .console-nav-backdrop{opacity:1;pointer-events:auto}
  .sidebar-brand{display:flex!important;min-height:46px;padding:0 44px 18px 10px}
  .sidebar-footer{display:block!important;margin-top:18px;padding:16px 10px 8px}
  .console-menu-close{
    width:36px;height:36px;display:grid;place-items:center;position:absolute;top:13px;right:12px;
    border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#d7e4df;background:rgba(255,255,255,.06);
    font-size:24px;line-height:1;cursor:pointer
  }
  .console-sidebar nav{display:grid;gap:4px}
  .console-sidebar nav a{width:100%;min-width:0;min-height:46px;padding:0 12px;font-size:11px}
  .console-sidebar nav a>span:first-child{width:20px;text-align:center}
  .console-sidebar nav a b{min-width:22px;height:22px}
  .console-area{min-width:0}
  .console-topbar{
    height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;
    padding:0 11px;align-items:center
  }
  .console-menu-toggle{
    width:38px;height:38px;display:grid;place-items:center;border:1px solid #d5ded9;border-radius:11px;
    color:#173e33;background:#fff;font-size:20px;cursor:pointer
  }
  .console-topbar-venue{min-width:0}
  .console-topbar-venue strong,.console-topbar-venue small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .console-topbar-actions{min-width:0;gap:6px}
  .console-topbar-actions>a,.console-live,.venue-switcher{display:none!important}
  .console-content{width:100%;max-width:100%;overflow-x:clip;padding:18px 12px 72px}
  .view-header{align-items:stretch;gap:12px;margin-bottom:18px}
  .view-header>div{min-width:0}
  .view-header h1{font-size:26px;line-height:1.08}
  .view-header p{font-size:9px;line-height:1.5}
  .view-header>.button,.view-header>form,.view-header>.status-pill{align-self:flex-start}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .metric{min-width:0;min-height:105px;padding:15px}
  .metric strong{margin-top:10px;font-size:22px}
  .dashboard-grid,.analytics-grid,.menu-admin{grid-template-columns:1fr}
  .panel,.category-panel,.side-form,.settings-card,.chart-card{min-width:0;max-width:100%}
  .panel>header{padding:0 14px}
  .compact-list article{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:10px 13px}
  .compact-list article>div{min-width:0}
  .compact-list h3,.compact-list p{overflow-wrap:anywhere}
  .request-list article{grid-template-columns:minmax(0,1fr) auto}
  .order-board{
    display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;margin-right:-12px;padding:0 12px 12px 0;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch
  }
  .order-column{flex:0 0 min(86vw,330px);min-width:0;min-height:420px;scroll-snap-align:start}
  .order-card footer{align-items:flex-start;gap:8px;flex-direction:column}
  .order-card form{width:100%;flex-wrap:wrap}
  .order-card button{min-height:36px}
  .kds-board{grid-template-columns:1fr}
  .kds-ticket{min-width:0}
  .table-grid{grid-template-columns:1fr}
  .table-card{min-width:0}
  .table-card footer{gap:8px}
  .table-card footer form,.table-card footer a{flex:1 1 130px}
  .data-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .data-table{min-width:720px}
  .settings-card{padding:18px}
  .side-form{position:static}
  .console-content input,.console-content select,.console-content textarea{max-width:100%;min-width:0}
  .console-content .button{min-height:38px}
}
@media(max-width:470px){
  .console-topbar{grid-template-columns:38px minmax(0,1fr) auto}
  .console-topbar-venue small{display:none}
  .console-content{padding:15px 10px 68px}
  .view-header h1{font-size:23px}
  .metric-row{grid-template-columns:1fr}
  .metric{min-height:96px}
  .compact-list article{grid-template-columns:34px minmax(0,1fr);align-items:start}
  .compact-list article>strong,.compact-list article>.status-pill{grid-column:2;justify-self:start}
  .request-list article{grid-template-columns:minmax(0,1fr) auto}
  .order-column{flex-basis:90vw}
  .category-panel,.settings-card,.side-form,.chart-card{padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .console-sidebar,.console-nav-backdrop{transition:none}
}

/* Super-administrator: explicit venue access and support-mode context */
.org-card .admin-venue-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.org-card .admin-venue-actions form{display:inline-flex}
.org-card .admin-venue-actions button{min-height:30px;padding:0 10px;font-size:10px;white-space:nowrap;color:var(--scanit);border-color:#b3d2c8;background:#ebf5f1}
.org-card .admin-venue-actions button:hover{background:#dcece6}
.org-card .admin-venue-actions span{display:inline-flex;align-items:center}
.support-context-bar{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 18px;background:#103d35;color:#fff;font-size:13px;position:sticky;top:0;z-index:90}
.support-context-bar strong{font-size:13px}
.support-context-bar span{color:#d7ece5}
.support-context-bar form{margin:0}
.support-context-bar button{border:1px solid #bde1d4;border-radius:8px;padding:8px 12px;background:#fff;color:#103d35;font-weight:700;cursor:pointer}