/* FlydoSol Selector v1.1 — estilos base */
.fsb-bar{
  --fsb-orange:#ff7a00; --fsb-stroke:#e5e7eb; --fsb-text:#111827; --fsb-muted:#6b7280;
  display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:14px;
  align-items:start; padding:16px; border:1px solid var(--fsb-stroke);
  border-radius:12px; background:#fff;
}

.fsb-field{display:flex; flex-direction:column; gap:6px}
.fsb-field label{font-size:13px;color:var(--fsb-orange);margin-left:2px}

.fsb-input,.fsb-select,.fsb-dropdown-btn,.fsb-btn{
  height:44px; display:inline-flex; align-items:center; width:100%;
  border:1px solid var(--fsb-stroke); border-radius:10px; padding:10px 12px;
  font-size:15px; color:var(--fsb-text); background:#fff; outline:none;
}
.fsb-input:focus,.fsb-select:focus,.fsb-dropdown-btn:focus{
  border-color:var(--fsb-orange); box-shadow:0 0 0 4px rgba(255,122,0,.12)
}

.fsb-btn{
  background:linear-gradient(90deg,#ff7a00,#ff8f2a); color:#fff; border:0;
  padding:12px 18px; font-weight:700; cursor:pointer; border-radius:10px;
  white-space:nowrap; align-self:end;
}

/* Fare Types popover */
.fsb-fares{position:relative !important;}
.fsb-dropdown-btn{display:flex; justify-content:space-between; align-items:center; font-weight:700}
.fsb-panel{
  position:absolute !important; right:0 !important; left:auto !important;
  top:calc(100% + 8px) !important; width:320px; max-width:92vw;
  background:#fff !important; border:1px solid var(--fsb-stroke) !important;
  border-radius:12px !important; padding:12px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
  display:none; z-index:9999 !important;
}
.fsb-panel.show{display:block !important;}

.fsb-row{display:flex !important; justify-content:space-between; align-items:center; gap:12px;}
.fsb-row .ttl{font-size:14px}
.fsb-counter{display:flex; align-items:center; gap:10px;}
.fsb-counter button{width:28px;height:28px;border-radius:999px;border:1px solid var(--fsb-stroke);background:#fff;cursor:pointer;font-weight:700}
.fsb-counter span{width:24px;text-align:center}
.fsb-help{font-size:12px;color:var(--fsb-muted);padding:6px 2px 0}

.fsb-alert{margin-top:10px;font-size:14px;color:#b45309;background:#fff7ed;border:1px solid #fde68a;padding:10px;border-radius:10px;display:none}
.fsb-alert.show{display:block}

/* Visual de opciones Time */
.fsb-time option.sold{color:#b91c1c}
.fsb-time option.low{color:#7c3aed}

/* Responsive */
@media (max-width: 720px){
  .fsb-bar{grid-template-columns:1fr; gap:10px}
  .fsb-btn{width:100%}
}