/* STARLIKE POS · PERSONALIZATION FINAL LAYER
   Visual only. No business logic, IDs or endpoints changed. */
:root{
  --stlp-font-scale:1;
  --stlp-topbar-height:76px;
}
body{font-size:calc(14px * var(--stlp-font-scale))}
.topbar{min-height:var(--stlp-topbar-height)!important;gap:14px!important}
.stl-context-bar{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin-left:auto;margin-right:8px
}
.stl-status-pill{
  display:inline-flex;align-items:center;gap:6px;min-height:30px;
  padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.11);
  background:#15161c;color:#d9dae2;font-size:10px;font-weight:850;
  letter-spacing:.035em;white-space:nowrap
}
.stl-status-dot{width:7px;height:7px;border-radius:50%;background:#858893;box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.stl-status-pill.ok .stl-status-dot{background:var(--sl-green);box-shadow:0 0 12px rgba(79,226,156,.45)}
.stl-status-pill.warn .stl-status-dot{background:var(--sl-yellow);box-shadow:0 0 12px rgba(255,213,40,.42)}
.stl-status-pill.bad .stl-status-dot{background:var(--sl-red);box-shadow:0 0 12px rgba(255,101,117,.4)}
.stl-welcome-line{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-bottom:8px;color:#d8d8e0;font-size:12px;font-weight:800
}
.stl-welcome-line strong{color:var(--sl-yellow);font-size:14px}
.stl-section-label{
  padding:12px 10px 5px!important;margin:6px 0 2px!important;
  color:#71727c!important;font-size:9px!important;font-weight:950!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  pointer-events:none!important
}
.sidebar nav .stl-section-label:first-child{margin-top:0!important}
#stlPersonalizeBtn{
  min-height:34px!important;padding:6px 10px!important;
  border-color:rgba(255,43,147,.28)!important;
  background:linear-gradient(110deg,rgba(255,43,147,.10),rgba(255,213,40,.05))!important;
  color:#ffd4e8!important
}
#stlPersonalizeBtn::before{content:'✦';color:var(--sl-yellow);margin-right:6px}
.stl-personalize-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.stl-personalize-option{
  display:flex;align-items:flex-start;gap:10px;padding:12px;
  border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#17181e
}
.stl-personalize-option input{margin-top:3px}
.stl-personalize-option b{display:block;color:#fff;margin-bottom:2px}
.stl-personalize-option small{display:block;color:var(--sl-muted);line-height:1.35}
body.stl-density-compact{--stlp-topbar-height:64px}
body.stl-density-compact .panel,
body.stl-density-compact .metric,
body.stl-density-compact .config-box{padding-top:12px!important;padding-bottom:12px!important}
body.stl-density-compact .product-card{min-height:92px!important}
body.stl-density-compact .sidebar .nav{min-height:36px!important}
body.stl-font-large{--stlp-font-scale:1.08}
body.stl-font-large .btn,
body.stl-font-large input,
body.stl-font-large select{font-size:14px!important}
body.stl-texture-off{
  background:linear-gradient(180deg,#09090d,#070709)!important
}
body.stl-texture-off::after{display:none!important}
body.stl-glow-off .btn,
body.stl-glow-off .panel,
body.stl-glow-off .metric,
body.stl-glow-off .product-card,
body.stl-glow-off .cart{box-shadow:none!important}
body.stl-glow-off .stl-status-dot{box-shadow:none!important}
#view-pos .cart{
  outline:1px solid rgba(255,213,40,.05);
  backdrop-filter:saturate(1.05)
}
#view-pos .cart-head::after{
  content:'OPERACIÓN DE CAJA';font-size:9px;font-weight:950;letter-spacing:.14em;
  color:rgba(255,213,40,.54)
}
#view-pos .product-card h4{line-height:1.2!important}
#view-pos .product-card strong{font-size:19px!important}
.sidebar .nav[data-view="pos"],
.sidebar .nav[data-view="restaurant"],
.sidebar .nav[data-view="deliveries"],
.sidebar .nav[data-view="club"]{font-weight:850!important}
.sidebar .nav[data-view="pos"]:not(.active){border-left:2px solid rgba(255,213,40,.28)!important}
.sidebar .nav[data-view="club"]:not(.active){border-left:2px solid rgba(255,43,147,.30)!important}
.stl-branch-badge{
  display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:900
}
.stl-branch-badge::before{content:'●';color:var(--sl-pink);font-size:8px}
#stlPersonalizeDialog{width:min(620px,calc(100% - 28px))}
#stlPersonalizeDialog .modal-head h3{margin:3px 0}
#stlPersonalizeSummary{
  padding:11px 12px;border-radius:12px;
  background:linear-gradient(100deg,rgba(255,43,147,.08),rgba(255,213,40,.05));
  border:1px solid rgba(255,255,255,.09);color:#d9d9e2
}
@media(max-width:1100px){
  .stl-context-bar{order:3;width:100%;margin:0}
  .topbar{flex-wrap:wrap!important}
}
@media(max-width:760px){
  .stl-personalize-grid{grid-template-columns:1fr}
  .stl-context-bar{gap:5px}
  .stl-status-pill{font-size:9px;padding:4px 7px}
  #stlPersonalizeBtn{width:100%}
}

/* STARLIKE · seguridad visual y contraste CLUB */
button[data-stl-busy="1"]{opacity:.72!important;cursor:wait!important;filter:saturate(.78)!important}
button[aria-busy="true"]::after{content:' ·';animation:stlPulse .9s infinite alternate}
@keyframes stlPulse{from{opacity:.25}to{opacity:1}}
#clubFixedRef,#clubGatePhone,#clubGateName,
#view-club input,#view-club textarea,#view-club select{
  background:#08090d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #555a66!important;box-shadow:none!important
}
#clubFixedRef::placeholder,#clubGatePhone::placeholder,#clubGateName::placeholder,
#view-club input::placeholder,#view-club textarea::placeholder{color:#969aa5!important;opacity:1!important}
#clubFixedRef:focus,#clubGatePhone:focus,#clubGateName:focus,
#view-club input:focus,#view-club textarea:focus,#view-club select:focus{
  border-color:var(--sl-yellow)!important;box-shadow:0 0 0 3px rgba(255,213,40,.14)!important
}
#clubFixedRef{min-height:46px!important;font-size:16px!important;font-weight:750!important;padding:10px 12px!important}

/* STARLIKE · Cobro guiado */
.stl-pay-section-title{
  grid-column:1/-1;padding:8px 10px;border-radius:10px;
  background:linear-gradient(90deg,rgba(255,213,40,.10),rgba(255,43,147,.06));
  border:1px solid rgba(255,213,40,.20);color:var(--sl-yellow);
  font-size:11px;font-weight:950;letter-spacing:.08em
}
#restaurantDialog[open] #rdCash1Wrap,
#restaurantDialog[open] #rdCash2Wrap{
  padding:12px!important;border:1px solid rgba(255,213,40,.25)!important;
  border-radius:12px!important;background:#0d0e13!important
}
#restaurantDialog[open] #rdCash1Change,
#restaurantDialog[open] #rdCash2Change{
  display:inline-block;margin-left:5px;font-size:18px!important;color:var(--sl-green)!important
}
#rdCash1Exact,#rdCash2Exact{margin-top:7px!important;border-color:rgba(255,213,40,.35)!important;color:var(--sl-yellow)!important}
#rdUseSecondPayment{accent-color:var(--sl-pink)}

/* STARLIKE FINAL FORM CONTRAST + PAYMENT FLOW */
.modal input:not([type="checkbox"]):not([type="radio"]),
.modal select,.modal textarea,
.cart input:not([type="checkbox"]):not([type="radio"]),.cart select,.cart textarea,
.panel input:not([type="checkbox"]):not([type="radio"]),.panel select,.panel textarea{
  background:#090a0f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #4c505b!important;box-shadow:none!important
}
.modal input::placeholder,.modal textarea::placeholder,.cart input::placeholder,.cart textarea::placeholder,.panel input::placeholder,.panel textarea::placeholder{color:#989ca7!important;opacity:1!important}
.modal input:focus,.modal select:focus,.modal textarea:focus,.cart input:focus,.cart select:focus,.cart textarea:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{
  border-color:var(--sl-yellow)!important;box-shadow:0 0 0 3px rgba(255,213,40,.14)!important;outline:none!important
}
.modal input[readonly],.cart input[readonly]{background:#15161c!important;color:#c8cad2!important;-webkit-text-fill-color:#c8cad2!important;cursor:not-allowed!important}
.modal label,.cart label{line-height:1.35!important;gap:6px!important}
.modal label small,.cart label small{color:#aeb1ba!important;line-height:1.35!important}
.stl-pay-total-card{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:14px 16px;border-radius:14px;background:linear-gradient(110deg,rgba(255,43,147,.14),rgba(255,213,40,.06)),#111218;border:1px solid rgba(255,213,40,.24)}
.stl-pay-total-card span{font-size:11px;font-weight:900;letter-spacing:.08em;color:#bfc1c9;text-transform:uppercase}
.stl-pay-total-card strong{font-size:30px;line-height:1.05;color:var(--sl-yellow)}
.stl-pay-total-card small{color:#b7b9c2}