/* Customer-facing late-night palette; the staff workbench keeps its own styles. */
#app.customer-app{background:#111113;color:#f8f7f2;box-shadow:0 0 70px #0006}
.customer-app .demo-note{background:#edea9c;color:#2d2a0e;font-weight:600;font-size:11px}
.customer-app .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 90%,#554419 0,transparent 38%),radial-gradient(ellipse at 80% 0%,#34203a 0,transparent 45%),#151416;padding:20px 20px 19px;border-bottom:1px solid #39352d}
.customer-app .hero:after{content:'NIGHT / SOCIAL / GOOD TIMES';position:absolute;right:-52px;top:83px;transform:rotate(90deg);font-size:8px;letter-spacing:.18em;color:#8d805e;pointer-events:none}
.customer-app .topline{font-size:14px;letter-spacing:.06em;font-weight:900;color:#f0efdb}
.customer-app .orders-button{border:1px solid #858276;background:#ffffff0c;font-size:11px;color:#f6f5ef;padding:8px 13px}
.customer-app .hero-main{padding:30px 0 29px;gap:8px}.customer-app .eyebrow{color:#d5cc95;font-size:9px;letter-spacing:.16em}
.customer-app .hero h1{font-size:38px;letter-spacing:.04em;color:#fffdf1;margin:10px 0 8px}.customer-app .hero h1 span{color:#eeff49}
.customer-app .hero p{color:#d3cfc7;font-size:12px;letter-spacing:.04em}
.customer-app .banana{position:relative;right:5px;width:90px;height:90px;font-size:54px;background:#edff42;box-shadow:0 0 0 7px #e8ff4315,0 0 42px #dbf83f40}
.customer-app .hero-footer{border-top:1px solid #ffffff21;padding-top:13px;color:#b7b09a;font-size:9px}.customer-app .hero-footer span:last-child{color:#e8f957}
.customer-app .table-card{background:#222123;border:1px solid #3b3937;color:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 24px #0004}
.customer-app .table-icon{background:#e8fa4e;color:#151515}.customer-app .table-copy small,.customer-app .table-action{color:#a9a69e}
.customer-app .search{background:#242326;border:1px solid #38363b;border-radius:12px}.customer-app .search input{color:#fff}.customer-app .search input::placeholder{color:#a4a1a4}.customer-app .search span{color:#e7f85a}
.customer-app .section-head .kicker{color:#d7e84c}.customer-app .section-head h2 span{color:#edff4a}.customer-app .section-head small{color:#aaa7a3}
.customer-app .categories{padding-top:3px}.customer-app .category{color:#b0ada9}.customer-app .category.active{background:#252426;color:#efff51;border-left:3px solid #eaff46}
.customer-app .products{background:#222123;border:1px solid #302f31;border-right:0;color:#f7f5ef}.customer-app .products h3 small{color:#aba8a4}
.customer-app .item{border-color:#393738}.customer-app .item-art{border:1px solid #ffffff1c;filter:saturate(.85)}.customer-app .item-desc{color:#b9b6b0}.customer-app .price{color:#f3ff7e}.customer-app .add{background:#edff4a;color:#151515}
.customer-app .bottom{background:#19191bf7;border-top:1px solid #45443a;box-shadow:0 -10px 30px #0005}.customer-app .bag{background:#363637}.customer-app .bottom-info small{color:#b5b2aa}.customer-app .primary{background:#eaff49;color:#17190d;font-weight:800}.customer-app .primary:disabled{background:#777b51;color:#1d2016}
.customer-app .sheet{background:#242326;color:#f7f6f1;border:1px solid #454341}.customer-app .sheet-head button,.customer-app .sheet-hint{color:#bdb9b1}.customer-app .spec{background:#343336;color:#f4f3ee}.customer-app .spec.chosen{background:#eaff49;color:#181a12;border-color:#eaff49}.customer-app .stepper button{background:#424238;color:#efff64}.customer-app .cart-row,.customer-app .summary-row{border-color:#42403e}.customer-app .cart-art{background:#38372f}.customer-app .cart-name small{color:#bab6ae}
.customer-app .card{background:#242326;border:1px solid #373539;color:#f9f7f0}.customer-app .muted,.customer-app .heading small,.customer-app .summary-row small,.customer-app .coupon-hint{color:#b5b2aa}.customer-app .back{color:#d1cec6}.customer-app .page-title span,.customer-app .state-icon{color:#eaff49}.customer-app .field{background:#19191b;border-color:#454347;color:#faf9f2}.customer-app .field::placeholder{color:#aaa7a2}.customer-app .footer{background:#1d1d1f;color:#f8f7f2;border-top:1px solid #3f3d3b}.customer-app .secondary{border-color:#77756f;color:#f7f6ef}.customer-app .status{background:#42482e;color:#efff8a}.customer-app .order-items{border-color:#454340}.customer-app .state p,.customer-app .meta-row span:first-child{color:#b8b4ad}
.customer-app .test-alert{background:#40391d;color:#f5e8ae}.customer-app .test-error{color:#ffaaa2}.customer-app .toast{background:#eaff49;color:#181a12;font-weight:700}
/* Fluorescent pink adds a second accent without obscuring prices or actions. */
.customer-app .hero{background:radial-gradient(ellipse at 94% 92%,#754062 0,transparent 38%),radial-gradient(ellipse at 85% 0%,#49203b 0,transparent 45%),#151416}
.customer-app .hero h1 span,.customer-app .section-head h2 span{color:#ff67cb;text-shadow:0 0 16px #ff35ba70}
.customer-app .hero-footer span:last-child{color:#ff91d5}
.customer-app .orders-button{border-color:#c15d9b;color:#fff4fc}
.customer-app .table-card{border-bottom-color:#a74f87}
.customer-app .category.active{border-left-color:#ff63c9}
.customer-app .badge{background:#ff69ca;color:#22101c}

/* Order confirmation prioritizes table, amount and the next customer action. */
.customer-app .result-page{padding-bottom:44px}
.customer-app .result-heading{display:flex;align-items:center;gap:13px;margin:8px 0 20px}
.customer-app .result-heading small{color:#e9a2ce;font-size:10px;letter-spacing:.1em}
.customer-app .result-heading h1{font-size:23px;line-height:1.3;margin:4px 0}
.customer-app .result-mark{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;background:#eaff49;color:#151515;font-size:30px}
.customer-app .result-ticket{border:1px solid #ab578c;background:linear-gradient(135deg,#33232e,#232226 60%);border-radius:18px;overflow:hidden}
.customer-app .result-ticket-top{display:flex;justify-content:space-between;gap:14px;padding:18px}
.customer-app .result-ticket-top small{display:block;color:#d0c3ca;font-size:12px}
.customer-app .result-ticket-top strong{display:block;margin-top:5px;font-size:30px;line-height:1.2;overflow-wrap:anywhere}
.customer-app .result-ticket-top strong span{font-size:15px}
.customer-app .result-amount{text-align:right;min-width:0}.customer-app .result-amount strong{color:#eeff72}
.customer-app .result-payment{background:#12111399;border-top:1px solid #ffffff1a;padding:15px 18px}
.customer-app .result-payment strong{color:#ff9fdc;font-size:15px}.customer-app .result-payment p{font-size:13px;line-height:1.6;color:#e2dce0;margin:6px 0 0}
.customer-app .result-actions{display:flex;gap:9px;margin:14px 0 20px}.customer-app .result-actions button{flex:1;min-height:46px;padding:10px 12px}
.customer-app .result-detail .result-meta{border-top:1px solid #42403e;margin-top:16px;padding-top:8px}
@media(max-width:340px){.customer-app .result-ticket-top strong{font-size:25px}.customer-app .result-actions{flex-direction:column}}