/* Match Manage Tables navigation exactly */
.app-frame.live-app-frame{position:relative;z-index:1;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding:14px;gap:14px}
.side-nav{border-radius:22px;padding:18px 12px;display:flex;flex-direction:column;min-height:calc(100vh - 28px);background:var(--glass)}
.side-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:3px 8px 18px;height:auto;border-bottom:0}
.side-brand .servemate-logo,.side-brand img{width:174px;height:66px;object-fit:contain}
.nav-menu{display:grid;gap:6px;margin-top:0}
.nav-menu a{position:relative;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;min-height:49px;padding:0 11px;color:#c5d2de;text-decoration:none;border-radius:13px;border-left:3px solid transparent;font-size:11px}
.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.055);color:#fff;border-left-color:var(--orange)}
.nav-menu a.active b{color:var(--orange)}
.nav-menu a span{font-size:19px;text-align:center}.nav-menu a em{font-style:normal;font-size:8px;background:var(--red);color:#fff;padding:3px 6px;border-radius:12px;height:auto;min-width:0}
.premium-box{margin-top:auto;border:1px solid rgba(255,107,53,.45);border-radius:17px;padding:17px 13px;text-align:center;background:rgba(255,107,53,.035)}
.premium-box>div{font-size:25px;color:var(--orange)}.premium-box strong{font-size:14px;margin:6px}.premium-box span{font-size:9px;line-height:1.6}.premium-box button{margin-top:12px;padding:9px;font-size:10px;border-radius:10px}
.tables-topbar{height:66px;border-radius:19px;padding:0 17px;margin-bottom:12px}.restaurant-name strong{font-size:13px}.restaurant-name small{font-size:9px}.mobile-menu{border:0;background:transparent;font-size:21px}.global-search{width:min(350px,32vw);height:40px;border-radius:13px}.global-search input{font-size:10px}
/* ServeMate Option 1 — Live Orders page */
:root{--lo-bg:#06172a;--lo-panel:#0a2138;--lo-panel-2:#0d2945;--lo-line:rgba(255,255,255,.10)}
body{background:#041426;overflow-x:hidden}
a{color:inherit}

.app-frame.live-app-frame{
  position:relative;z-index:1;width:100%;min-height:100vh;
  display:grid;grid-template-columns:205px minmax(0,1fr);
  gap:10px;padding:10px;
}
.side-nav{
  min-height:calc(100vh - 20px);padding:10px 9px;border-radius:18px;
  display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(160deg,rgba(10,34,57,.98),rgba(4,21,38,.98));
}
.side-brand{height:72px;display:flex;align-items:center;justify-content:center;padding:0 5px 9px;border-bottom:1px solid var(--lo-line);text-decoration:none}
.side-brand img{width:166px;height:61px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
.nav-menu{display:grid;gap:4px;margin-top:7px}
.nav-menu a{min-height:43px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 9px;border-left:3px solid transparent;border-radius:11px;color:#d0dae3;text-decoration:none;font-size:9px}
.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.055);border-left-color:var(--orange);color:#fff}
.nav-menu a.active b{color:var(--orange)}
.nav-menu a span{font-size:16px;text-align:center}.nav-menu a b{font-weight:600;white-space:nowrap}.nav-menu a em{font-style:normal;background:#f22f42;color:#fff;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;font-size:7px;font-weight:800}
.premium-box{margin-top:auto;padding:13px 10px;border:1px solid rgba(255,107,53,.42);border-radius:14px;text-align:center;background:rgba(255,107,53,.025)}
.premium-box>div{font-size:22px;color:var(--orange)}.premium-box strong,.premium-box span{display:block}.premium-box strong{font-size:12px;margin:5px 0}.premium-box span{font-size:7px;line-height:1.55;color:var(--muted)}.premium-box button{width:100%;margin-top:10px;padding:8px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--orange),#ff8c5a);color:#fff;font-size:8px;font-weight:800}

.live-shell{min-width:0;width:100%}
.tables-topbar{height:58px;padding:0 13px;margin-bottom:9px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(145deg,rgba(9,30,51,.96),rgba(5,20,35,.98))}
.restaurant-name{min-width:250px;display:flex;align-items:center;gap:10px}.restaurant-name strong,.restaurant-name small{display:block}.restaurant-name strong{font-size:11px}.restaurant-name small{font-size:7px;color:var(--orange);margin-top:2px}
.mobile-menu{width:34px;height:34px;border:1px solid var(--lo-line);border-radius:9px;background:rgba(255,255,255,.025);color:#fff;font-size:15px}
.global-search{flex:0 1 330px;height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--lo-line);border-radius:10px;background:rgba(255,255,255,.025)}
.global-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:8px}.global-search input::placeholder{color:#8196a9}
.top-actions{display:flex;align-items:center;gap:7px}.icon-button{position:relative;width:35px;height:35px;border:1px solid var(--lo-line);border-radius:9px;background:rgba(255,255,255,.025);color:#fff}.count-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:9px;background:#ef2b3d;color:#fff;display:grid;place-items:center;font-size:7px}.profile-chip{display:flex;align-items:center;gap:7px}.profile-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#17304a;font-weight:900;font-size:10px}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:9px}.profile-chip small{font-size:7px;color:var(--muted)}

.live-page{width:100%;min-height:calc(100vh - 87px);padding:11px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(8,28,48,.97),rgba(4,19,34,.98));border:1px solid var(--lo-line)}
.live-title{display:flex;align-items:center;gap:10px;margin-bottom:9px}.title-icon{color:var(--orange);font-size:24px}.live-title h1{font-family:Manrope,Segoe UI,sans-serif;font-size:21px;font-weight:800;margin:0}.live-title p{font-size:7px;color:var(--muted);margin:2px 0 0}
.order-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:9px}.order-kpi{min-height:70px;padding:10px 12px;border:1px solid var(--lo-line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.025)}.order-kpi strong,.order-kpi span{display:block}.order-kpi strong{font-size:18px;color:var(--status)}.order-kpi span{font-size:7px;color:#c7d2dc;margin-top:2px}.kpi-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--status) 13%,transparent);color:var(--status);font-size:15px}.order-kpi.total{--status:#936cff}.order-kpi.new{--status:#2f91f7}.order-kpi.kitchen{--status:#ff7900}.order-kpi.ready{--status:#35d45f}.order-kpi.served{--status:#16cdd4}
.orders-toolbar{min-height:43px;margin-bottom:9px;padding:4px;display:flex;justify-content:space-between;gap:8px;border:1px solid var(--lo-line);border-radius:11px;background:rgba(255,255,255,.018)}.order-tabs{display:flex;align-items:center;gap:3px;overflow:auto}.order-tabs button,.orders-tools button,.orders-tools select{height:33px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#cbd5de;font-size:7px;white-space:nowrap}.order-tabs button.active{border-color:var(--orange);color:var(--orange);background:rgba(255,107,53,.05)}.orders-tools{display:flex;gap:5px}.orders-tools button,.orders-tools select{border-color:var(--lo-line);background:rgba(255,255,255,.025)}.orders-tools select option{background:#0b2946}

.live-workspace{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:9px;align-items:stretch}.kanban{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.kanban-column{min-width:0;min-height:467px;padding:8px;border:1px solid var(--lo-line);border-radius:12px;background:rgba(3,18,32,.44)}.column-title{margin:2px 2px 8px;color:var(--status);font-size:9px;font-weight:800}.kanban-column.new{--status:#2f91f7}.kanban-column.kitchen{--status:#ff7900}.kanban-column.ready{--status:#35d45f}.kanban-column.served{--status:#17ced5}
.order-card{display:block;width:100%;margin-bottom:7px;padding:8px;border:1px solid var(--lo-line);border-radius:9px;background:linear-gradient(145deg,rgba(15,44,70,.82),rgba(6,25,43,.9));color:#fff;text-align:left;transition:.18s}.order-card:hover,.order-card.selected{border-color:var(--status);box-shadow:0 8px 20px rgba(0,0,0,.22)}.order-card-head,.order-meta,.order-value{display:flex;align-items:center;justify-content:space-between;gap:5px}.order-card h3{margin:0;color:var(--status);font-size:9px}.order-card small{font-size:6px;color:var(--muted)}.order-card-id{margin-top:4px}.order-meta,.order-value{margin-top:5px;font-size:7px}.item-count{padding:3px 5px;border-radius:5px;background:color-mix(in srgb,var(--status) 17%,transparent);color:var(--status)}.order-value strong{font-size:8px}.card-action{display:block;width:100%;margin-top:7px;padding:6px 5px;border-radius:6px;background:color-mix(in srgb,var(--status) 70%,#07192d);color:#fff;text-align:center;font-size:7px;font-weight:700}.more-orders{text-align:center;padding:5px;color:#adbbc6;font-size:7px}

.order-detail{position:relative;min-width:0;min-height:467px;padding:13px;border:1px solid var(--lo-line);border-radius:12px;background:rgba(3,19,34,.72);overflow:auto}.detail-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#fff;font-size:18px}.order-detail .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:5px}.detail-order-head{display:flex;align-items:center;justify-content:space-between}.detail-order-head h2{margin:7px 0;color:#2f91f7;font-size:17px}.order-badge{padding:4px 7px;border-radius:5px;background:var(--status);font-size:7px;font-weight:900}.order-badge.new{--status:#176bd3}.order-badge.kitchen{--status:#d76300}.order-badge.ready{--status:#15923d}.order-badge.served{--status:#0d969d}.order-facts{padding-bottom:7px;border-bottom:1px solid var(--lo-line)}.order-facts div,.bill-summary div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:7px}.order-facts span,.bill-summary span{color:#c9d3dc}.detail-items h3,.instructions h3{margin:10px 0 5px;font-size:7px}.detail-item{display:grid;grid-template-columns:23px 1fr auto;gap:7px;align-items:start;padding:5px 0}.qty{padding:4px;border:1px solid var(--lo-line);border-radius:5px;text-align:center;font-size:7px}.detail-item strong,.detail-item small{display:block}.detail-item strong{font-size:7px}.detail-item small{font-size:6px;color:var(--muted);margin-top:2px}.detail-price{font-size:7px}.bill-summary{padding:5px 0;border-top:1px solid var(--lo-line);border-bottom:1px solid var(--lo-line)}.bill-summary .total span,.bill-summary .total strong{color:var(--orange);font-size:11px;font-weight:900}.detail-actions{display:grid;gap:6px;margin-top:10px}.detail-actions button{height:32px;border:0;border-radius:7px;color:#fff;font-size:7px;font-weight:800}.edit-order{background:#1266d3}.send-kitchen{background:linear-gradient(135deg,#ff6b00,#ff4c00)}.reject-order{background:linear-gradient(135deg,#ed2430,#b7141d)}.instructions{margin-top:10px;padding-top:2px;border-top:1px solid var(--lo-line)}.instructions p{font-size:6px;color:#b9c6d1}
.bottom-summary{display:grid;grid-template-columns:1.65fr .8fr;gap:8px;margin-top:8px}.today-summary,.kitchen-summary{min-height:62px;padding:8px 9px;border:1px solid var(--lo-line);border-radius:11px;background:rgba(3,17,31,.38)}.summary-heading{font-size:7px;font-weight:800}.summary-heading button{float:right;border:0;background:transparent;color:#2f91f7;font-size:6px}.summary-values{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.summary-values div{padding-right:5px;border-right:1px solid var(--lo-line)}.summary-values span,.summary-values strong,.kitchen-values span,.kitchen-values strong{display:block}.summary-values span,.kitchen-values span{font-size:6px;color:var(--muted)}.summary-values strong,.kitchen-values strong{margin-top:2px;font-size:8px}.kitchen-values{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.load i{display:block;height:4px;margin-top:4px;border-radius:5px;background:rgba(255,255,255,.08)}.load b{display:block;height:100%;border-radius:5px;background:var(--orange)}

.edit-card{position:relative;width:min(520px,95vw);padding:22px;border-radius:18px}.edit-card h2{font-size:18px}.edit-line{display:grid;grid-template-columns:1fr 72px auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--lo-line)}.edit-line strong{font-size:9px}.qty-control{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--lo-line);border-radius:8px}.qty-control button{border:0;background:transparent;color:#fff;padding:6px}.edit-card label{display:grid;gap:6px;margin-top:11px;color:var(--muted);font-size:8px}.edit-card textarea{min-height:65px;padding:9px;resize:vertical;border:1px solid var(--lo-line);border-radius:9px;background:rgba(255,255,255,.04);color:#fff}.edit-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.edit-footer strong{color:var(--orange);font-size:16px}

@media(max-width:1250px){.app-frame.live-app-frame{grid-template-columns:185px minmax(0,1fr)}.side-brand img{width:150px}.live-workspace{grid-template-columns:minmax(0,1fr) 290px}.kanban{grid-template-columns:repeat(4,minmax(145px,1fr))}}
@media(max-width:1050px){.kanban{grid-template-columns:repeat(2,1fr)}.kanban-column{min-height:auto}.live-workspace{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:900px){.app-frame.live-app-frame{grid-template-columns:1fr;padding:7px}.side-nav{position:fixed;left:-220px;top:0;bottom:0;z-index:80;width:205px;min-height:100vh;border-radius:0 16px 16px 0;transition:left .24s}.side-nav.open{left:0}.global-search{display:none}.restaurant-name{min-width:0}.live-workspace{grid-template-columns:1fr}.order-detail{position:fixed;right:-330px;top:0;z-index:70;width:320px;height:100vh;border-radius:15px 0 0 15px;background:#061b30;transition:right .24s}.order-detail.open{right:0}}
@media(max-width:650px){.top-actions .icon-button:nth-child(2){display:none}.profile-chip>div:last-child{display:none}.order-kpis{grid-template-columns:repeat(2,1fr)}.order-kpi:first-child{grid-column:1/-1}.orders-toolbar{display:block}.orders-tools{margin-top:5px}.kanban{grid-template-columns:1fr}.bottom-summary{display:block}.bottom-summary>section{margin-top:7px}.summary-values{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   TYPOGRAPHY ALIGNMENT — MATCH MANAGE TABLES PAGE
   ========================================================= */
.side-brand img{width:174px;height:64px}
.nav-menu a{min-height:47px;font-size:11px}
.nav-menu a span{font-size:18px}
.nav-menu a em{font-size:8px;min-width:20px;height:20px}
.premium-box strong{font-size:14px}
.premium-box span{font-size:9px}
.premium-box button{font-size:10px;padding:9px}

.tables-topbar{height:66px;padding:0 16px}
.restaurant-name strong{font-size:13px}
.restaurant-name small{font-size:9px}
.global-search{height:40px}
.global-search input{font-size:10px}
.profile-chip strong{font-size:11px}
.profile-chip small{font-size:9px}

.live-page{padding:15px}
.live-title{margin-bottom:12px}
.title-icon{font-size:28px}
.live-title h1{font-size:26px;line-height:1.1}
.live-title p{font-size:10px;margin-top:4px}

.order-kpis{gap:10px;margin-bottom:11px}
.order-kpi{min-height:82px;padding:12px 14px}
.order-kpi strong{font-size:25px;line-height:1}
.order-kpi span{font-size:10px;margin-top:5px}
.kpi-icon{width:43px;height:43px;font-size:18px}

.orders-toolbar{min-height:48px;margin-bottom:11px;padding:5px}
.order-tabs button,.orders-tools button,.orders-tools select{height:36px;padding:0 14px;font-size:9px}

.live-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:10px}
.kanban{gap:9px}
.kanban-column{min-height:520px;padding:10px}
.column-title{font-size:11px;margin:2px 2px 10px}

.order-card{margin-bottom:9px;padding:11px;border-radius:11px}
.order-card h3{font-size:12px}
.order-card small{font-size:8px}
.order-card-id{margin-top:5px}
.order-meta,.order-value{margin-top:7px;font-size:9px}
.item-count{padding:4px 7px}
.order-value strong{font-size:12px}
.card-action{margin-top:9px;padding:8px 7px;font-size:9px;border-radius:7px}
.more-orders{font-size:9px;padding:7px}

.order-detail{min-height:520px;padding:16px}
.detail-close{font-size:21px}
.order-detail .eyebrow{font-size:9px}
.detail-order-head h2{font-size:22px;margin:9px 0}
.order-badge{font-size:8px;padding:5px 9px}
.order-facts div,.bill-summary div{font-size:9px;padding:7px 0}
.order-facts strong,.bill-summary strong{font-size:10px}
.detail-items h3,.instructions h3{font-size:9px;margin:12px 0 7px}
.detail-item{grid-template-columns:27px 1fr auto;gap:9px;padding:7px 0}
.qty{font-size:9px;padding:5px}
.detail-item strong{font-size:10px}
.detail-item small{font-size:8px}
.detail-price{font-size:10px}
.bill-summary .total span,.bill-summary .total strong{font-size:14px}
.detail-actions{gap:8px;margin-top:12px}
.detail-actions button{height:38px;font-size:10px}
.instructions p{font-size:8px;line-height:1.5}

.bottom-summary{gap:10px;margin-top:10px}
.today-summary,.kitchen-summary{min-height:78px;padding:10px 12px}
.summary-heading{font-size:9px}
.summary-heading button{font-size:8px}
.summary-values{gap:8px;margin-top:10px}
.summary-values span,.kitchen-values span{font-size:8px}
.summary-values strong,.kitchen-values strong{font-size:11px;margin-top:3px}

.edit-card h2{font-size:22px}
.edit-line strong{font-size:11px}
.edit-card label{font-size:10px}

@media(max-width:1250px){
  .live-workspace{grid-template-columns:minmax(0,1fr) 315px}
  .order-card h3{font-size:11px}
  .order-meta,.order-value{font-size:8px}
}

/* Fit Live Orders in one desktop viewport */
@media (min-width:981px){
  body{overflow:hidden}
  .live-shell{height:calc(100vh - 28px);overflow:hidden}
  .live-page{height:calc(100vh - 106px);min-height:0;padding:10px;display:flex;flex-direction:column}
  .live-title{margin-bottom:7px;flex:0 0 auto}.live-title h1{font-size:23px}.live-title p{font-size:9px}
  .order-kpis{margin-bottom:7px;gap:7px;flex:0 0 auto}.order-kpi{min-height:66px;padding:8px 10px}
  .orders-toolbar{margin-bottom:7px;flex:0 0 auto}
  .live-workspace{min-height:0;flex:1;overflow:hidden;grid-template-columns:minmax(0,1fr) 330px;gap:9px}
  .kanban{min-height:0;overflow:hidden;gap:7px}.kanban-column{min-height:0;overflow:hidden;padding:8px}
  .order-card{padding:8px;min-height:0}.order-card h3{font-size:11px}.order-card-id,.order-meta,.order-value{font-size:8px}.card-action{padding:7px;margin-top:7px;font-size:8px}
  .order-detail{min-height:0;overflow:hidden;padding:12px}.detail-order-head{margin-bottom:6px}.order-facts div{padding:6px 0}.detail-items{margin-top:7px;padding-top:7px}.detail-item{padding:5px 0}.bill-summary{padding:7px 0}.bill-summary div{padding:4px 0}.detail-actions{gap:6px;margin-top:7px}.detail-actions button{min-height:34px}.instructions{margin-top:7px;padding-top:7px}
  .bottom-summary{flex:0 0 auto;margin-top:7px;gap:8px}.today-summary,.kitchen-summary{min-height:66px;padding:8px 10px}.summary-values{margin-top:7px}
}

/* Final navigation alignment — identical to Manage Tables */
.app-frame.live-app-frame{grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding:14px;gap:14px}
.app-frame.live-app-frame .side-nav{border-radius:22px;padding:18px 12px;min-height:calc(100vh - 28px);background:var(--glass);overflow:visible}
.app-frame.live-app-frame .side-brand{height:auto;justify-content:center;padding:3px 8px 18px;border-bottom:0}
.app-frame.live-app-frame .side-brand img{width:174px;height:65px;object-fit:contain}
.app-frame.live-app-frame .nav-menu{gap:6px;margin-top:0}
.app-frame.live-app-frame .nav-menu a{min-height:49px;grid-template-columns:30px 1fr auto;gap:7px;padding:0 11px;border-radius:13px;font-size:11px}
.app-frame.live-app-frame .nav-menu a span{font-size:19px}
.app-frame.live-app-frame .nav-menu a em{min-width:0;height:auto;padding:3px 6px;border-radius:12px;font-size:8px}
.app-frame.live-app-frame .premium-box{padding:17px 13px;border-radius:17px}
.app-frame.live-app-frame .premium-box>div{font-size:25px}.app-frame.live-app-frame .premium-box strong{font-size:14px;margin:6px}.app-frame.live-app-frame .premium-box span{font-size:9px;line-height:1.6}.app-frame.live-app-frame .premium-box button{margin-top:12px;padding:9px;border-radius:10px;font-size:10px}
@media (min-width:981px){.live-shell{height:calc(100vh - 28px)}}