/* STARLIKE POS · CONSUMO RAPIDO EN COMEDOR */
#view-restaurant .rest-quick-add{
  margin:12px 0;
  padding:11px;
  border:1px solid rgba(255,212,0,.34);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,212,0,.055),rgba(255,43,138,.035)),#101116;
  overflow:hidden;
}
#view-restaurant .rest-quick-head{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(120px,1.2fr);
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
#view-restaurant .rest-quick-head b{
  display:block;
  color:#ffd400!important;
  font-size:14px;
  line-height:1.15;
}
#view-restaurant .rest-quick-head small{
  display:block;
  margin-top:2px;
  color:#b9bec8!important;
  font-size:10px;
}
#view-restaurant #restQuickSearch{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  background:#08090d!important;
  color:#fff!important;
  border:1px solid #4b4f59!important;
  box-sizing:border-box!important;
}
#view-restaurant #restQuickSearch:focus{
  border-color:#ffd400!important;
  outline:none!important;
}
#view-restaurant .rest-quick-cats{
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding:0 0 7px;
  scrollbar-width:thin;
}
#view-restaurant .rest-quick-chip{
  flex:0 0 auto;
  border:1px solid #3d414a;
  border-radius:999px;
  background:#17191f;
  color:#ddd;
  padding:6px 9px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
#view-restaurant .rest-quick-chip.active{
  background:#ffd400;
  border-color:#ffd400;
  color:#111;
}
#view-restaurant .rest-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  max-height:292px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:2px;
}
#view-restaurant .rest-quick-product{
  min-width:0;
  min-height:58px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  padding:8px 9px;
  border:1px solid #363942;
  border-radius:10px;
  background:#181a20;
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
}
#view-restaurant .rest-quick-product:hover{
  border-color:#ffd400;
  background:#202129;
}
#view-restaurant .rest-quick-product:active{
  transform:scale(.985);
}
#view-restaurant .rest-quick-product:disabled{
  opacity:.58;
  cursor:wait;
  transform:none;
}
#view-restaurant .rest-quick-product span{
  display:block;
  width:100%;
  color:#fff!important;
  font-size:12px;
  font-weight:900;
  line-height:1.12;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-restaurant .rest-quick-product small{
  color:#ffd400!important;
  font-size:10px;
  font-weight:800;
}
#view-restaurant .rest-quick-message{
  min-height:16px;
  margin-top:6px;
  color:#75efae!important;
  font-size:10px;
  font-weight:800;
}
#view-restaurant .rest-quick-message.error{color:#ff7b96!important}
#view-restaurant .rest-quick-empty{
  grid-column:1/-1;
  padding:12px;
  text-align:center;
  color:#aaa!important;
  border:1px dashed #444;
  border-radius:9px;
}
@media(max-width:1180px){
  #view-restaurant .rest-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}
}
@media(max-width:700px){
  #view-restaurant .rest-quick-head{grid-template-columns:1fr}
  #view-restaurant .rest-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}