/* ── KITCHEN OVERLAY ──────────────────────────────────────────── */
#kitchen-overlay{position:fixed;inset:0;z-index:200;background:rgba(5,2,10,.95);display:none;flex-direction:column;overflow:hidden}
#kitchen-overlay.open{display:flex}
#kitchen-header{background:linear-gradient(135deg,#1a0e2e,#251838);border-bottom:2px solid var(--gold);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
#kitchen-header .k-title{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--gold)}
.btn-close-kitchen{background:rgba(201,168,76,.15);border:1px solid var(--gold);color:var(--gold);border-radius:8px;padding:8px 18px;font-size:.82rem;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all .2s}
.btn-close-kitchen:hover{background:rgba(201,168,76,.35)}
#kitchen-body{display:grid;grid-template-columns:260px 1fr 220px;gap:0;flex:1;overflow:hidden}
/* Queue panel */
#kitchen-queue{background:rgba(20,10,35,.8);border-right:1px solid rgba(201,168,76,.2);display:flex;flex-direction:column;overflow:hidden}
.k-panel-title{font-family:'Playfair Display',serif;font-size:.9rem;color:var(--gold);padding:14px 16px 10px;border-bottom:1px solid rgba(201,168,76,.12);flex-shrink:0}
#queue-list{flex:1;overflow-y:auto;padding:10px}
.queue-item{background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.25);border-radius:10px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s}
.queue-item:hover{background:rgba(201,168,76,.12);border-color:var(--gold);transform:translateX(3px)}
.queue-item.active{background:rgba(123,45,139,.2);border-color:var(--accent);cursor:default}
.queue-item.locked{opacity:.4;cursor:not-allowed}
.q-emoji{font-size:1.8rem}
.q-name{font-size:.82rem;font-weight:700;color:var(--cream)}
.q-sub{font-size:.67rem;color:rgba(255,255,255,.35)}
/* Station panel */
#kitchen-station{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;overflow-y:auto;gap:16px}
.station-empty{text-align:center;color:rgba(255,255,255,.25);margin-top:60px}
.station-empty .se-icon{font-size:4rem;margin-bottom:16px;opacity:.3}
.recipe-title{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--gold-light);text-align:center}
/* Steps */
.steps-wrap{display:flex;flex-direction:column;gap:8px;width:100%;max-width:460px}
.step-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:all .3s}
.step-item.done{background:rgba(76,175,80,.08);border-color:rgba(76,175,80,.3);opacity:.6}
.step-item.active{background:rgba(201,168,76,.08);border-color:var(--gold);box-shadow:0 0 12px rgba(201,168,76,.15)}
.step-item.locked{opacity:.3}
.step-emoji{font-size:1.6rem;flex-shrink:0}
.step-label{font-size:.85rem;font-weight:700;color:var(--cream);flex:1}
.step-status{font-size:.75rem}
/* Cook timer */
.cook-timer-wrap{width:100%;max-width:460px}
.cook-track{height:14px;background:rgba(255,255,255,.08);border-radius:8px;overflow:hidden;margin-bottom:6px;position:relative}
.cook-fill{height:100%;border-radius:8px;transition:width .25s linear;position:relative}
.cook-fill::after{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:rgba(255,255,255,.4);border-radius:2px}
.cook-labels{display:flex;justify-content:space-between;font-size:.72rem}
.cook-time{color:var(--gold-light);font-weight:700}
.cook-warn{color:#f44336}
.burned-flash{background:rgba(244,67,54,.15);border:2px solid #f44336!important;animation:burn-pulse .4s infinite alternate}
@keyframes burn-pulse{from{box-shadow:0 0 8px rgba(244,67,54,.3)}to{box-shadow:0 0 24px rgba(244,67,54,.7)}}
/* Action button */
.btn-step{border:none;border-radius:10px;padding:12px 28px;font-family:'Lato',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:all .25s;margin-top:6px}
.btn-step-click{background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 4px 20px rgba(123,45,139,.4)}
.btn-step-click:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(123,45,139,.6)}
.btn-step-collect{background:linear-gradient(135deg,#2d6a4f,#1b4332);color:white;box-shadow:0 4px 20px rgba(45,106,79,.4)}
.btn-step-collect:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(45,106,79,.6)}
.btn-step:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
/* Beverage machine */
.bev-machine{width:120px;height:160px;background:linear-gradient(180deg,#2a2a3a,#1a1a28);border:2px solid rgba(201,168,76,.4);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.bev-cup{font-size:2.5rem;margin-bottom:8px;position:relative;z-index:2}
.bev-liquid{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 14px 14px;transition:height 1.5s ease-in-out}
.bev-label{position:absolute;top:12px;font-size:.65rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px}
.bev-spout{width:8px;height:20px;background:rgba(201,168,76,.5);border-radius:4px;position:absolute;top:32px}
/* Inventory panel */
#kitchen-inv{background:rgba(20,10,35,.8);border-left:1px solid rgba(201,168,76,.2);display:flex;flex-direction:column;overflow:hidden}
#inv-list{flex:1;overflow-y:auto;padding:10px}
.inv-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}
.inv-item.has-stock{border-color:rgba(76,175,80,.4);background:rgba(76,175,80,.07)}
.inv-left{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700}
.inv-count{font-size:1.1rem;font-weight:700;color:var(--gold-light);min-width:28px;text-align:right}
.inv-count.zero{color:rgba(255,255,255,.2)}
/* Kitchen badge on open button */
.kitchen-btn{position:relative;background:linear-gradient(135deg,#2d1b4e,#4a1a30);border:1px solid var(--gold);color:var(--gold);border-radius:8px;padding:7px 16px;font-size:.8rem;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all .2s}
.kitchen-btn:hover{background:linear-gradient(135deg,#3d2b5e,#5a2a40);transform:translateY(-1px)}
.k-badge{position:absolute;top:-6px;right:-6px;background:#f44336;color:white;border-radius:50%;width:18px;height:18px;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}