/* Navegação própria do celular: sem herdar dimensões da barra de computador. */
.phoneNav{display:none}
@media screen and (max-width:780px){
  body.lux-pos .sidebar{display:none!important}
  body.lux-pos #app{display:block!important;min-height:100dvh!important}
  body.lux-pos #app.hidden{display:none!important}
  body.lux-pos .content{width:100%!important;min-width:0!important;padding:16px 16px calc(100px + env(safe-area-inset-bottom))!important}
  body.lux-pos .topbar{position:static!important;margin:0 0 20px!important;padding:0 0 16px!important;min-height:60px!important;background:transparent!important;align-items:center!important;gap:12px!important}
  body.lux-pos .pageHeading h1{font-size:26px!important;line-height:1.2!important;max-width:none!important;letter-spacing:-.04em!important}
  body.lux-pos .pageHeading .eyebrow{font-size:10px!important;letter-spacing:.12em!important}
  body.lux-pos .iconBtn{width:46px!important;height:46px!important;font-size:20px!important;flex-shrink:0!important}
  body.lux-pos .topbar .statusPill,body.lux-pos .topUser{display:none!important}
  body.lux-pos .phoneNav{display:flex;position:fixed;z-index:500;inset:auto 0 0;box-sizing:border-box;height:calc(76px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px;background:#fff;border-top:1px solid #dce4ee;box-shadow:0 -4px 20px #172d4210}
  body.lux-pos .phoneNav button{display:flex;flex:1 1 0;min-width:0;min-height:60px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;border-radius:12px;background:transparent;color:#526378;padding:6px 3px;font-size:12px;font-weight:650;line-height:1.2}
  body.lux-pos .phoneNav button.active{background:#e8efff;color:#174ebc}
  .phoneNav svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  body.lux-pos .phoneNav.hidden,body.lux-pos.mobile-modal-open .phoneNav,body.lux-pos[data-active-tab="order"] .phoneNav{display:none!important}
  body.lux-pos #tablesTab>.panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.lux-pos #tablesTab>.panel>.panelHead{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  body.lux-pos #tablesTab .panelHead .eyebrow,body.lux-pos #tablesTab .panelHead .muted{display:none!important}
  body.lux-pos #tablesTab .panelHead h2{font-size:17px!important;margin:0!important;font-weight:650!important;color:#526378!important}
  body.lux-pos #tablesTab .headBtns{margin-left:auto!important}
  body.lux-pos #openTableTop{min-height:50px!important;font-size:15px!important;padding:12px 18px!important;border-radius:12px!important;box-shadow:none!important}
  body.lux-pos .tableGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;margin:0!important}
  body.lux-pos .tableCard{padding:18px!important;border:1px solid #dce4ee!important;border-radius:18px!important;box-shadow:0 3px 12px #14203306!important;background:white!important}
  body.lux-pos .tableCardHead b{font-size:23px!important;line-height:1.2!important}
  body.lux-pos .tableCardHead small{font-size:16px!important;margin-top:6px!important}
  body.lux-pos .tableCardMeta{font-size:12px!important;margin:12px 0 16px!important}
  body.lux-pos .tableOpenBadge{font-size:11px!important;padding:7px 10px!important}
  body.lux-pos .tableCard button{height:auto!important;min-height:48px!important;font-size:15px!important;width:100%!important;margin:0!important;padding:12px!important;border-radius:12px!important}
  body.lux-pos .tableCardActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
  body.lux-pos #tables>.empty{padding:40px 24px!important;background:#fff!important;border:1px dashed #cbd6e4!important;border-radius:18px!important;font-size:16px!important;line-height:1.6!important;min-height:180px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important}
  body.lux-pos .panel{padding:18px!important;border-radius:18px!important}
  body.lux-pos .panel h2,body.lux-pos .modalCard h2{font-size:23px!important}
  body.lux-pos .twoCol{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  body.lux-pos .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.lux-pos .stat{padding:16px!important;min-width:0!important}
  body.lux-pos .stat strong{font-size:24px!important}
  body.lux-pos .quickGrid{grid-template-columns:1fr!important}
  body.lux-pos .muted{font-size:14px!important}
  body.lux-pos .modalCard label{display:block!important;font-size:15px!important}
  body.lux-pos .modalCard input,body.lux-pos .modalCard select{width:100%!important;min-width:0!important}
  body.lux-pos .modalCard .full{margin-top:14px!important;font-size:16px!important}
  body.lux-pos .moreMenuGrid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.lux-pos .moreMenuGrid button{padding:15px!important;text-align:left!important;min-height:64px!important}
  body.lux-pos .moreMenuGrid b{font-size:16px!important}.moreMenuGrid small{display:block;font-size:13px!important;margin-top:4px}
  body.lux-pos .filterBar{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important}
  body.lux-pos .filterBar button{flex-shrink:0;min-height:46px!important;font-size:14px!important}
  body.lux-pos .detailLine,body.lux-pos .historyLine{flex-wrap:wrap!important;overflow-wrap:anywhere}
  body.lux-pos .loginTitle .muted{font-size:15px!important}body.lux-pos .loginCard label{font-size:15px!important}
  body.lux-pos[data-active-tab="order"] .content{padding:12px 12px 108px!important}
  body.lux-pos .posOrderHeader{grid-template-columns:44px minmax(0,1fr) auto!important;position:static!important}
  body.lux-pos .posOrderHeader>div{min-width:0;overflow-wrap:anywhere}
  body.lux-pos .posProductMain{height:auto!important;grid-template-rows:auto!important}
  body.lux-pos .posProductIcon{color:#52718a!important;grid-column:1!important;grid-row:1!important}
  body.lux-pos .posProductInfo{grid-column:2!important;grid-row:1!important}
  body.lux-pos .posPlus{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important}
  body.lux-pos .modalCard .hidden{display:none!important}
  body.lux-pos .cashShortcuts button{border:1px solid #d3ddea;background:#f3f6fb;color:#203853;border-radius:10px;font-size:14px}
  body.lux-pos .toast{bottom:calc(94px + env(safe-area-inset-bottom))!important;left:16px!important;right:16px!important;transform:none!important;max-width:none!important;font-size:15px!important}
  body.lux-pos .hidden{display:none!important}
}
@media print{.phoneNav{display:none!important}}

@media screen and (min-width:781px){
body.lux-pos .posProductMain{min-height:108px;padding:16px;gap:12px}body.lux-pos .posProductInfo b{font-size:15px;line-height:1.4}body.lux-pos .posProductInfo small{font-size:14px}body.lux-pos .posPlus{min-width:40px;min-height:40px;display:grid;place-items:center;font-size:20px}body.lux-pos .posCategories button{min-height:44px;font-size:13px}body.lux-pos .posCartActions button{min-height:48px;font-size:14px}body.lux-pos .modalCard{max-height:90vh;overflow-y:auto}body.lux-pos .modalCard input,body.lux-pos .modalCard select{min-height:48px;font-size:16px}body.lux-pos .modalCard .hidden{display:none!important}
}
@media(min-width:781px) and (max-width:1440px){body.lux-pos .posProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.productActions{display:flex;gap:8px;flex-shrink:0}.productActions button{min-height:44px;padding:10px 14px}
@media(max-width:780px){body.lux-pos #productsAdmin .rowItem{flex-wrap:wrap!important;gap:12px!important}body.lux-pos .productActions{width:100%}body.lux-pos .productActions button{flex:1;min-height:46px!important;font-size:14px!important}}