/* STARLIKE POS · claridad operativa 2026-10-05
   Mejora visibilidad de carrito, datos de domicilio y ventanas de cobro. */
body.sl-operator-mode #view-pos .cart-lines{
  flex:0 1 170px!important;
  min-height:110px!important;
  max-height:170px!important;
  overflow-y:auto!important;
  padding:6px!important;
  background:#0c151d!important;
  border:1px solid #2d4353!important;
  border-radius:12px!important;
}
body.sl-operator-mode #view-pos .cart-line{
  display:block!important;
  padding:9px 8px!important;
  margin:0 0 6px!important;
  border:1px solid #263845!important;
  border-radius:10px!important;
  background:#13212c!important;
}
body.sl-operator-mode #view-pos .cart-line-top b{
  font-size:15px!important;
  line-height:1.18!important;
}
body.sl-operator-mode #view-pos .cart-line-top span{
  font-size:15px!important;
  font-weight:900!important;
}
body.sl-operator-mode #view-pos .cart-line small{
  display:block!important;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1.25!important;
  color:#d6e1ea!important;
}
.pending-delivery-info{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:7px 0!important;
  padding:9px!important;
  background:#101d27!important;
  border:1px solid #345064!important;
  border-radius:11px!important;
}
.pending-delivery-info>div{min-width:0!important;display:grid!important;gap:2px!important}
.pending-delivery-info .wide{grid-column:1/-1!important}
.pending-delivery-info small{font-size:10px!important;color:#9fb3c2!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.pending-delivery-info b{font-size:13px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
.pending-delivery-info span{font-size:11px!important;color:#c9d5dd!important;line-height:1.2!important;overflow-wrap:anywhere!important}

#orderPaymentDialog form,
#restaurantDialog.stl-payment-dialog form{
  width:min(680px,calc(100vw - 28px))!important;
  max-width:100%!important;
  max-height:92vh!important;
  overflow-y:auto!important;
  padding:18px!important;
}
#orderPaymentDialog .modal-head,
#restaurantDialog.stl-payment-dialog .modal-head{
  position:sticky!important;
  top:-18px!important;
  z-index:3!important;
  background:#151c24!important;
  padding:12px 0 10px!important;
  margin-bottom:10px!important;
}
#orderPaymentDialog .modal-head h3,
#restaurantDialog.stl-payment-dialog .modal-head h3{
  font-size:24px!important;
  line-height:1.15!important;
  margin:4px 0 0!important;
  color:#fff!important;
}
#orderPaymentDialog .eyebrow,
#restaurantDialog.stl-payment-dialog .eyebrow{
  font-size:12px!important;
  letter-spacing:.08em!important;
  color:#ffd43b!important;
}
#orderPaymentDialog label,
#restaurantDialog.stl-payment-dialog label{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#f3f7fa!important;
}
#orderPaymentDialog input,#orderPaymentDialog select,
#restaurantDialog.stl-payment-dialog input,#restaurantDialog.stl-payment-dialog select{
  min-height:48px!important;
  font-size:16px!important;
  line-height:1.15!important;
  padding:10px 12px!important;
}
#orderPaymentDialog .cash-change,
#restaurantDialog.stl-payment-dialog [id$="Change"]{
  font-size:14px!important;
}
#orderPaymentDialog .cash-change strong,
#restaurantDialog.stl-payment-dialog [id$="Change"]{
  font-size:24px!important;
  font-weight:950!important;
}
#orderPaymentDialog #orderPaymentTotal,
#restaurantDialog.stl-payment-dialog .stl-pay-total-card strong{
  font-size:30px!important;
  font-weight:950!important;
}
#orderPaymentDialog .modal-actions,
#restaurantDialog.stl-payment-dialog .modal-actions{
  position:sticky!important;
  bottom:-18px!important;
  z-index:3!important;
  background:#151c24!important;
  padding:10px 0 2px!important;
  margin-top:12px!important;
}
#orderPaymentConfirm,
#restaurantDialog.stl-payment-dialog #restaurantDialogSave{
  min-height:56px!important;
  font-size:17px!important;
  font-weight:950!important;
}
@media(max-height:820px) and (min-width:901px){
  body.sl-operator-mode #view-pos .cart-lines{
    flex-basis:125px!important;
    min-height:82px!important;
    max-height:125px!important;
  }
  #orderPaymentDialog form,
  #restaurantDialog.stl-payment-dialog form{
    max-height:94vh!important;
    padding:14px!important;
  }
  #orderPaymentDialog input,#orderPaymentDialog select,
  #restaurantDialog.stl-payment-dialog input,#restaurantDialog.stl-payment-dialog select{
    min-height:42px!important;
  }
}

/* STARLIKE · venta sugestiva de combos */
.combo-suggestive{margin-top:14px;padding:12px;border:1px solid #384957;border-radius:14px;background:#101922}
.combo-suggestive-title{font-size:12px;font-weight:950;letter-spacing:.08em;color:#ffd43b;margin-bottom:8px}
.combo-suggestive-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.combo-suggestive-actions .btn{min-height:52px;font-size:13px;font-weight:900;white-space:normal;line-height:1.15}
.combo-suggestive-actions .btn.selected,.combo-suggestive-actions .btn[aria-pressed="true"]{outline:2px solid #ffd43b;background:#252115}
.combo-suggestive>small{display:block;margin-top:8px;color:#b9c7d2;font-size:11px}
@media(max-width:760px){.combo-suggestive-actions{grid-template-columns:1fr}.combo-suggestive-actions .btn{min-height:48px}}

/* STARLIKE · Compras por insumo + presentación */
.purchase-capture-help{margin:12px 0 8px!important;line-height:1.35}
.purchase-capture-line{display:grid!important;grid-template-columns:minmax(190px,1.45fr) minmax(220px,1.65fr) minmax(110px,.75fr) minmax(130px,.9fr) minmax(220px,1.5fr) 36px!important;gap:8px!important;align-items:end!important;padding:10px!important;border:1px solid #2c3c48!important;border-radius:12px!important;background:#101922!important;margin-bottom:8px!important}
.purchase-capture-line .pl-field{display:grid!important;gap:4px!important;min-width:0!important}
.purchase-capture-line .pl-field small{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#9fb3c2!important;font-weight:900!important}
.purchase-capture-line select,.purchase-capture-line input{min-height:42px!important;width:100%!important}
.purchase-capture-line .pl-preview{align-self:stretch!important;display:flex!important;align-items:center!important;padding:8px 10px!important;border-radius:9px!important;background:#17242e!important;color:#d7e2ea!important;font-size:12px!important;line-height:1.3!important}
.purchase-capture-line .remove-line{min-width:36px!important;height:42px!important}
@media(max-width:1180px){.purchase-capture-line{grid-template-columns:1fr 1fr 120px 140px!important}.purchase-capture-line .pl-preview{grid-column:1/-2!important}.purchase-capture-line .remove-line{grid-column:-2/-1!important;grid-row:2!important}}
@media(max-width:760px){.purchase-capture-line{grid-template-columns:1fr!important}.purchase-capture-line .pl-preview,.purchase-capture-line .remove-line{grid-column:auto!important;grid-row:auto!important}.purchase-capture-line .remove-line{width:100%!important}}

/* STARLIKE · movimientos visibles de Caja */
.cash-movements-panel .config-head{align-items:center!important;gap:12px!important}
.cash-movements-panel table{min-width:760px!important}
.cash-movements-panel td,.cash-movements-panel th{vertical-align:middle!important}
.cash-move-deposit{background:#14351f!important;color:#8ff0aa!important}
.cash-move-withdrawal,.cash-move-refund{background:#3a1b20!important;color:#ffadb7!important}
.cash-move-expense{background:#402c12!important;color:#ffd27b!important}
.cash-effect-in{color:#75e89b!important;white-space:nowrap!important}
.cash-effect-out{color:#ff9da9!important;white-space:nowrap!important}
#cashMovementsMessage:empty{display:none!important}
@media(max-width:760px){.cash-movements-panel{overflow-x:auto!important}.cash-movements-panel .config-head{min-width:700px!important}}