/* Restaurant expansion: guest table QR ordering, staff cards and khata pages. */
.app-theme-command .menu-item-initial, .app-theme-command .pos-product-initial { overflow: hidden; }.app-theme-command .menu-item-initial img { height: 100%; object-fit: cover; width: 100%; }
.app-theme-command .pos-product-initial { overflow: hidden; }.app-theme-command .pos-product-initial img { height: 100%; object-fit: cover; width: 100%; }
.app-theme-command .status-qr-pending,
.app-theme-command .status-awaiting-approval { background: rgba(255, 184, 77, .18); color: #ffd27a; }
.app-theme-command .table-card.status-qr-pending { border-top-color: #ffb84d; }
.app-theme-command .table-dot.qr-pending { background: #ffb84d; }
.app-theme-command .table-qr-pending { background: rgba(255, 184, 77, .12); border-radius: .45rem; color: #ffd98f; font-size: .7rem; font-weight: 700; padding: .48rem .55rem; }

.app-theme-command .qr-labels-panel { background: linear-gradient(135deg, #191d3e, #141735); border: 1px solid rgba(174, 188, 255, .14); border-radius: 1rem; box-shadow: 0 14px 28px rgba(0,0,0,.16); padding: clamp(1rem, 2.5vw, 1.5rem); }
.app-theme-command .qr-labels-panel h2 { color: #f3f5ff; font-weight: 780; }
.qr-label-grid { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); }
.qr-label-card { align-items: center; background: #fbfcff; border-radius: .75rem; color: #171a31; display: grid; gap: .65rem; grid-template-columns: 80px 1fr; min-height: 112px; padding: .72rem; position: relative; }
.qr-label-code { align-items: center; background: #fff; border-radius: .45rem; display: flex; height: 80px; justify-content: center; overflow: hidden; width: 80px; }
.qr-label-code svg { display: block; height: 100%; max-width: 100%; width: 100%; }
.qr-label-copy { display: grid; gap: .1rem; min-width: 0; }
.qr-label-copy strong { font-size: 1rem; }.qr-label-copy span { font-size: .78rem; font-weight: 700; }.qr-label-copy small { color: #54607a; font-size: .64rem; }
.qr-replace-form { grid-column: 1 / -1; margin: -.15rem 0 0 86px; }

.credit-tender-card { background: rgba(72, 201, 183, .08); border-color: rgba(72, 201, 183, .24)!important; }.pos-credit-payment { margin-top: .55rem; }.pos-credit-payment .btn { min-height: 48px; }.pos-credit-payment small { display: block; font-size: .62rem; opacity: .8; }
.public-order-body { min-height: 100vh; }
.public-order-topbar { background: rgba(11,13,32,.95); border-bottom: 1px solid rgba(174,188,255,.12); }
.public-order-main { min-height: calc(100vh - 120px); }
.public-order-footer { color: #9da7ca; font-size: .76rem; padding: 1rem; text-align: center; }
.public-order-hero { align-items: center; background: radial-gradient(circle at 90% 0%, rgba(71, 207, 232, .18), transparent 37%), linear-gradient(135deg, #1c2147, #131632); border: 1px solid rgba(180,196,255,.15); border-radius: 1rem; display: flex; gap: 1rem; justify-content: space-between; overflow: hidden; padding: clamp(1.15rem, 3vw, 2rem); }
.public-order-hero h1, .public-track-hero h1 { color: #fafbff; font-weight: 820; letter-spacing: -.035em; }.public-table-badge { background: rgba(89, 216, 239,.12); border: 1px solid rgba(89,216,239,.29); border-radius: .8rem; color: #bff7ff; display: grid; flex: 0 0 auto; padding: .7rem 1rem; text-align: center; }.public-table-badge span { font-size: .67rem; letter-spacing: .1em; text-transform: uppercase; }.public-table-badge strong { font-size: 1.28rem; }
.public-order-notice { background: rgba(92, 174, 245,.11); border: 1px solid rgba(92,174,245,.19); border-radius: .75rem; color: #b9d7f4; font-size: .84rem; padding: .8rem 1rem; }
.public-category-scroll { display: flex; gap: .45rem; overflow-x: auto; padding-bottom: .35rem; }.public-category-scroll a { background: #24294f; border: 1px solid #3a4273; border-radius: 999px; color: #d8ddf5; font-size: .78rem; font-weight: 700; padding: .45rem .78rem; text-decoration: none; white-space: nowrap; }.public-category-scroll a.active { background: linear-gradient(90deg, #2779b7, #2ba8c2); border-color: #75dced; color: #fff; }
.public-menu-card { background: linear-gradient(145deg, #1d2148, #151836); border: 1px solid rgba(181,194,255,.14); border-radius: .9rem; color: #eff2ff; overflow: hidden; box-shadow: 0 11px 20px rgba(0,0,0,.12); }.public-menu-art { align-items: center; background: linear-gradient(135deg, #5636bb, #18a8be); color: rgba(255,255,255,.93); display: flex; font-size: 2rem; font-weight: 850; height: 72px; justify-content: center; overflow: hidden; }.public-menu-art img { height: 100%; object-fit: cover; width: 100%; }.public-menu-category { color: #96dcf0; font-size: .63rem; font-weight: 800; letter-spacing: .09em; margin-bottom: .3rem; text-transform: uppercase; }.public-menu-card p { line-height: 1.35; }
.public-cart-panel, .public-identity-card, .public-track-card { background: linear-gradient(145deg, #1a1e43, #151834); border: 1px solid rgba(181,194,255,.14); border-radius: .95rem; color: #f0f2ff; padding: clamp(1rem, 2.5vw, 1.4rem); }.public-cart-line { align-items: center; background: rgba(255,255,255,.035); border-radius: .65rem; display: grid; gap: .7rem; grid-template-columns: minmax(0,1fr) auto auto; padding: .65rem .72rem; }.public-cart-line small { color: #9ea8cb; display: block; font-size: .7rem; }.public-qty { align-items: center; border: 1px solid #434c7a; border-radius: .45rem; display: flex; overflow: hidden; }.public-qty button { background: transparent; border: 0; color: #e7f9fc; font-size: 1.1rem; height: 29px; line-height: 1; width: 29px; }.public-qty span { border-inline: 1px solid #434c7a; font-size: .78rem; font-weight: 800; min-width: 25px; text-align: center; }.public-identity-card .form-control { background: #11142f; border-color: #414a79; color: #f5f7ff; }.public-identity-card .form-control:focus { border-color: #5ad8ee; box-shadow: 0 0 0 .2rem rgba(90,216,238,.13); }.public-submit-order { font-weight: 800; min-height: 55px; }
.public-track-hero { background: radial-gradient(circle at 50% 0%, rgba(75, 213, 231, .16), transparent 45%); padding: 1.5rem 1rem .7rem; }.public-status-orb { background: #ffd06e; border-radius: 50%; box-shadow: 0 0 0 8px rgba(255,208,110,.14), 0 0 28px rgba(255,208,110,.46); display: inline-block; height: 15px; margin-bottom: 1rem; width: 15px; }.public-status-orb.tone-success { background: #57d58a; box-shadow: 0 0 0 8px rgba(87,213,138,.13), 0 0 28px rgba(87,213,138,.42); }.public-status-orb.tone-primary,.public-status-orb.tone-info { background: #55d5eb; box-shadow: 0 0 0 8px rgba(85,213,235,.13), 0 0 28px rgba(85,213,235,.42); }.public-status-orb.tone-danger { background: #ec6c78; box-shadow: 0 0 0 8px rgba(236,108,120,.13), 0 0 28px rgba(236,108,120,.42); }

.app-theme-command .client-create-card, .app-theme-command .client-list-card, .app-theme-command .client-ledger-action, .app-theme-command .client-edit-card, .app-theme-command .client-ledger-card, .app-theme-command .client-order-card { background: linear-gradient(145deg, #1a1e43, #151834); border: 1px solid rgba(181,194,255,.14); box-shadow: 0 13px 26px rgba(0,0,0,.15); color: #edf0ff; }.client-list-head, .client-profile-head { align-items: center; border-bottom: 1px solid rgba(181,194,255,.1); display: flex; gap: 1rem; justify-content: space-between; padding: 1rem 1.25rem; }.client-search { align-items: center; background: #11142f; border: 1px solid #3e4774; border-radius: .6rem; display: flex; gap: .45rem; padding: .18rem .25rem .18rem .7rem; }.client-search .ti-icon { color: #aab4d7; flex: 0 0 auto; }.client-search input { background: transparent; border: 0; box-shadow: none; color: #f1f3ff; min-width: 0; outline: 0; width: min(20rem, 38vw); }.client-table { --bs-table-bg: transparent; --bs-table-color: #e9edff; --bs-table-border-color: rgba(181,194,255,.1); }.client-table thead th { color: #aeb7da; font-size: .67rem; letter-spacing: .075em; text-transform: uppercase; }.client-balance-due { color: #ffcc76; }.client-balance-clear { color: #75dfa0; }.client-balance-hero { background: linear-gradient(135deg, #7540d0, #277fb8); border: 1px solid rgba(255,255,255,.18); border-radius: .9rem; color: #fff; display: grid; gap: .05rem; min-width: 195px; padding: .85rem 1rem; }.client-balance-hero span { font-size: .66rem; letter-spacing: .09em; opacity: .8; text-transform: uppercase; }.client-balance-hero strong { font-size: 1.48rem; }.client-balance-hero small { font-size: .68rem; opacity: .85; }.app-theme-command .client-profile .form-control, .app-theme-command .client-profile .form-select, .app-theme-command .client-hub .form-control, .app-theme-command .client-hub textarea { background: #10132e; border-color: #3c4672; color: #f0f3ff; }.app-theme-command .client-profile .form-control:focus, .app-theme-command .client-hub .form-control:focus { border-color: #67d7ed; box-shadow: 0 0 0 .2rem rgba(103,215,237,.13); }

.app-theme-command .public-order-settings { align-items: center; background: linear-gradient(135deg, rgba(43,151,193,.17), rgba(111,55,183,.17)); border: 1px solid rgba(112,215,237,.21); border-radius: .9rem; display: grid; gap: 1rem; grid-template-columns: auto minmax(0,1fr) minmax(260px,.85fr); padding: 1.1rem; }.public-order-settings-icon { align-items: center; background: rgba(99,222,239,.14); border-radius: .75rem; color:#9df2ff; display:flex; height:48px; justify-content:center; width:48px; }.public-order-settings-icon .ti-icon { font-size:1.45rem; }.public-order-settings-copy h2 { color:#f0f4ff; }.public-order-settings-copy p, .public-order-settings-form small { color:#aebad9; font-size:.75rem; }.public-order-settings-form { background: rgba(7,11,31,.25); border-radius:.65rem; padding:.75rem; }.app-theme-command .public-order-settings .form-control { background:#10132e; border-color:#3e4977; color:#eff2ff; }
.menu-admin-section, .menu-catalogue-grid { background: linear-gradient(145deg, #1a1e43, #151834); border: 1px solid rgba(181,194,255,.14); border-radius: 1rem; box-shadow: 0 13px 26px rgba(0,0,0,.15); padding: clamp(1rem, 2.5vw, 1.4rem); }.menu-admin-create { background: rgba(255,255,255,.035); border: 1px solid rgba(181,194,255,.11); border-radius: .75rem; padding: 1rem; }.menu-category-board { background: rgba(255,255,255,.025); border: 1px solid rgba(181,194,255,.1); border-radius: .75rem; padding: 1rem; }.menu-category-list { display: grid; gap: .55rem; }.menu-category-row { background: #121531; border: 1px solid #333d6b; border-radius: .65rem; padding: .65rem .75rem; }.menu-category-row summary, .menu-new-item summary { align-items: center; cursor: pointer; display: flex; justify-content: space-between; list-style: none; }.menu-category-row summary::-webkit-details-marker, .menu-new-item summary::-webkit-details-marker { display: none; }.menu-category-row summary span:first-child { display: grid; gap: .1rem; }.menu-category-row small { color: #9faad1; font-size: .68rem; }.menu-category-row.is-inactive { opacity: .65; }.menu-new-item { background: rgba(255,255,255,.035); border: 1px solid rgba(181,194,255,.13); border-radius: .75rem; padding: 1rem; }.menu-new-item summary > span:first-child { display: grid; gap: .15rem; }.menu-new-item summary strong { color: #f0f3ff; font-size: 1.05rem; }.menu-admin-card { background: linear-gradient(145deg, #1d2148, #151834); border: 1px solid rgba(181,194,255,.14); border-radius: .9rem; box-shadow: 0 11px 21px rgba(0,0,0,.13); color: #edf0ff; overflow: hidden; }.menu-admin-card.unavailable { opacity: .66; }.menu-admin-photo { align-items: center; background: linear-gradient(135deg, #5737b6, #1d9eb8); display: flex; height: 130px; justify-content: center; overflow: hidden; }.menu-admin-photo > span { color: rgba(255,255,255,.94); font-size: 3rem; font-weight: 850; }.menu-admin-photo img { height: 100%; object-fit: cover; width: 100%; }.menu-admin-card .border-top { border-color: rgba(181,194,255,.12)!important; }.menu-pin-note { background: rgba(255,185,77,.09); border: 1px solid rgba(255,185,77,.16); }.app-theme-command .menu-admin-section .form-control, .app-theme-command .menu-admin-section .form-select, .app-theme-command .menu-admin-card .form-control, .app-theme-command .menu-admin-card .form-select { background: #10132e; border-color: #3d4674; color: #eff2ff; }
.staff-count-pill { background: linear-gradient(135deg, #6e3dcc, #2a8ebd); border-radius: 999px; color: #fff; font-size: .77rem; font-weight: 750; padding: .55rem .8rem; }.app-theme-command .staff-create-card, .app-theme-command .staff-list-card, .role-guide { background: linear-gradient(145deg, #1a1e43, #151834); border: 1px solid rgba(181,194,255,.14); box-shadow: 0 13px 26px rgba(0,0,0,.15); color: #edf0ff; }.staff-create-icon { align-items: center; background: rgba(98,213,235,.15); border-radius: .55rem; color: #95efff; display: flex; height: 34px; justify-content: center; width: 34px; }.role-guide { border-radius: .8rem; display: grid; gap: .7rem; padding: 1rem; }.role-guide > div { border-top: 1px solid rgba(181,194,255,.1); display: grid; gap: .12rem; padding-top: .65rem; }.role-guide small { color: #aab3d2; font-size: .72rem; }.staff-list-head { align-items: center; border-bottom: 1px solid rgba(181,194,255,.1); display: flex; justify-content: space-between; padding: 1rem 1.25rem; }.staff-member { align-items: center; border-bottom: 1px solid rgba(181,194,255,.1); display: grid; gap: .75rem; grid-template-columns: 42px minmax(0,1fr) auto; padding: 1rem 1.25rem; }.staff-member.is-inactive { opacity: .55; }.staff-avatar { align-items: center; background: linear-gradient(135deg,#7a40da,#39a6c2); border-radius: 50%; color: #fff; display: flex; font-weight: 850; height: 42px; justify-content: center; width: 42px; }.staff-member h3 { font-size: .95rem; margin: 0; }.staff-member small { color: #a5afcf; font-size: .69rem; }.role-badge, .inactive-badge { border-radius: 999px; font-size: .63rem; font-weight: 800; padding: .23rem .48rem; text-transform: uppercase; }.role-owner { background:#7542ce;color:#fff; }.role-manager { background:#1f8cb5;color:#fff; }.role-cashier { background:#398c62;color:#fff; }.role-waiter { background:#b57d2a;color:#fff; }.role-kitchen { background:#a34367;color:#fff; }.inactive-badge { background:rgba(255,255,255,.12); color:#cbd1e8; }.staff-edit { justify-self: end; }.staff-edit-form { background: #11142f; border: 1px solid #35406e; border-radius: .6rem; margin-top: .6rem; padding: .8rem; }.app-theme-command .staff-admin .form-control, .app-theme-command .staff-admin .form-select { background:#10132e; border-color:#3d4674; color:#eff2ff; }

@media (max-width: 767.98px) { .app-theme-command .public-order-settings { align-items:stretch; grid-template-columns:auto minmax(0,1fr); }.public-order-settings-form { grid-column:1 / -1; } }
@media (max-width: 575.98px) { .public-order-hero { align-items: flex-start; flex-direction: column; }.public-table-badge { align-self: stretch; display: flex; justify-content: space-between; }.public-cart-line { grid-template-columns: minmax(0,1fr) auto; }.public-cart-line > strong { grid-column: 2; grid-row: 1; }.public-qty { grid-column: 1 / -1; justify-self: start; }.qr-label-grid { grid-template-columns: 1fr; }.staff-member { align-items: start; grid-template-columns: 38px minmax(0,1fr); padding: .85rem; }.staff-edit { grid-column: 1 / -1; justify-self: stretch; }.staff-edit > summary { width: 100%; }.staff-list-head { align-items: flex-start; flex-direction: column; }.client-list-head { align-items: stretch; flex-direction: column; }.client-search input { width: 100%; }.client-balance-hero { width: 100%; } }
@media print { body * { visibility: hidden !important; } #tableQrLabels, #tableQrLabels * { visibility: visible !important; } #tableQrLabels { background: #fff !important; border: 0 !important; box-shadow: none !important; color: #111 !important; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; top: 0; width: 100%; } #tableQrLabels .d-flex > .btn, #tableQrLabels .qr-replace-form { display: none !important; } #tableQrLabels h2, #tableQrLabels p, #tableQrLabels .eyebrow { color: #111 !important; } .qr-label-grid { grid-template-columns: repeat(3, 1fr) !important; } .qr-label-card { break-inside: avoid; border: 1px solid #ccc; } }