/* Styles for the year -> make -> model picker (ymm-studio.js), used by both
   public/simulador/ (production) and proof/tesla-ymm.html (local review).
   Reuses the design tokens already defined by /style.css and the .sim-*
   layout rules already defined by /simulator/studio.css — only the parts
   that don't exist yet (a <select> to match the existing <input> look) are
   added here. */
.sim-ymm{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:8px;}
.sim-ymm label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);}
.sim-ymm select{display:block;width:100%;margin-top:6px;background:var(--charcoal);border:1px solid var(--line-strong);color:var(--off-white);
  font:inherit;font-size:16px;padding:10px;border-radius:var(--radius-sm);min-height:44px;}
.sim-ymm select:disabled{opacity:.5;}
.sim-ymm-status{min-height:1.4em;font-size:12.5px;color:var(--gold-soft,#d4b876);margin:8px 0 0;}
.sim-ymm-debug{font-size:11px;color:var(--text-dim);margin:2px 0 0;font-family:monospace;}
@media (max-width:520px){
  .sim-ymm{grid-template-columns:1fr 1fr;}
  .sim-ymm label:first-child{grid-column:1 / -1;}
}

/* Searchable combobox (Marca / Modelo) — replaces a plain <select> whose
   ~12,000-option list (all NHTSA makes) was overwhelming to scroll. */
.combobox{position:relative;margin-top:6px;}
.combobox-input{display:block;width:100%;background:var(--charcoal);border:1px solid var(--line-strong);color:var(--off-white);
  font:inherit;font-size:16px;padding:10px;border-radius:var(--radius-sm);min-height:44px;}
.combobox-input:disabled{opacity:.5;}
.combobox.disabled{opacity:.85;}
.combobox-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;
  margin:0;padding:4px;list-style:none;background:var(--charcoal-2,#191b20);border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);box-shadow:0 12px 28px rgba(0,0,0,.45);}
.combobox-list li{min-height:44px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:6px;font-size:15px;cursor:pointer;}
.combobox-hint{margin:6px 2px 0;font-size:13px;color:var(--gold-soft,#d4b876);}
.combobox-list li.active,.combobox-list li:hover{background:var(--gold,#b89550);color:#1a1508;}
.combobox-list li.combobox-empty{color:var(--text-dim);cursor:default;}
.combobox-list li.combobox-empty:hover{background:none;color:var(--text-dim);}
.combobox-badge{
  display:inline-block;margin-left:6px;padding:1px 7px;border-radius:20px;font-size:10.5px;font-weight:700;
  letter-spacing:.3px;background:rgba(37,211,102,0.16);color:#25d366;vertical-align:middle;
}
.combobox-list li.active .combobox-badge,.combobox-list li:hover .combobox-badge{background:rgba(26,21,8,0.18);color:#1a1508;}

/* Preview-only vehicle (tint_available: false): the controls exist in the
   DOM (disabled, not removed — VoiceOver/NVDA and sighted users both need
   the same honest signal) but must never look interactive. */
.sim-tint-unavailable{background:rgba(212,184,118,0.1);border:1px solid var(--gold-soft,#d4b876);border-radius:var(--radius-sm);
  padding:10px 12px;font-size:13px;line-height:1.4;color:var(--off-white);margin:0 0 12px;}
.sim-tint-unavailable[hidden]{display:none;}
.sim-presets button:disabled{opacity:.35;cursor:not-allowed;}
.sim-presets button:disabled::before{opacity:.08;}
.sim-compare:disabled{opacity:.35;cursor:not-allowed;}
.sim-catalog-counts{font-size:11px;color:var(--text-dim);margin:4px 0 0;}

/* ---- Guided flow: tint controls appear only once a vehicle exists, and the
   picker collapses to a one-line summary (with "Cambiar") after that. ---- */
.sim[data-vehicle="none"] .sim-reveal{display:none;}
.sim-vehicle-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(184,149,80,.1);
  border:1px solid rgba(184,149,80,.35);border-radius:var(--radius-sm);padding:10px 12px;}
.sim-vehicle-summary[hidden]{display:none;}
.sim-vehicle-name{font-weight:700;font-size:14px;color:var(--gold-soft);}
.sim-ymm-change{background:none;border:0;color:var(--off-white);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;min-height:44px;padding:0 6px;}
.sim[data-compact="1"] .sim-ymm,.sim[data-compact="1"] .sim-ymm-status,.sim[data-compact="1"] .sim-catalog-counts{display:none;}
.sim[data-compact="1"] .sim-vehicle-summary{margin-bottom:0;}
.sim-book-cta:disabled{opacity:.4;cursor:not-allowed;}
.sim-attribution{margin:10px 0 0;font-size:11.5px;color:var(--text-dim);}
.sim-attribution[hidden]{display:none;}
.sim-attribution summary{cursor:pointer;}
.sim-attribution p{margin:6px 0 0;line-height:1.5;}