.commercial-store-tools { display:flex; align-items:center; gap:12px; margin:0 0 14px; }
.commercial-store-tools[hidden] { display:none; }
.commercial-store-tools label { display:flex; align-items:center; gap:10px; margin:0; font-size:13px; }
.commercial-store-tools select { width:220px; min-height:42px; border-radius:4px; }
.commercial-store-field { max-width:360px; }
.commercial-store-field select { border-radius:4px; }
.commercial-store-caption { display:block; color:var(--muted,#64748b); font-size:12px; font-weight:400; margin-top:3px; }

/* Mismo lugar para modalidad y tienda en las tres modalidades de cotización. */
.quote-composer .quote-composer-header {
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  align-items:end;
  gap:16px 24px;
  padding-bottom:18px;
  margin-bottom:18px;
}
.quote-composer .quote-composer-title h2 { margin-bottom:6px; }
.quote-composer-options {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:16px;
  min-width:0;
}
.quote-composer-options > label {
  display:grid;
  grid-template-rows:auto 44px;
  gap:7px;
  min-width:0;
  max-width:none;
  margin:0;
}
.quote-composer-options select { min-width:0; height:44px; border-radius:4px; }
.quote-composer .commercial-quote-fields { grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:start; }
.quote-composer .commercial-currency-note { display:block; }
.quote-composer .commercial-quote-fields .field-header { gap:8px; }
@media (max-width:1100px) {
  .quote-composer .quote-composer-header { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .commercial-store-tools { margin-bottom:10px; }
  .commercial-store-tools label { width:100%; }
  .commercial-store-tools select { flex:1; width:0; min-width:0; }
  .commercial-store-field { max-width:none; }
  .quote-composer-options,
  .quote-composer .commercial-quote-fields { grid-template-columns:minmax(0,1fr); gap:12px; }
  .quote-composer .quote-composer-header { gap:14px; padding-bottom:14px; margin-bottom:14px; }
}