
/* V17.1 — restored category selector */
.mt-category-toolbar{
  position:sticky;
  top:68px;
  z-index:25;
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:14px;
  align-items:center;
  margin:0 0 28px;
  padding:14px;
  border:1px solid #24485c;
  border-radius:18px;
  background:rgba(8,24,34,.96);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 32px rgba(0,0,0,.24);
}

.mt-category-search input{
  width:100%;
  min-height:44px;
  padding:0 14px;
  border:1px solid #2d5063;
  border-radius:12px;
  background:#071720;
  color:#f2f8fb;
  font:inherit;
  outline:none;
}
.mt-category-search input:focus{
  border-color:#4ce5c8;
  box-shadow:0 0 0 3px rgba(76,229,200,.08);
}

.mt-category-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
}

.mt-category-buttons .filter-btn{
  appearance:none;
  border:1px solid #315469 !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  background:#0d2030 !important;
  color:#c3d7e3 !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  white-space:nowrap;
}
.mt-category-buttons .filter-btn:hover{
  border-color:#58e9ce !important;
  color:#76ead5 !important;
}
.mt-category-buttons .filter-btn.active{
  background:#4ce5c8 !important;
  border-color:#4ce5c8 !important;
  color:#06241f !important;
}

.mt-category-status{
  color:#7f9baa;
  font-size:11px;
  white-space:nowrap;
}
.mt-category-status span{
  color:#72ff4d;
  font-size:14px;
  font-weight:950;
}

.mt-search-empty{
  display:none;
  padding:32px;
  text-align:center;
  border:1px dashed #2c4b5d;
  border-radius:16px;
  color:#91a9b7;
  margin-bottom:30px;
}

/* Let sticky bar land correctly when clicking a category anchor. */
.mt-category{
  scroll-margin-top:150px;
}

@media(max-width:1100px){
  .mt-category-toolbar{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .mt-category-buttons{
    justify-content:flex-start;
  }
  .mt-category-status{
    display:none;
  }
}

@media(max-width:620px){
  .mt-category-toolbar{
    top:56px;
    padding:11px;
    border-radius:14px;
  }
  .mt-category-buttons{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:3px;
  }
  .mt-category-buttons .filter-btn{
    flex:0 0 auto;
  }
}
