/* STARLIKE POS · OPERACIÓN UNIFICADA FINAL · 2026-10-04
   Se carga al final para resolver conflictos con estilos táctiles heredados. */

@media (min-width:901px){
  body.sl-operator-mode #slOperatorHome169{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    max-width:1180px!important;
    overflow:hidden!important;
  }
  body.sl-operator-mode .sl-op-welcome{
    flex:0 0 auto!important;
    padding:4px 4px 7px!important;
  }
  body.sl-operator-mode .sl-op-welcome h1{
    margin:2px 0 1px!important;
    font-size:25px!important;
    line-height:1.05!important;
  }
  body.sl-operator-mode .sl-op-welcome p{font-size:11px!important}
  body.sl-operator-mode .sl-op-cash-gate{
    flex:0 0 auto!important;
    min-height:50px!important;
    margin:0 0 7px!important;
    padding:6px 9px!important;
  }
  body.sl-operator-mode .sl-op-cash-gate b{font-size:14px!important}
  body.sl-operator-mode .sl-op-cash-gate small{font-size:10px!important}
  body.sl-operator-mode .sl-op-cash-gate button{
    min-width:100px!important;
    min-height:36px!important;
    font-size:11px!important;
  }
  body.sl-operator-mode .sl-op-home-grid{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    gap:7px!important;
  }
  body.sl-operator-mode .sl-op-home-card{
    min-width:0!important;
    min-height:82px!important;
    height:82px!important;
    padding:9px!important;
    border-radius:13px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body.sl-operator-mode .sl-op-home-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    border-radius:10px!important;
    font-size:22px!important;
  }
  body.sl-operator-mode .sl-op-home-card>span:last-child{min-width:0!important}
  body.sl-operator-mode .sl-op-home-card strong{
    margin:0!important;
    font-size:13px!important;
    line-height:1.05!important;
    white-space:normal!important;
  }
  body.sl-operator-mode .sl-op-home-card small{
    margin-top:3px!important;
    font-size:9px!important;
    line-height:1.15!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.sl-operator-mode .sl-op-live{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:9px!important;
    padding:10px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.sl-operator-mode .sl-op-live-head{
    flex:0 0 auto!important;
    margin-bottom:7px!important;
  }
  body.sl-operator-mode .sl-op-live-head h2{font-size:16px!important}
  body.sl-operator-mode .sl-op-live-summary{
    flex:0 0 auto!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  body.sl-operator-mode .sl-op-live-summary>div{padding:7px 9px!important}
  body.sl-operator-mode .sl-op-live-summary b{font-size:16px!important}
  body.sl-operator-mode .sl-op-live-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    gap:8px!important;
  }
  body.sl-operator-mode .sl-op-live-panel{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:8px!important;
  }
  body.sl-operator-mode .sl-op-live-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  body.sl-operator-mode .sl-op-live-row{padding:8px 9px!important}
  body.sl-operator-mode #slOperatorBranch169{
    flex:0 0 auto!important;
    margin:4px 0 0!important;
  }
}

.delivery-street-drivers{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.025)}
.delivery-street-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-street-head>div{display:flex;flex-direction:column;gap:2px}.delivery-street-head>b{font-size:13px}.delivery-street-head>strong{font-size:20px;white-space:nowrap}.delivery-street-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:8px}.delivery-street-chip{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.18)}.delivery-street-chip b{font-size:13px}.delivery-street-chip span,.delivery-street-chip small{font-size:11px;line-height:1.25}.delivery-street-chip small{opacity:.72}

@media (max-width:900px){
  body.sl-operator-mode #slOperatorHome169{overflow:visible!important}
  body.sl-operator-mode .sl-op-live{overflow:visible!important}
  body.sl-operator-mode .sl-op-live-grid{grid-template-columns:1fr!important;overflow:visible!important}
  body.sl-operator-mode .sl-op-live-panel{overflow:visible!important}
  body.sl-operator-mode .sl-op-live-list{overflow:visible!important}
}

@media (max-width:600px){
  body.sl-operator-mode .sl-op-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

.pending-pos-order{margin:4px 0 6px;padding:9px 10px;border:1px solid rgba(255,214,0,.28);border-radius:12px;background:rgba(255,214,0,.055);max-height:235px;overflow:auto}
.pending-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pending-order-head>div{display:flex;flex-direction:column;gap:1px;min-width:0}.pending-order-head b{font-size:13px}.pending-order-head small{font-size:10px}.pending-order-hint{margin:6px 0;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.18);font-size:10px;line-height:1.25}.pending-order-items{display:flex;flex-direction:column;gap:5px}.pending-order-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border-radius:8px;background:rgba(255,255,255,.035)}.pending-order-item>span{display:flex;flex-direction:column;gap:2px;min-width:0}.pending-order-item>span:last-child{align-items:flex-end;flex:0 0 auto}.pending-order-item b{font-size:11px}.pending-order-item small{font-size:9px;opacity:.72;white-space:normal}.pending-order-item .table-btn{font-size:9px;padding:4px 6px;min-height:26px}
body.sl-operator-mode #view-pos .pending-pos-order{max-height:210px;flex:0 1 auto}
@media(max-width:600px){.pending-pos-order{max-height:220px}.pending-order-head{align-items:stretch}.pending-order-head>[data-pending-return]{flex:0 0 auto}.pending-order-item{align-items:flex-start}.pending-order-item>span:last-child{align-items:flex-end}}

/* BLOCK 7 · COBRO SIMPLIFICADO */
.stl-cash-pad-wrap,.stl-cash-quick,#posCashExact,#orderCashExact,#orderCash2Exact,#rdCash1Exact,#rdCash2Exact{display:none!important}
#orderPaymentDialog #orderCashCalculator,#restaurantDialog #rdCash1Wrap,#restaurantDialog #rdCash2Wrap{border:1px solid rgba(255,214,0,.24);border-radius:12px;padding:10px;background:rgba(255,214,0,.045)}
#orderPaymentDialog #orderCashReceived,#restaurantDialog #rdCash1Received,#restaurantDialog #rdCash2Received{font-size:18px;font-weight:800;min-height:44px}
#orderPaymentDialog #orderCashChange,#restaurantDialog #rdCash1Change,#restaurantDialog #rdCash2Change{font-size:18px}

/* BLOCK 8 · MESAS PENDIENTES -> ENVIAR A COCINA */
.rest-pending-box{margin:10px 0 12px;border:1px solid rgba(255,214,0,.45);background:rgba(255,214,0,.055);border-radius:14px;padding:10px}
.rest-pending-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:8px}
.rest-pending-head>div{display:grid;gap:2px}.rest-pending-head>strong{font-size:18px;white-space:nowrap}
.rest-pending-lines{display:grid;gap:6px;margin-bottom:9px}
.rest-pending-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:10px;background:rgba(255,255,255,.035)}
.rest-pending-line>div:first-child{min-width:0}.rest-pending-line small{display:block;white-space:normal;overflow-wrap:anywhere;opacity:.78}
.rest-pending-line>div:last-child{display:flex;align-items:center;gap:8px}
.rest-send-pending{width:100%;min-height:44px;font-weight:900}
.rest-pending-note{display:block;margin-top:6px;opacity:.75}
.rest-pending-empty{margin:8px 0 10px;padding:9px 10px;border:1px dashed rgba(255,255,255,.16);border-radius:10px}
.rest-pending-empty b,.rest-pending-empty small{display:block}
.rest-sent-title{margin:10px 0 5px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}
#restSendPendingTop{font-weight:900}
@media(max-width:700px){
  #restaurantSessionPanel .session-actions{gap:6px}
  #restaurantSessionPanel #restSendPendingTop{flex:1 1 100%;min-height:46px;order:-1}
  .rest-pending-box{padding:8px;margin:8px 0}
  .rest-pending-line{grid-template-columns:1fr;gap:5px}
  .rest-pending-line>div:last-child{justify-content:space-between}
  .rest-send-pending{position:sticky;bottom:6px;z-index:7;box-shadow:0 6px 20px rgba(0,0,0,.35)}
}