:root{--bg:#07080c;--side:#0c0f16;--card:#111620;--card2:#151b28;--text:#f5f1e9;--muted:#9ca7b7;--line:rgba(255,255,255,.1);--gold:#d8a33f;--gold2:#f2d27a;--danger:#ef4444;--good:#22c55e;--blue:#38bdf8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07080c,#090b10);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:282px;position:fixed;inset:0 auto 0 0;background:rgba(12,15,22,.96);border-right:1px solid var(--line);padding:18px;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:10px;margin-bottom:12px}.logo{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1305;display:grid;place-items:center;font-weight:900}.brand strong{display:block}.brand span{font-size:12px;color:var(--muted)}.nav{display:grid;gap:7px;margin-top:16px}.nav a{padding:12px 13px;border-radius:14px;color:#dfe5ef}.nav a:hover,.nav a.active{background:rgba(216,163,63,.13);color:#f7d888}.preview{margin-top:16px;display:block;border:1px solid rgba(216,163,63,.25);background:rgba(216,163,63,.08);color:#f7d888;padding:12px;border-radius:15px;text-align:center;font-weight:700}.main{margin-left:282px;width:calc(100% - 282px);padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.topbar h1{margin:0;font-size:28px}.topbar p{margin:5px 0 0;color:var(--muted)}.userbox{display:flex;align-items:center;gap:10px}.menu-btn{display:none}.card{background:rgba(17,22,32,.88);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.stat small{color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:10px 13px;border-radius:13px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1305;border:0}.btn.danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35);color:#fecaca}.btn.good{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35);color:#bbf7d0}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}input,select,textarea{width:100%;background:#0b0f17;border:1px solid var(--line);border-radius:13px;padding:12px 13px;color:var(--text);outline:none}label{display:grid;gap:7px;color:#dce3ee;font-size:14px}textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}.alert{padding:13px 15px;border-radius:15px;margin-bottom:16px;border:1px solid var(--line)}.alert.success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35)}.alert.danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-size:12px}.badge.good{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28);color:#bbf7d0}.badge.bad{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28);color:#fecaca}.badge.gold{background:rgba(216,163,63,.14);border-color:rgba(216,163,63,.28);color:#f7d888}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px;color:#f7d888}.empty{padding:24px;text-align:center;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(216,163,63,.18),transparent 38%),#07080c}.login-card{width:min(440px,94vw);background:rgba(17,22,32,.94);border:1px solid var(--line);border-radius:26px;padding:28px}.qr-img{width:110px;height:110px;border-radius:15px;background:white;padding:8px}.print-card{display:inline-block;background:white;color:#111;padding:18px;border-radius:18px;text-align:center;margin:8px}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%;padding:0}.card{box-shadow:none;border:0}.print-card{break-inside:avoid}}@media(max-width:940px){.sidebar{transform:translateX(-110%);transition:.2s;z-index:50}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:15px}.menu-btn{display:inline-flex}.cols-2,.cols-3,.cols-4,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.userbox{flex-wrap:wrap;justify-content:flex-end}}

.logo-img{width:44px;height:44px;border-radius:14px;object-fit:cover;background:#fff;padding:4px;box-shadow:0 12px 26px rgba(0,0,0,.22)}

.kitchen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.kitchen-toolbar h2{margin:0 0 6px}
.kitchen-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kitchen-card{background:rgba(17,22,32,.94);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.kitchen-card.new{border-color:rgba(216,163,63,.45)}
.kitchen-card.preparing{border-color:rgba(56,189,248,.38)}
.kitchen-card.ready{border-color:rgba(34,197,94,.42)}
.kitchen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.kitchen-head h3{margin:8px 0 0;font-size:22px}
.kitchen-items{display:grid;gap:10px;margin:14px 0}.kitchen-item{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:12px}.kitchen-item span{display:block;margin-top:4px}
.kitchen-note{background:rgba(216,163,63,.1);border:1px solid rgba(216,163,63,.25);border-radius:16px;padding:12px;margin:12px 0}
.kitchen-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;margin:14px 0}
.kitchen-actions{display:flex;flex-wrap:wrap;gap:8px}.kitchen-actions .btn{flex:1}
@media(max-width:1180px){.kitchen-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.kitchen-toolbar{display:grid}.kitchen-board{grid-template-columns:1fr}}

.waiter-products{display:grid;gap:10px;margin:18px 0}.waiter-products h3{margin:10px 0 0;color:#f7d888}
.waiter-product-row{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:12px}
.waiter-product-row span{display:block;margin-top:4px}.waiter-product-row input{text-align:center}
.table-tags{display:flex;gap:8px;flex-wrap:wrap}

/* Qr Menüm final logo düzeni */
.logo-img{width:46px!important;height:46px!important;border-radius:16px!important;object-fit:contain!important;background:#08090d!important;padding:3px!important;border:1px solid rgba(216,163,63,.28);box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
.brand strong{letter-spacing:-.2px}
.brand{min-width:max-content}
@media(max-width:640px){.logo-img{width:42px!important;height:42px!important}.brand span{display:none!important}}


/* Premium Garson Sipariş Ekranı */
.waiter-order-page{display:grid;gap:18px}
.waiter-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:
  radial-gradient(circle at top left,rgba(216,163,63,.18),transparent 34%),
  linear-gradient(135deg,rgba(17,22,32,.96),rgba(12,15,22,.94));}
.waiter-hero h2{font-size:30px;margin:12px 0 6px;letter-spacing:-.5px}
.waiter-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:300px}
.waiter-hero-stats div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}
.waiter-hero-stats small{display:block;color:var(--muted);font-size:12px}
.waiter-hero-stats strong{font-size:28px;color:#f7d888}
.waiter-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.waiter-main{min-width:0}
.waiter-topline{display:grid;grid-template-columns:260px 1fr;gap:14px;margin-bottom:14px}
.waiter-category-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 16px;margin-bottom:8px}
.waiter-category-tabs button{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#dfe5ef;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
.waiter-category-tabs button.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1305;border-color:transparent}
.waiter-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.waiter-product-card{position:relative;display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:start;background:rgba(13,17,26,.82);border:1px solid var(--line);border-radius:22px;padding:13px;transition:.18s}
.waiter-product-card:hover{border-color:rgba(216,163,63,.35);transform:translateY(-1px)}
.waiter-product-card.selected{border-color:rgba(216,163,63,.65);box-shadow:0 18px 55px rgba(216,163,63,.10)}
.waiter-product-image{width:88px;height:88px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(216,163,63,.22),rgba(255,255,255,.04));display:grid;place-items:center;color:#f7d888;font-weight:900;font-size:28px}
.waiter-product-image img{width:100%;height:100%;object-fit:cover;display:block}
.waiter-product-info h3{margin:9px 0 6px;font-size:17px}
.waiter-product-info p{margin:0 0 8px;line-height:1.35}
.waiter-price{display:block;color:#f7d888;margin-top:8px}
.waiter-qty-control{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin-top:4px}
.waiter-qty-control input{text-align:center;font-size:18px;font-weight:900;padding:10px 8px}
.waiter-summary{position:sticky;top:92px}
.summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.summary-metrics div{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:13px}
.summary-metrics small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.summary-metrics strong{font-size:22px;color:#f7d888}
.waiter-selected-list{display:grid;gap:8px;margin:14px 0;max-height:260px;overflow:auto}
.waiter-selected-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:10px}
.waiter-selected-list b{color:#f7d888;white-space:nowrap}
.waiter-submit{width:100%;margin-top:14px;padding:14px 16px}
.tiny{font-size:12px;line-height:1.5}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.35}
@media(max-width:1180px){.waiter-layout{grid-template-columns:1fr}.waiter-summary{position:static}.waiter-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.waiter-hero{display:grid}.waiter-hero-stats{min-width:0}.waiter-topline{grid-template-columns:1fr}.waiter-product-grid{grid-template-columns:1fr}}
@media(max-width:520px){.waiter-hero-stats{grid-template-columns:1fr 1fr 1fr}.waiter-hero-stats strong{font-size:22px}.waiter-product-card{grid-template-columns:74px 1fr}.waiter-product-image{width:74px;height:74px}}


/* Garson Sipariş - sade premium düzeltme */
.waiter-lite-page{display:grid;gap:18px}
.waiter-lite-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(circle at top left,rgba(216,163,63,.16),transparent 32%),rgba(17,22,32,.94)}
.waiter-lite-head h2{font-size:28px;margin:10px 0 6px;letter-spacing:-.4px}
.waiter-lite-info{display:flex;gap:10px}
.waiter-lite-info div{min-width:92px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center}
.waiter-lite-info small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.waiter-lite-info strong{font-size:24px;color:#f7d888}
.waiter-lite-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.waiter-lite-controls{display:grid;grid-template-columns:240px 1fr;gap:14px;margin-bottom:14px}
.waiter-lite-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.waiter-lite-tabs button{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#dfe5ef;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
.waiter-lite-tabs button.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1305;border-color:transparent}
.waiter-lite-list{display:grid;gap:16px}
.waiter-lite-category h3{margin:18px 0 10px;color:#f7d888}
.waiter-lite-category:first-child h3{margin-top:0}
.waiter-lite-row{display:grid;grid-template-columns:74px minmax(0,1fr) 150px;gap:12px;align-items:center;background:rgba(13,17,26,.86);border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:10px}
.waiter-lite-row.selected{border-color:rgba(216,163,63,.62);box-shadow:0 14px 42px rgba(216,163,63,.08)}
.waiter-lite-img{width:74px;height:74px;border-radius:16px;background:linear-gradient(135deg,rgba(216,163,63,.20),rgba(255,255,255,.05));display:grid;place-items:center;overflow:hidden;color:#f7d888;font-weight:900;font-size:24px}
.waiter-lite-img img{width:100%;height:100%;object-fit:cover;display:block}
.waiter-lite-name{min-width:0}
.waiter-lite-name strong{display:block;font-size:16px}
.waiter-lite-name span{display:block;color:var(--muted);font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.waiter-lite-name b{display:block;color:#f7d888;margin-top:6px}
.qrm-qty{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:center}
.qrm-qty .btn{padding:9px 0}
.qrm-qty input{text-align:center;font-weight:900;font-size:17px;padding:10px 6px}
.waiter-lite-summary{position:sticky;top:92px}
.waiter-lite-total{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.waiter-lite-total div{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:15px;padding:12px}
.waiter-lite-total small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.waiter-lite-total strong{font-size:20px;color:#f7d888}
.waiter-lite-selected{display:grid;gap:8px;max-height:240px;overflow:auto;margin:12px 0}
.waiter-lite-selected div{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:13px;padding:9px}
.waiter-lite-selected b{color:#f7d888;white-space:nowrap}
.waiter-lite-submit{width:100%;padding:14px 16px;margin-top:12px}
.qrm-panel-toast{position:fixed;right:20px;bottom:20px;background:#111620;border:1px solid rgba(216,163,63,.35);color:#f7d888;padding:12px 16px;border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);transition:.22s;z-index:9999}
.qrm-panel-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.waiter-lite-layout{grid-template-columns:1fr}.waiter-lite-summary{position:static}}
@media(max-width:760px){.waiter-lite-head{display:grid}.waiter-lite-controls{grid-template-columns:1fr}.waiter-lite-row{grid-template-columns:58px minmax(0,1fr);align-items:start}.waiter-lite-img{width:58px;height:58px;border-radius:14px}.qrm-qty{grid-column:1/-1}.waiter-lite-info{width:100%}.waiter-lite-info div{flex:1}}


/* Güvenlik uyarısı ve mobil son düzenler */
.qrm-security-warn{
  position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);
  z-index:99999;opacity:0;transition:.22s;
  background:#111722;color:#f7d888;border:1px solid rgba(216,163,63,.35);
  border-radius:16px;padding:12px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);
  font:700 14px/1.35 Inter,Segoe UI,Arial,sans-serif;text-align:center;
  max-width:min(92vw,420px)
}
.qrm-security-warn.show{opacity:1;transform:translate(-50%,0)}
img{-webkit-user-drag:none;user-select:none}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.actions{flex-wrap:wrap}
@media(max-width:768px){
  .card{border-radius:20px}
  .topbar,.nav-inner,.hero-grid,.grid{min-width:0}
  input,select,textarea,button{font-size:16px}
  .btn{white-space:normal;text-align:center}
}


/* Host final mobil uyumluluk düzeltmeleri */
@media(max-width:900px){
  .shell{display:block!important}
  .sidebar{position:fixed!important;left:-290px;top:0;bottom:0;z-index:9000;width:280px;max-width:86vw;transition:.25s;overflow:auto}
  .sidebar.open{left:0}
  .main{width:100%!important;margin-left:0!important;padding:14px!important}
  .topbar{gap:10px;align-items:flex-start}
  .topbar h1{font-size:24px!important}
  .userbox{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .login-card{width:min(94vw,460px)!important}
  table{min-width:760px}
}
@media(max-width:560px){
  .btn{width:auto;min-width:0}
  .actions .btn,.actions form{width:100%}
  .actions form .btn{width:100%}
  .grid[class*="cols"],.cols-2,.cols-3,.cols-4{grid-template-columns:1fr!important}
  .card{padding:15px!important}
  .brand{min-width:0!important}
  .brand strong{font-size:15px}
}


/* Premium onay kutusu */
.qrm-confirm-backdrop{
  position:fixed;inset:0;background:rgba(5,7,11,.76);backdrop-filter:blur(8px);
  z-index:100000;display:none;align-items:center;justify-content:center;padding:18px
}
.qrm-confirm-backdrop.open{display:flex}
.qrm-confirm-box{
  width:min(440px,94vw);background:linear-gradient(180deg,#121824,#0d121b);
  border:1px solid rgba(216,163,63,.22);border-radius:24px;padding:20px;
  box-shadow:0 30px 90px rgba(0,0,0,.45);display:grid;gap:14px
}
.qrm-confirm-icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  background:rgba(216,163,63,.12);border:1px solid rgba(216,163,63,.28);
  color:#f7d888;font-size:28px;font-weight:900
}
.qrm-confirm-content h3{margin:0 0 6px}
.qrm-confirm-content p{margin:0;color:var(--muted,#aab2c2);line-height:1.5}
.qrm-confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:520px){.qrm-confirm-actions .btn{width:100%}}

/* Bildirim merkezi */
.userbox{position:relative}
.qrm-notification-btn{position:relative;min-width:46px}
.qrm-notification-count{
  position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;
  display:none;align-items:center;justify-content:center;border:2px solid #0c0f16
}
.qrm-notification-panel{
  position:absolute;right:0;top:54px;width:min(360px,92vw);z-index:8000;display:none;
  background:linear-gradient(180deg,#121824,#0d121b);border:1px solid rgba(216,163,63,.24);
  border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden
}
.qrm-notification-panel.open{display:block}
.qrm-notification-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.qrm-notification-head small{color:var(--muted)}
.qrm-notification-list{display:grid;max-height:360px;overflow:auto}
.qrm-notification-item{display:grid;gap:4px;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.qrm-notification-item:hover{background:rgba(216,163,63,.08)}
.qrm-notification-item strong{color:#f7d888}
.qrm-notification-item span,.qrm-notification-item small{color:var(--muted)}
.qrm-notification-item.request strong{color:#bbf7d0}
.qrm-notification-empty{padding:18px;color:var(--muted);text-align:center}

/* Masa durum renkleri */
.table-status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid var(--line)}
.table-status-pill.empty{background:rgba(148,163,184,.10);color:#dbe4ef}
.table-status-pill.active{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.30);color:#bae6fd}
.table-status-pill.bill{background:rgba(216,163,63,.14);border-color:rgba(216,163,63,.34);color:#f7d888}
.bill-card.status-active{border-color:rgba(56,189,248,.30)}
.bill-card.status-bill{border-color:rgba(216,163,63,.48);box-shadow:0 18px 54px rgba(216,163,63,.10)}
@media(max-width:900px){.qrm-notification-panel{right:auto;left:0;top:52px}.userbox{position:static}.topbar{position:relative}}

.panel-search{display:flex;gap:8px;align-items:center;min-width:260px;max-width:430px;flex:1}
.panel-search input{height:42px;padding:10px 12px}
.panel-search .btn{height:42px;white-space:nowrap}
@media(max-width:900px){.panel-search{order:3;width:100%;min-width:0;max-width:none}.topbar{flex-wrap:wrap}}


/* Final mobil uyum ve taşma düzeltmeleri */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
input,select,textarea,button{font-size:16px}
.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:760px}
.card{max-width:100%}
.qrm-panel-toast{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%);
  background:#111722;border:1px solid rgba(216,163,63,.32);color:#f7d888;
  padding:10px 14px;border-radius:999px;z-index:99999;opacity:0;transition:.2s
}
.qrm-panel-toast.show{opacity:1;bottom:28px}
@media(max-width:760px){
  .main{padding:12px}
  .topbar{display:grid;grid-template-columns:1fr;gap:12px}
  .topbar h1{font-size:22px;line-height:1.15}
  .topbar p{font-size:13px}
  .userbox{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}
  .userbox .btn{width:100%}
  .brand{padding:6px}
  .sidebar{width:min(88vw,330px);box-shadow:30px 0 80px rgba(0,0,0,.45)}
  .nav a{padding:13px 12px}
  .card{padding:15px;border-radius:18px}
  .login-card{padding:20px;border-radius:22px}
  .actions{display:grid;grid-template-columns:1fr;gap:8px}
  .actions .btn,.actions form,.actions button{width:100%}
  .form-grid{grid-template-columns:1fr!important}
  .grid{gap:12px}
  .cols-2,.cols-3,.cols-4{grid-template-columns:1fr!important}
  .stat strong{font-size:24px}
  .badge{white-space:normal}
  .print-card{display:block;width:100%;margin:10px 0}
  .qr-img{width:150px;height:150px}
  .kitchen-board{grid-template-columns:1fr!important}
  .bill-grid{grid-template-columns:1fr!important}
  .bill-tools{grid-template-columns:1fr!important}
  .bill-mini{grid-template-columns:1fr!important}
  .account-hero{display:grid!important}
  .account-hero .stats{display:grid!important;grid-template-columns:1fr!important}
  .panel-search{width:100%;min-width:0;max-width:none}
}
@media(max-width:420px){
  .main{padding:10px}
  .card{padding:13px}
  th,td{padding:11px 10px}
  .btn{padding:11px 12px}
}