/* ATLAS inventory: filters and catalogue controls. Cards use atlas-vehicle-cards.css. */
.inventory-hero { padding: 62px 0 36px; }
.inventory-hero .display { font-size: clamp(44px, 7vw, 78px); }
.inventory-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 17px;
  color: #75717d;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .2em;
}
.inventory-eyebrow::before { content: ''; width: 18px; height: 2px; background: var(--purple); }
.filters-shell { border-radius: 24px; padding: 14px; box-shadow: 0 14px 40px rgba(20, 12, 35, .045); }
.toolbar-main { grid-template-columns: minmax(0, 1.55fr) minmax(0, .9fr) minmax(0, .9fr) auto; }
.searchbox, .control-wrap { min-width: 0; }
.searchbox input { min-width: 0; }
.searchbox, .control, .control-btn { min-height: 52px; box-shadow: none; }
.searchbox { border-radius: 14px; }
.control, .control-btn { border-radius: 14px; }
.searchbox:focus-within, .control:focus-visible, .control-btn:focus-visible, .filter-chip:focus-visible,
.active-pill button:focus-visible, .inventory-reset:focus-visible, .inventory-retry:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 3px;
}
.toolbar-actions { gap: 0; }
.control-btn svg { width: 17px; height: 17px; flex: 0 0 auto; }
.inventory-summary { margin: 24px 0 18px; gap: 10px; }
.inventory-count { font-size: 13px; }
.inventory-hint { margin: 0; color: #828087; font-size: 12px; }
.inventory-notice {
  margin: 0 0 20px;
  padding: 12px 15px;
  color: #665037;
  background: #fff8ee;
  border: 1px solid #f0e3cf;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.5;
}
.inventory-notice[hidden] { display: none; }
.inventory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
body.atlas-inventory-page { overflow-x: clip; }

.empty-state { text-align: center; padding: 48px 24px; }
.empty-state .control-btn { margin: 20px auto 0; background: #111; color: white; border-color: #111; }
.inventory-skeleton { min-height: 530px; aspect-ratio: 3/4; border-radius: 20px; background: linear-gradient(110deg,#eceaf0 30%,#f7f6f9 45%,#eceaf0 60%); background-size: 250% 100%; animation: inventory-shimmer 1.8s ease-in-out infinite; }
@keyframes inventory-shimmer { to { background-position: -170% 0; } }

/* Desktop remains exactly three columns, including small laptops. */
@media (min-width: 1024px) { .inventory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1180px) {
  .toolbar-main { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px; }
  .control { font-size: 13px; padding-left: 12px; }
  .control-btn { padding: 0 13px; font-size: 13px; }
  .inventory-grid { gap: 18px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .inventory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar-actions .control-btn { width: 100%; }
}
@media (max-width: 767px) {
  .inventory-hero { padding: 38px 0 28px; }
  .inventory-eyebrow { font-size: 9px; margin-bottom: 14px; }
  .inventory-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .filters-shell { padding: 12px; border-radius: 20px; }
  .toolbar-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .searchbox, .toolbar-actions { grid-column: 1/-1; }
  .searchbox, .control, .control-btn { min-height: 46px; }
  .searchbox input { font-size: 16px; }
  .toolbar-actions .control-btn { width: 100%; }
  .filters-grid { grid-template-columns: minmax(0, 1fr); }
  .inventory-summary { margin: 20px 0 16px; }
  .inventory-hint { display: none; }
  .inventory-skeleton:not(:first-child) { display: none; }
}
@media (max-width: 374px) {
  .control { font-size: 12px; padding-left: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .inventory-skeleton { animation: none; }
}