.restaurant-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.restaurant-setup-grid .wide{grid-column:1/-1}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{margin:0}.mini-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.mini-list span{padding:7px 10px;border-radius:99px;background:#f1f4f9;font-size:12px}.product-admin-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.product-admin-list article{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center}.product-admin-list img{width:55px;height:55px;object-fit:cover;border-radius:9px}.product-admin-list div{display:grid;flex:1}.restaurant-auth{min-height:100vh;display:grid;place-items:center;background:#f2f5f8}.restaurant-auth .auth-card{width:min(420px,calc(100% - 30px))}.order-menu{margin:0;background:#f7f7f4;color:#17211d;font-family:Arial,sans-serif}.order-hero{padding:35px 20px 24px;text-align:center;color:#fff;background:var(--restaurant)}.order-hero h1,.order-hero p{margin:3px}.category-tabs{display:flex;gap:8px;padding:12px;overflow:auto;position:sticky;top:0;background:#fff;z-index:4}.category-tabs a{white-space:nowrap;padding:8px 14px;border-radius:99px;background:#eef3f0;color:#173d30;text-decoration:none}.catalog{max-width:1050px;margin:auto;padding:10px 16px 100px}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.food-card{display:grid;grid-template-columns:140px 1fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #16281e12}.food-card img{width:100%;height:100%;min-height:170px;object-fit:cover}.food-card>div{padding:16px}.food-card h3{margin:0 0 5px}.food-card p{color:#68746e;min-height:38px}.food-card select{display:block;margin:10px 0}.food-card button,.cart-fab{border:0;background:var(--restaurant);color:#fff;border-radius:9px;padding:10px 14px;font-weight:700}.cart-fab{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:8}.cart-drawer{position:fixed;right:-440px;top:0;width:min(400px,100%);height:100vh;background:#fff;z-index:10;padding:24px;box-sizing:border-box;box-shadow:-10px 0 35px #0002;transition:.25s;overflow:auto}.cart-drawer.open{right:0}.cart-close{float:right;border:0;background:none;font-size:30px}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px 0;border-bottom:1px solid #eee}.cart-row div{display:grid}.cart-row button{border:0;background:#fee;color:#a11}.cart-total{display:flex;justify-content:space-between;font-size:18px;margin:20px 0}.restaurant-dashboard{margin:0;background:#f3f5f7;font-family:Arial,sans-serif}.restaurant-top{display:flex;justify-content:space-between;padding:18px 25px;background:#101c18;color:#fff}.restaurant-top h1,.restaurant-top p{margin:2px}.restaurant-top>div:last-child{display:flex;gap:8px}.restaurant-main{padding:22px}.restaurant-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.restaurant-stats article{background:#fff;padding:16px;border-radius:12px;display:grid}.restaurant-stats b{font-size:24px}.order-board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow:auto}.order-column{background:#e9edef;border-radius:14px;padding:10px;min-height:360px}.order-ticket{background:#fff;border-radius:11px;padding:12px;margin-bottom:10px}.order-ticket>div{display:flex;justify-content:space-between}.order-ticket li small{display:block;color:#687}.order-ticket form{display:flex;gap:5px;margin-top:9px}.restaurant-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}@media(max-width:760px){.restaurant-setup-grid,.restaurant-bottom{grid-template-columns:1fr}.restaurant-setup-grid .wide{grid-column:auto}.product-admin-list,.catalog-grid,.restaurant-stats{grid-template-columns:1fr}.food-card{grid-template-columns:105px 1fr}.restaurant-main{padding:12px}.restaurant-top{padding:13px;align-items:flex-start}.restaurant-top>div:last-child{display:grid}}
.complaint-list{display:grid;gap:12px}.complaint-card{padding:16px;border:1px solid #ffffff1a;border-left:4px solid #ef4444;border-radius:16px;background:#ffffff06}.complaint-card.status-reviewing{border-left-color:#f59e0b}.complaint-card.status-resolved{border-left-color:#22c55e;opacity:.78}.complaint-meta,.complaint-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.complaint-meta span,.complaint-meta b{padding:5px 9px;border-radius:999px;background:#ffffff0d;font-size:.75rem}.complaint-meta time{color:#a9a1b5;font-size:.78rem}.complaint-meta b{margin-left:auto}.complaint-card>p{font-size:1rem;line-height:1.55;white-space:pre-wrap}.complaint-contact{color:#bdb5c8;font-size:.83rem}.complaint-contact a{color:inherit}.complaint-card form{display:flex;gap:8px;margin-top:13px}.complaint-card select{border:1px solid #ffffff1a;border-radius:10px;background:#17131e;color:#fff;padding:9px}.complaint-empty{color:#9f96b2}


/* =========================================================
   TAPLIO RESTAURANT DASHBOARD V2
   ========================================================= */

.restaurant-dashboard-v2{
  --rv2-bg:#f7f7fb;
  --rv2-card:#fff;
  --rv2-text:#171426;
  --rv2-muted:#817b96;
  --rv2-line:#ebe8f2;
  --rv2-purple:#7c3aed;
  --rv2-purple-dark:#5b21b6;
  --rv2-sidebar:#0d0918;
  --rv2-sidebar-card:#19112b;
  margin:0;
  background:var(--rv2-bg);
  color:var(--rv2-text);
  font-family:'DM Sans',Arial,sans-serif;
}

.restaurant-v2-shell{
  min-height:100vh;
}

.restaurant-v2-sidebar{
  width:260px;
  position:fixed;
  inset:0 auto 0 0;
  background:var(--rv2-sidebar);
  color:#dcd6ec;
  padding:24px 16px;
  display:flex;
  flex-direction:column;
  z-index:60;
  overflow:auto;
}

.restaurant-v2-brand{
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 8px 24px;
}

.restaurant-v2-brand>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#9b5cff,#6332dc);
  color:#fff;
  font:800 20px Manrope;
}

.restaurant-v2-brand div{
  display:grid;
}

.restaurant-v2-brand b{
  color:#fff;
  font:800 20px Manrope;
}

.restaurant-v2-brand small{
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#77708a;
}

.restaurant-v2-restaurant{
  display:flex;
  align-items:center;
  gap:11px;
  background:var(--rv2-sidebar-card);
  border:1px solid #33234f;
  padding:13px;
  border-radius:15px;
  margin-bottom:22px;
}

.restaurant-v2-avatar{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  background:#7941e7;
  color:white;
  border-radius:11px;
  font-weight:800;
}

.restaurant-v2-restaurant>div:last-child{
  display:grid;
  min-width:0;
}

.restaurant-v2-restaurant b{
  color:white;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.restaurant-v2-restaurant small{
  color:#aaa1bb;
  text-transform:capitalize;
}

.restaurant-v2-nav{
  display:grid;
  gap:5px;
}

.restaurant-v2-nav-label{
  margin:18px 12px 5px;
  color:#625a75;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.restaurant-v2-nav a{
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border-radius:10px;
  color:#aaa3bb;
  font-size:14px;
  font-weight:650;
}

.restaurant-v2-nav a i{
  width:20px;
  font-style:normal;
  text-align:center;
}

.restaurant-v2-nav a:hover,
.restaurant-v2-nav a.active{
  background:#25163d;
  color:white;
}

.restaurant-v2-nav a.active{
  border:1px solid #543180;
}

.restaurant-v2-sidebar-bottom{
  margin-top:auto;
  padding-top:25px;
  display:grid;
  gap:9px;
}

.restaurant-v2-order-switch{
  border:1px solid #285846;
  background:#11291f;
  color:white;
  width:100%;
  padding:11px;
  display:flex;
  text-align:left;
  align-items:center;
  gap:10px;
  border-radius:11px;
  cursor:pointer;
}

.restaurant-v2-order-switch>span{
  width:9px;
  height:9px;
  background:#2bd38a;
  box-shadow:0 0 0 5px #2bd38a18;
  border-radius:50%;
}

.restaurant-v2-order-switch div{
  display:grid;
}

.restaurant-v2-order-switch small{
  color:#7d9c8e;
}

.restaurant-v2-order-switch.paused{
  background:#2a1518;
  border-color:#5e2a31;
}

.restaurant-v2-order-switch.paused>span{
  background:#ef5d68;
}

.restaurant-v2-signout{
  border:0;
  background:transparent;
  width:100%;
  text-align:left;
  color:#ef7781;
  padding:11px 13px;
  cursor:pointer;
  font-weight:700;
}

.restaurant-v2-app{
  margin-left:260px;
  min-height:100vh;
}

.restaurant-v2-topbar{
  height:72px;
  padding:0 32px;
  border-bottom:1px solid var(--rv2-line);
  background:white;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:0;
  z-index:40;
}

.restaurant-v2-topbar>div:first-of-type{
  display:grid;
}

.restaurant-v2-topbar>div:first-of-type small{
  color:#8d86a0;
  font-size:9px;
  letter-spacing:.15em;
  font-weight:800;
}

.restaurant-v2-topbar>div:first-of-type b{
  font:700 16px Manrope;
}

.restaurant-v2-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.restaurant-v2-icon-button{
  width:40px;
  height:40px;
  border-radius:11px;
  border:1px solid var(--rv2-line);
  background:white;
  cursor:pointer;
  font-size:18px;
}

.restaurant-v2-theme-button{width:40px;height:40px;border-radius:11px;border:1px solid var(--rv2-line);background:#fff;color:var(--rv2-text);cursor:pointer;font-size:17px}

.restaurant-v2-language{
  min-width:40px;
  height:40px;
  border-radius:11px;
  border:1px solid var(--rv2-line);
  background:#f7f3ff;
  color:#6d35c7;
  font-weight:800;
  cursor:pointer;
}

.restaurant-v2-sidebar-backdrop{display:none}

.restaurant-v2-cancel-reason[hidden]{display:none}

.restaurant-dashboard-v2.restaurant-rtl{font-family:Arial,Tahoma,sans-serif}
.restaurant-rtl .restaurant-v2-app{margin-left:0;margin-right:260px}
.restaurant-rtl .restaurant-v2-sidebar{inset:0 0 0 auto}
.restaurant-rtl .restaurant-v2-signout{text-align:right}

.restaurant-v2-public-button{
  padding:10px 14px;
  background:#7c3aed;
  color:white;
  border-radius:10px;
  font-weight:700;
  font-size:13px;
}

.restaurant-v2-profile{
  display:flex;
  align-items:center;
  gap:9px;
  padding-left:10px;
}

.restaurant-v2-profile>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f0e9ff;
  color:#7139dc;
  font-weight:800;
}

.restaurant-v2-profile div{
  display:grid;
}

.restaurant-v2-profile small{
  color:var(--rv2-muted);
  text-transform:capitalize;
}

.restaurant-v2-mobile-menu{
  display:none;
}

.restaurant-dashboard-v2 .restaurant-main.restaurant-v2-content{
  max-width:1500px;
  padding:32px;
  margin:auto;
}

.restaurant-v2-page-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:25px;
}

.restaurant-v2-page-head>div:first-child>small,
.restaurant-v2-section-head small,
.restaurant-v2-card-head small{
  color:#7c3aed;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:800;
}

.restaurant-v2-page-head h1{
  margin:5px 0;
  font:800 31px Manrope;
  letter-spacing:-.03em;
}

.restaurant-v2-page-head p{
  margin:0;
  color:var(--rv2-muted);
}

.restaurant-v2-live-status{
  display:flex;
  gap:9px;
  align-items:center;
  border:1px solid #dcefe7;
  background:#f1fbf6;
  color:#15774e;
  border-radius:99px;
  padding:9px 13px;
  font-weight:700;
  font-size:13px;
}

.restaurant-v2-live-status i{
  width:8px;
  height:8px;
  background:#22b978;
  border-radius:50%;
}

.restaurant-v2-live-status i.off{
  background:#ef5965;
}

.restaurant-v2-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-bottom:18px;
}

.restaurant-v2-kpis article{
  border:1px solid var(--rv2-line);
  background:white;
  border-radius:16px;
  padding:18px;
  display:flex;
  gap:14px;
  align-items:center;
}

.restaurant-v2-kpi-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  font-size:20px;
}

.restaurant-v2-kpi-icon.purple{
  color:#7740d9;
  background:#f1e9ff;
}

.restaurant-v2-kpi-icon.green{
  color:#07865c;
  background:#e7f8f1;
}

.restaurant-v2-kpi-icon.blue{
  color:#3868d9;
  background:#eaf0ff;
}

.restaurant-v2-kpi-icon.amber{
  color:#b56a08;
  background:#fff3dd;
}

.restaurant-v2-kpis article>div:last-child{
  display:grid;
}

.restaurant-v2-kpis span{
  color:var(--rv2-muted);
  font-size:13px;
  font-weight:600;
}

.restaurant-v2-kpis b{
  font:800 25px Manrope;
}

.restaurant-v2-kpis small{
  color:#a19bad;
}

.restaurant-v2-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:18px;
  margin-bottom:18px;
}

.restaurant-v2-card{
  background:white;
  border:1px solid var(--rv2-line);
  border-radius:17px;
  padding:21px;
  margin-bottom:18px;
}

.restaurant-v2-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:19px;
}

.restaurant-v2-card-head h2{
  font:750 19px Manrope;
  margin:4px 0 0;
}

.restaurant-v2-card-head a{
  color:#7c3aed;
  font-weight:700;
  font-size:13px;
}

.restaurant-v2-channels{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.restaurant-v2-channels>div{
  padding:14px;
  border:1px solid #eeebf4;
  border-radius:13px;
  display:flex;
  align-items:center;
  gap:10px;
}

.restaurant-v2-channels>div>span{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:10px;
}

.restaurant-v2-channels .purple{
  background:#f0e8ff;
  color:#7c3aed;
}

.restaurant-v2-channels .blue{
  background:#e8f0ff;
  color:#3768f4;
}

.restaurant-v2-channels .green{
  background:#e5f8f1;
  color:#07865c;
}

.restaurant-v2-channels .amber{
  background:#fff3dd;
  color:#b56a08;
}

.restaurant-v2-channels div div{
  display:grid;
}

.restaurant-v2-channels b{
  font:800 20px Manrope;
}

.restaurant-v2-channels small{
  color:var(--rv2-muted);
  font-size:11px;
}

.restaurant-v2-engagement{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.restaurant-v2-engagement>div{
  background:#faf9fc;
  border:1px solid #efecf4;
  padding:14px;
  border-radius:12px;
  display:grid;
}

.restaurant-v2-engagement span{
  color:var(--rv2-muted);
  font-size:12px;
}

.restaurant-v2-engagement b{
  font:800 23px Manrope;
}

.restaurant-v2-alert-card{
  border-color:#f1d5a8;
  background:#fffdf8;
}

.restaurant-v2-alert-card .restaurant-v2-card-head strong{
  background:#fce6bd;
  color:#966108;
  padding:6px 10px;
  border-radius:99px;
}

.restaurant-v2-request-list{
  display:grid;
  gap:8px;
}

.restaurant-v2-request-list form{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  background:white;
  border:1px solid #f1e7d8;
  border-radius:11px;
  padding:11px;
}

.restaurant-v2-request-list form div{
  display:grid;
}

.restaurant-v2-request-list span{
  color:var(--rv2-muted);
  font-size:13px;
}

.restaurant-v2-live{
  margin:23px 0;
}

.restaurant-v2-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:13px;
}

.restaurant-v2-section-head h2{
  margin:3px 0;
  font:800 22px Manrope;
}

.restaurant-v2-section-head>span{
  padding:7px 11px;
  border-radius:99px;
  background:#eee8fb;
  color:#713ac8;
  font-size:12px;
  font-weight:800;
}

.restaurant-v2-order-board{
  display:grid;
  grid-template-columns:repeat(5,minmax(260px,1fr));
  gap:12px;
  overflow:auto;
  padding-bottom:5px;
}

.restaurant-v2-order-column{
  height:min(650px,calc(100vh - 145px));
  min-height:430px;
  background:#f0eff4;
  border-radius:15px;
  padding:10px;
  display:flex;
  flex-direction:column;
}

.restaurant-v2-order-column>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:5px 4px 12px;
}

.restaurant-v2-order-column>header>div{
  display:flex;
  align-items:center;
  gap:7px;
}

.restaurant-v2-order-column header i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#9d96ab;
}

.restaurant-v2-order-column.status-new header i{
  background:#8b5cf6;
}

.restaurant-v2-order-column.status-accepted header i{
  background:#4f7ff1;
}

.restaurant-v2-order-column.status-preparing header i{
  background:#e39521;
}

.restaurant-v2-order-column.status-ready header i{
  background:#20ad79;
}

.restaurant-v2-order-column.status-served header i{
  background:#7b8799;
}

.restaurant-v2-order-column.status-final header i{background:#0e9f74}.restaurant-v2-stage{width:max-content;padding:3px 6px;border-radius:99px;background:#e8f8f1;color:#087653;font-size:9px;font-weight:800}

.restaurant-v2-order-column>header>span{
  font-size:11px;
  font-weight:800;
  background:white;
  border-radius:99px;
  padding:4px 8px;
}

.restaurant-v2-column-orders{
  display:grid;
  gap:9px;
  align-content:start;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:3px;
  scrollbar-width:thin;
  scrollbar-color:#cfc8db transparent;
}

.restaurant-v2-column-orders::-webkit-scrollbar{width:5px}.restaurant-v2-column-orders::-webkit-scrollbar-thumb{background:#cfc8db;border-radius:99px}

.restaurant-v2-sound-button{height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #e4dfec;border-radius:10px;background:#fff;color:#716a7d;cursor:pointer}.restaurant-v2-sound-button b{font-size:11px}.restaurant-v2-sound-button.active{border-color:#bfe8d7;background:#effaf5;color:#137651}.restaurant-v2-order-toast{position:fixed;right:22px;top:92px;z-index:100;display:flex;align-items:center;gap:11px;width:min(360px,calc(100vw - 30px));padding:14px 16px;border:1px solid #bde8d5;border-radius:14px;background:#fff;color:#173c2f;box-shadow:0 18px 55px #16102230;opacity:0;transform:translateY(-15px);pointer-events:none;transition:.25s}.restaurant-v2-order-toast.show{opacity:1;transform:none}.restaurant-v2-order-toast>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9f9f2}.restaurant-v2-order-toast>div{display:grid}.restaurant-v2-order-toast small{margin-top:3px;color:#65736d}

.restaurant-dashboard-v2.restaurant-dark{--rv2-bg:#0b0912;--rv2-card:#15111e;--rv2-text:#f4f1fa;--rv2-muted:#aaa2b8;--rv2-line:#2c2537;--rv2-sidebar:#08060d;--rv2-sidebar-card:#171020}.restaurant-dark .restaurant-v2-topbar,.restaurant-dark .restaurant-v2-card,.restaurant-dark .restaurant-v2-kpis article,.restaurant-dark .restaurant-v2-theme-button,.restaurant-dark .restaurant-v2-icon-button{background:#15111e;color:var(--rv2-text);border-color:var(--rv2-line)}.restaurant-dark .restaurant-v2-order-column{background:#110e18}.restaurant-dark .restaurant-v2-order-ticket,.restaurant-dark .restaurant-v2-channel,.restaurant-dark .restaurant-v2-engagement>div,.restaurant-dark .restaurant-v2-channels>div,.restaurant-dark .restaurant-v2-request-list form{background:#1c1725;color:var(--rv2-text);border-color:#30283b}.restaurant-dark .restaurant-v2-order-column>header>span{background:#211a2b;color:#ddd6e8}.restaurant-dark .restaurant-v2-ticket-head,.restaurant-dark .restaurant-v2-ticket-total,.restaurant-dark .restaurant-v2-top-products>div,.restaurant-dark .restaurant-v2-recent-orders>div,.restaurant-dark .restaurant-v2-product-performance>div{border-color:#30283b}.restaurant-dark input,.restaurant-dark select,.restaurant-dark textarea{background:#110e18;color:#f5f2fa;border-color:#382f45}.restaurant-dark .restaurant-v2-live-status{background:#10271e;border-color:#1f513e}.restaurant-dark .restaurant-v2-order-toast{background:#171220;color:#f5f2fa;border-color:#315d4b}

.restaurant-v2-order-ticket{
  background:white;
  border:1px solid #e6e3eb;
  border-radius:13px;
  padding:13px;
  box-shadow:0 5px 15px #17112608;
}

.restaurant-v2-ticket-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #f0edf3;
  padding-bottom:10px;
}

.restaurant-v2-ticket-head>div{
  display:grid;
  gap:4px;
}

.restaurant-v2-ticket-head strong{
  font:800 17px Manrope;
}

.restaurant-v2-ticket-head time{
  color:var(--rv2-muted);
  font-size:11px;
}

.restaurant-v2-channel{
  font-size:11px;
  color:#716b7e;
}

.restaurant-v2-customer{
  display:flex;
  justify-content:space-between;
  padding:9px 0;
  font-size:12px;
}

.restaurant-v2-customer a{
  color:#7040cf;
}

.restaurant-v2-order-location{margin:0 0 8px;padding:7px 8px;border-radius:8px;background:#f7f4fb;color:#6f687b;font-size:10px;line-height:1.4}.restaurant-dark .restaurant-v2-order-location{background:#261f30;color:#c4bbcf}

.restaurant-v2-items{
  padding:0;
  margin:8px 0;
  list-style:none;
  display:grid;
  gap:7px;
}

.restaurant-v2-items li{
  display:flex;
  gap:8px;
  font-size:12px;
}

.restaurant-v2-items li>div{
  display:grid;
}

.restaurant-v2-items small{
  color:var(--rv2-muted);
}

.restaurant-v2-note{
  padding:8px;
  background:#fff9e9;
  color:#765813;
  border-radius:8px;
  font-size:11px;
}

.restaurant-v2-ticket-total{
  display:flex;
  justify-content:space-between;
  padding:10px 0;
  margin-top:4px;
  border-top:1px solid #eeeaf2;
}

.restaurant-v2-ticket-total span{
  color:var(--rv2-muted);
}

.restaurant-v2-ticket-links{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:11px;
  margin-bottom:9px;
}

.restaurant-v2-ticket-links a{
  color:#7543d2;
  font-weight:700;
}

.restaurant-v2-ticket-links span{
  padding:4px 7px;
  border-radius:99px;
  font-weight:800;
}

.restaurant-v2-ticket-links .paid{
  background:#e6f8f0;
  color:#087653;
}

.restaurant-v2-ticket-links .unpaid{
  background:#fff0e2;
  color:#a95a05;
}

.restaurant-v2-ticket-action,
.restaurant-v2-payment{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  margin-top:7px;
}

.restaurant-v2-ticket-action input,
.restaurant-v2-ticket-action select,
.restaurant-v2-payment select{
  font-size:11px;
  padding:7px;
}

.restaurant-v2-close-table{
  width:100%;
  border:0;
  background:#f6f3fa;
  color:#625a70;
  padding:8px;
  border-radius:7px;
  margin-top:7px;
  font-size:11px;
  cursor:pointer;
}

.restaurant-v2-empty-column{
  min-height:130px;
  display:grid;
  place-content:center;
  text-align:center;
  color:#aaa3b4;
  gap:4px;
}

.restaurant-v2-empty-column span{
  font-size:22px;
}

.restaurant-v2-bottom-grid{
  grid-template-columns:1fr 1.2fr;
}

.restaurant-v2-top-products,
.restaurant-v2-recent-orders,
.restaurant-v2-product-performance{
  display:grid;
}

.restaurant-v2-top-products>div,
.restaurant-v2-recent-orders>div,
.restaurant-v2-product-performance>div{
  min-height:53px;
  border-bottom:1px solid #f0edf4;
  display:flex;
  align-items:center;
  gap:11px;
}

.restaurant-v2-top-products>div>span,
.restaurant-v2-product-performance>div>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f2edfb;
  color:#7541cf;
  font-weight:800;
  font-size:11px;
}

.restaurant-v2-top-products b{
  flex:1;
}

.restaurant-v2-top-products strong{
  color:#07865c;
  font-size:12px;
}

.restaurant-v2-recent-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f3eefb;
  color:#7440ce;
}

.restaurant-v2-recent-orders>div>div{
  display:grid;
  flex:1;
}

.restaurant-v2-recent-orders small,
.restaurant-v2-product-performance small{
  color:var(--rv2-muted);
  font-size:11px;
}

.restaurant-v2-recent-orders strong{
  font-size:12px;
}

.restaurant-v2-product-performance>div>div{
  display:grid;
  flex:1;
}

.restaurant-v2-product-performance>div>strong{
  color:#7841d1;
  font-size:12px;
}

.restaurant-v2-count-alert{
  padding:6px 10px;
  border-radius:99px;
  background:#fff0f0;
  color:#b42318;
  font-size:12px;
  font-weight:800;
}

.restaurant-v2-complaint-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.restaurant-v2-complaint-grid>article{
  padding:14px;
  border-radius:12px;
  border:1px solid #ece9f1;
}

.restaurant-v2-complaint-grid article.status-new{
  border-left:3px solid #ee5e68;
}

.restaurant-v2-complaint-grid article.status-reviewing{
  border-left:3px solid #e7a323;
}

.restaurant-v2-complaint-grid article.status-resolved{
  border-left:3px solid #24ae79;
}

.restaurant-v2-complaint-head{
  display:flex;
  justify-content:space-between;
  gap:7px;
  color:var(--rv2-muted);
  font-size:10px;
}

.restaurant-v2-complaint-grid article p{
  font-size:13px;
  line-height:1.5;
}

.restaurant-v2-complaint-contact{
  display:flex;
  gap:7px;
  align-items:center;
  margin:10px 0;
  font-size:12px;
}

.restaurant-v2-complaint-contact a{
  color:#7240cf;
}

.restaurant-v2-complaint-grid form{
  display:flex;
  gap:6px;
}

.restaurant-v2-complaint-grid select{
  padding:7px;
  font-size:11px;
}

.restaurant-v2-muted{
  color:var(--rv2-muted);
}

.restaurant-v2-table-security{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.restaurant-v2-password{
  display:grid;
  gap:11px;
}

.restaurant-v2-password input{
  padding:10px;
}

.restaurant-v2-empty{
  padding:25px;
  text-align:center;
  color:var(--rv2-muted);
}

@media(max-width:1180px){
  .restaurant-v2-kpis{
    grid-template-columns:repeat(2,1fr);
  }

  .restaurant-v2-channels{
    grid-template-columns:repeat(2,1fr);
  }

  .restaurant-v2-complaint-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .restaurant-v2-order-board{grid-template-columns:repeat(5,minmax(235px,1fr));scroll-snap-type:x proximity}.restaurant-v2-order-column{scroll-snap-align:start;height:min(610px,calc(100vh - 130px))}
}

@media(max-width:820px){
  .restaurant-v2-sidebar{
    transform:translateX(-100%);
    transition:.2s;
  }

  .restaurant-v2-sidebar.open{
    transform:translateX(0);
  }

  .restaurant-v2-app{
    margin-left:0;
  }

  .restaurant-rtl .restaurant-v2-app{margin-right:0}

  .restaurant-rtl .restaurant-v2-sidebar{transform:translateX(100%)}

  .restaurant-rtl .restaurant-v2-sidebar.open{transform:translateX(0)}

  .restaurant-v2-sidebar-backdrop{
    position:fixed;
    inset:0;
    border:0;
    background:#10091f80;
    z-index:55;
  }

  .restaurant-v2-sidebar-backdrop.open{display:block}

  .restaurant-v2-mobile-menu{
    display:block;
    border:1px solid var(--rv2-line);
    background:white;
    width:39px;
    height:39px;
    border-radius:10px;
  }

  .restaurant-v2-topbar{
    padding:0 14px;
  }

  .restaurant-v2-topbar>div:first-of-type{
    margin-right:auto;
    margin-left:12px;
  }

  .restaurant-v2-profile{
    display:none;
  }

  .restaurant-v2-sound-button b{display:none}

  .restaurant-dashboard-v2 .restaurant-main.restaurant-v2-content{
    padding:18px 13px;
  }

  .restaurant-v2-page-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .restaurant-v2-grid,
  .restaurant-v2-bottom-grid{
    grid-template-columns:1fr;
  }

  .restaurant-v2-complaint-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .restaurant-v2-kpis{
    grid-template-columns:1fr;
  }

  .restaurant-v2-public-button{
    display:none;
  }

  .restaurant-v2-channels{
    grid-template-columns:1fr 1fr;
  }

  .restaurant-v2-engagement{
    grid-template-columns:1fr 1fr;
  }

  .restaurant-v2-page-head h1{
    font-size:25px;
  }

  .restaurant-v2-order-column{height:560px;min-height:0}.restaurant-v2-order-toast{right:15px;top:78px}
}

/* Unified client-portal styling for catalog, settings, staff, printers and images */
.restaurant-dashboard:not(.restaurant-dashboard-v2){background:#f7f7fb;color:#171426;min-height:100vh}
.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-top{background:#0d0918;padding:20px max(20px,calc((100vw - 1400px)/2));align-items:center;box-shadow:0 8px 30px #140a2818}
.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-top h1{font:800 25px Manrope,Arial,sans-serif;margin:5px 0}
.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-top p{color:#aaa1bb}
.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-top a{color:#d9c9f8}
.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-main{max-width:1400px;margin:auto;padding:28px}
.restaurant-dashboard:not(.restaurant-dashboard-v2) .panel{border:1px solid #ebe8f2;border-radius:17px;box-shadow:0 8px 25px #17112608}
.restaurant-dashboard:not(.restaurant-dashboard-v2) input,
.restaurant-dashboard:not(.restaurant-dashboard-v2) select,
.restaurant-dashboard:not(.restaurant-dashboard-v2) textarea{border:1px solid #ded9e8;border-radius:10px;background:#fff;padding:11px}
.restaurant-dashboard:not(.restaurant-dashboard-v2) input:focus,
.restaurant-dashboard:not(.restaurant-dashboard-v2) select:focus,
.restaurant-dashboard:not(.restaurant-dashboard-v2) textarea:focus{outline:2px solid #7c3aed33;border-color:#8b5cf6}
@media(max-width:760px){.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-top{padding:15px;flex-direction:column;gap:12px}.restaurant-dashboard:not(.restaurant-dashboard-v2) .restaurant-main{padding:14px}.restaurant-dashboard:not(.restaurant-dashboard-v2) .table{overflow:auto}.restaurant-dashboard:not(.restaurant-dashboard-v2) .tr{min-width:720px}}
.restaurant-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px 18px;border:1px solid #f59e0b;border-radius:16px;background:#fffbeb;color:#78350f;box-shadow:0 10px 30px rgba(146,64,14,.08)}
.restaurant-demo-banner div{display:grid;gap:4px}
.restaurant-demo-banner b{font-size:15px}
.restaurant-demo-banner span{font-size:12px;line-height:1.45}
.restaurant-demo-banner a{flex:0 0 auto;padding:10px 14px;border-radius:11px;background:#f59e0b;color:#fff;font-weight:800;text-decoration:none}
body.restaurant-dark .restaurant-demo-banner{border-color:#b45309;background:#2b1909;color:#fde68a}
body.demo-mode form :is(input,select,textarea,button):disabled{cursor:not-allowed;opacity:.55}
@media(max-width:720px){.restaurant-demo-banner{align-items:flex-start;flex-direction:column}.restaurant-demo-banner a{width:100%;text-align:center}}

/* Partner Smart Menu product grid overflow fix */
.app-shell .product-admin-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  min-width:0;
}

.app-shell .product-admin-list article{
  min-width:0;
  width:100%;
  overflow:hidden;
}

.app-shell .product-admin-list article > div{
  min-width:0;
}

.app-shell .product-admin-list article b,
.app-shell .product-admin-list article small{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.app-shell .product-admin-list article form{
  flex:0 0 auto;
}
