/* Auto360 R84 — compact, non-scrolling enterprise catalogue control row.
   Source category buttons are intentionally retained in DOM for the audited
   R76 filter engine; one native select + two primary actions replace overflow.
   Scoped to Auto360 #modules. */
body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row.a77-toolbar-row {
  display:grid;
  grid-template-columns:minmax(260px,1.02fr) minmax(0,1.98fr);
  align-items:end;
  gap:clamp(12px,1.35vw,20px);
  width:100%;
  min-width:0;
}
body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row .a76-search-area {
  min-width:0;
  width:100%;
  flex:none;
}
body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row .a76-search-control {
  height:54px;
  border-radius:12px;
  border:1.5px solid var(--a70-line);
}
body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row input#a70-module-search {
  font-size:14px!important;
  font-weight:500!important;
}
body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row .a76-filter-toolbar.a84-filter-toolbar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 54px;
  align-items:end;
  column-gap:10px;
  row-gap:8px;
  margin:0;
  padding:0;
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-heading {
  grid-area:1 / 1 / 2 / -1;
  font-size:12px;
  font-weight:850;
  line-height:1.45;
  color:var(--a70-ink);
  letter-spacing:.01em;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls {
  grid-area:2 / 1 / 3 / 2;
  display:grid;
  grid-template-columns:minmax(106px,.74fr) minmax(165px,1.1fr) minmax(190px,1.3fr);
  gap:8px;
  min-height:54px;
  min-width:0;
  align-items:stretch;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls>* {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-button {
  border:1px solid var(--a70-line);
  border-radius:11px;
  background:var(--a70-paper);
  color:var(--a70-ink);
  font:800 12px/1.35 'Asap',system-ui,sans-serif;
  min-height:54px;
  width:100%;
  padding:8px 11px;
  text-align:center;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  transition:border-color .16s,background .16s,box-shadow .16s;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-button:hover {
  border-color:var(--a70-brand);
  box-shadow:0 2px 9px rgba(10,30,50,.05);
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-button[aria-pressed="true"] {
  background:var(--a70-navy);
  color:#fff;
  border-color:var(--a70-navy);
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-count {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  background:var(--a70-soft);
  color:var(--a70-brand);
  padding:4px 6px;
  border:1px solid var(--a70-line);
  border-radius:6px;
  font-size:10px;
  font-weight:900;
  line-height:1.25;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-button[aria-pressed="true"] .a84-scope-count {
  color:var(--a70-navy);
  background:#fff;
  border-color:#fff;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-licence {
  color:var(--a70-brand);
  background:var(--a70-soft);
  border:1px solid var(--a70-line);
  border-radius:6px;
  font-size:9px;
  line-height:1.3;
  font-weight:850;
  padding:4px 5px;
  white-space:nowrap;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-manufacturing-button[aria-pressed="true"] .a84-licence {
  background:#fff;
  color:var(--a70-navy);
  border-color:#fff;
}
body[data-page-key="product-auto360-dms"] #modules .a84-select-wrap {
  display:block;
  position:relative;
  height:54px;
  width:100%;
  cursor:pointer;
}
body[data-page-key="product-auto360-dms"] #modules .a84-select-wrap select {
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  display:block;
  width:100%;
  height:54px;
  min-height:54px;
  padding:0 35px 0 13px;
  margin:0;
  border:1.5px solid var(--a70-line);
  border-radius:11px;
  background:var(--a70-paper);
  color:var(--a70-ink);
  font:750 12px/1.4 'Asap',system-ui,sans-serif;
  cursor:pointer;
  text-overflow:ellipsis;
}
body[data-page-key="product-auto360-dms"] #modules .a84-select-wrap select[data-active="true"]{
  border-color:var(--a70-brand);
  background:color-mix(in srgb,var(--a70-paper) 95%,var(--a70-brand) 5%);
  color:var(--a70-brand);
}
body[data-page-key="product-auto360-dms"] #modules .a84-select-wrap select:focus-visible,
body[data-page-key="product-auto360-dms"] #modules .a84-scope-button:focus-visible,
body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-reset-filters:focus-visible {
  outline:3px solid var(--a70-brand);
  outline-offset:3px;
}
body[data-page-key="product-auto360-dms"] #modules .a84-select-chevron {
  position:absolute;
  top:50%;
  right:11px;
  transform:translateY(-50%);
  color:var(--a70-brand);
  pointer-events:none;
}
body[data-page-key="product-auto360-dms"] #modules .a84-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  border:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
/* Hide only the old VIEW, not the source DOM or its event bindings. */
body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a70-filter-nav.a84-source-filters{
  display:none!important;
  overflow:visible!important;
  height:0!important;
  width:0!important;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-filter-caption{display:none!important}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-reset-filters {
  grid-area:2 / 2 / 3 / 3;
  flex:none;
  align-self:stretch;
  min-height:54px;
  margin:0;
  padding:11px 14px;
  border-radius:10px;
  background:var(--a70-paper);
  color:var(--a70-brand);
  font:850 12px/1.3 'Asap',system-ui,sans-serif;
  white-space:nowrap;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-reset-filters[hidden] {display:none!important}
/* Avoid native horizontal scroll bars or clipped tabs in every breakpoint. */
body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar{
  overflow:visible;
}
body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls {
  overflow:visible;
}
@media(max-width:1240px){
  body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row.a77-toolbar-row{
    grid-template-columns:minmax(0,1fr);
    gap:13px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row .a76-search-control{
    height:54px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row .a84-filter-toolbar.a76-filter-toolbar{
    grid-template-rows:auto 51px;
    display:grid;
    margin:0;
    padding:0;
    border:0;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls{
    min-height:51px;
    grid-template-columns:minmax(115px,.7fr) minmax(220px,1.15fr) minmax(230px,1.1fr);
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls :is(.a84-scope-button,.a84-select-wrap,.a84-select-wrap select) {
    min-height:51px;
    height:51px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-reset-filters{
    min-height:51px;
  }
}
@media(max-width:720px){
  body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row .a84-filter-toolbar.a76-filter-toolbar{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:8px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls{
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    grid-template-rows:51px 51px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-manufacturing-button{
    grid-column:1 / -1;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-reset-filters{
    grid-area:2 / 2 / 3 / 3;
    align-self:start;
    height:51px;
    min-height:51px;
  }
}
@media(max-width:480px){
  body[data-page-key="product-auto360-dms"] #modules .a84-toolbar-row.a77-toolbar-row{
    gap:10px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:49px 49px 49px;
    gap:7px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-toolbar .a76-reset-filters{
    grid-area:3 / 2 / 4 / 3;
    height:49px;
    min-height:49px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-manufacturing-button{
    grid-column:1 / -1;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls :is(.a84-scope-button,.a84-select-wrap,.a84-select-wrap select){
    height:49px;
    min-height:49px;
  }
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-manufacturing-button{
    justify-content:space-between;
  }
}
/* The toolbar should remain calm in reduced-motion settings. */
@media(prefers-reduced-motion:reduce){
  body[data-page-key="product-auto360-dms"] #modules .a84-filter-controls .a84-scope-button {
    transition:none;
  }
}
