/* Shared filter component visual adapter.
   Layout, dropdown geometry and depth indentation remain in components/filters.css. */

.aidc-filter__trigger{
  background:var(--aidc-bg-elevated);
  color:var(--aidc-text-primary);
  border-color:var(--aidc-border-default);
  box-shadow:none
}

.aidc-filter__trigger:hover{
  background:color-mix(in srgb,var(--aidc-bg-elevated) 94%,white 6%);
  border-color:var(--aidc-border-strong)
}

.aidc-filter__trigger:focus-visible,
.aidc-filter--open .aidc-filter__trigger{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring)
}

.aidc-filter__chev{color:var(--aidc-text-muted)}

.aidc-filter__menu{
  background:var(--aidc-bg-popover);
  box-shadow:var(--aidc-shadow-popover);
  border-color:var(--aidc-border-default)
}

.aidc-filter__item{
  color:var(--aidc-text-secondary);
  background:transparent
}

.aidc-filter__item__count{color:var(--aidc-text-muted)}

.aidc-filter__item:hover,
.aidc-filter__item:focus{
  background:var(--aidc-btn-secondary-bg-hover);
  color:var(--aidc-text-primary);
  box-shadow:none
}

.aidc-filter__item--selected{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 32%,transparent);
  box-shadow:none;
  color:var(--aidc-text-primary)
}

/* Resources → Creatives consumes the canonical project hierarchy contract.
   Workspace roots are intentionally tinted even when they are not selected so
   users can visually distinguish workspace boundaries from ordinary folders. */
.aidc-resources-folder-hierarchy .aidc-resources-folder-hierarchy__host{
  list-style:none;
  margin:0;
  padding:0
}

.aidc-resources-folder-hierarchy .aidc-resources-folder-hierarchy__all{
  margin-bottom:4px
}

.aidc-resources-folder-hierarchy .rp-project-tree__workspace{
  background:var(--aidc-workspace-selection-bg)!important;
  border-color:var(--aidc-workspace-selection-border)!important;
  color:var(--aidc-text-primary)!important
}

.aidc-resources-folder-hierarchy .rp-project-tree__workspace:hover,
.aidc-resources-folder-hierarchy .rp-project-tree__workspace:focus-visible{
  background:var(--aidc-workspace-selection-bg)!important;
  border-color:var(--aidc-action-focus)!important;
  color:var(--aidc-text-primary)!important
}

.aidc-filter__menu::-webkit-scrollbar-thumb{background:var(--aidc-border-default)}


/* Shared filter component layout, dropdown geometry and depth indentation.
   Visual ownership: design-system/adapters/filters-theme.css. */

:root{
  --resource-control-height:34px;
  --resource-control-radius:10px;
  --resource-control-padding-x:14px
}

.aidc-filter{
  position:relative;
  display:inline-block;
  min-width:160px;
  margin:0 2px;
  font-family:inherit
}

.aidc-filter__trigger{
  height:var(--resource-control-height);
  min-width:140px;
  padding:0 var(--resource-control-padding-x);
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:var(--resource-control-radius);
  border:1px solid transparent;
  cursor:pointer;
  transition:background 160ms ease,border-color 120ms ease,box-shadow 160ms ease
}

.aidc-filter__trigger:focus-visible,
.aidc-filter--open .aidc-filter__trigger{outline:none}

.aidc-filter__label{
  flex:1 1 auto;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.aidc-filter__chev{
  fill:currentColor;
  opacity:.9
}

.aidc-filter__menu{
  position:absolute;
  right:0;
  top:calc(var(--resource-control-height) + 8px);
  min-width:180px;
  max-height:320px;
  overflow:auto;
  border-radius:var(--resource-control-radius);
  padding:8px;
  list-style:none;
  margin:0;
  z-index:1200;
  border:1px solid transparent;
  transform-origin:top right;
  transition:opacity 160ms ease,transform 170ms ease
}

.aidc-filter__menu[hidden]{display:none;opacity:0;transform:scaleY(.96)}
.aidc-filter--open .aidc-filter__menu{display:block;opacity:1;transform:scaleY(1)}

.aidc-filter__item{
  padding:8px 12px;
  margin:4px 0;
  border-radius:8px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  user-select:none
}

.aidc-filter__item__icon{font-size:10px;opacity:.7;width:12px;display:inline-block;text-align:center}
.aidc-filter__item__label{flex:1 1 auto}
.aidc-filter__item__count{font-size:12px;margin-left:6px}
.aidc-filter__item[data-depth]{padding-left:calc(12px + (var(--depth) * 8px))}
.aidc-filter__item[data-depth="0"]{padding-left:12px}
.aidc-filter__item[data-depth="1"]{padding-left:20px}
.aidc-filter__item[data-depth="2"]{padding-left:28px}
.aidc-filter__item[data-depth="3"]{padding-left:36px}

.aidc-filter__item:hover,
.aidc-filter__item:focus{outline:none}

.aidc-filter__item:active{transform:translateY(0)}

.aidc-filter__item--selected{
  border:1px solid transparent;
  font-weight:600
}

.aidc-filter__menu::-webkit-scrollbar{width:8px}
.aidc-filter__menu::-webkit-scrollbar-thumb{border-radius:8px}

@media(max-width:720px){
  .aidc-filter{min-width:120px}
}