/* Tackychan · controles responsivos únicos de Galería
   La geometría es común a Superficie, Deep Sea, público y administrador.
   Los colores continúan viniendo del tema correspondiente. */
.tkg-category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
  gap:9px;
  margin:4px 0 14px;
}
.tkg-category{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 12px 7px 8px;
  border-radius:999px;
}
.tkg-category-media{
  position:relative;
  inset:auto;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:12px;
  overflow:hidden;
}
.tkg-category-label{
  position:static;
  min-width:0;
  font-size:13px;
  font-weight:900;
  text-shadow:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tkg-category-icon{display:none}
.tkg-filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 15px}
.tkg-projects{display:flex;gap:7px;flex-wrap:wrap}

@media(max-width:760px){
  .tkg-category-grid,
  body[data-gallery-env] #galleryPanel .tkg-category-grid,
  #galleryPanel .tkg-category-grid{
    display:grid;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(84px,25%);
    gap:0!important;
    margin:0 8px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .tkg-category-grid::-webkit-scrollbar,
  body[data-gallery-env] #galleryPanel .tkg-category-grid::-webkit-scrollbar,
  #galleryPanel .tkg-category-grid::-webkit-scrollbar{display:none}

  .tkg-category,
  body[data-gallery-env] #galleryPanel .tkg-category,
  #galleryPanel .tkg-category{
    position:relative;
    min-height:48px!important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px!important;
    padding:5px 2px 6px!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .tkg-category-media,
  body[data-gallery-env] #galleryPanel .tkg-category-media,
  #galleryPanel .tkg-category-media{display:none!important}
  .tkg-category::before,
  body[data-gallery-env] #galleryPanel .tkg-category::before,
  #galleryPanel .tkg-category::before{display:none!important;content:none!important}
  .tkg-category-icon{
    display:block;
    color:currentColor;
    font-size:18px;
    line-height:1;
    font-weight:700;
  }
  .tkg-category-label,
  body[data-gallery-env] #galleryPanel .tkg-category-label,
  #galleryPanel .tkg-category-label{
    position:static;
    max-width:100%;
    font-size:9.5px!important;
    line-height:1.05;
    font-weight:800;
    text-shadow:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .tkg-category.active::after,
  body[data-gallery-env] #galleryPanel .tkg-category.active::after,
  #galleryPanel .tkg-category.active::after{
    content:"";
    position:absolute;
    left:9px;
    right:9px;
    bottom:-1px;
    height:3px;
    border-radius:999px 999px 0 0;
    background:var(--agm-gallery-active-line,var(--tkg-chip-active,linear-gradient(90deg,#73d6f4,#baabef 52%,#ed91bf)));
  }

  .tkg-filterbar,
  body[data-gallery-env] #galleryPanel .tkg-filterbar,
  #galleryPanel .tkg-filterbar{
    display:block;
    margin:0 0 7px;
    padding:0 8px;
    overflow:hidden;
  }
  .tkg-projects,
  body[data-gallery-env] #galleryPanel .tkg-projects,
  #galleryPanel .tkg-projects{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:2px 0 4px;
  }
  .tkg-projects::-webkit-scrollbar,
  body[data-gallery-env] #galleryPanel .tkg-projects::-webkit-scrollbar,
  #galleryPanel .tkg-projects::-webkit-scrollbar{display:none}
  .tkg-chip{
    flex:0 0 auto;
    min-height:30px;
    padding:5px 9px;
    font-size:10px;
    white-space:nowrap;
  }
  .tkg-all{display:none!important}
}