@font-face { font-family: "BronzCategoryInter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-heroui-cyrillic-ext.woff2") format("woff2"); unicode-range: U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family: "BronzCategoryInter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-heroui-cyrillic.woff2") format("woff2"); unicode-range: U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116; }
@font-face { font-family: "BronzCategoryInter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-heroui-latin.woff2") format("woff2"); unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* HeroUI v3 ComboBox, Input, Label and ListBox styles adapted to plain CSS.
 * Apache-2.0: ../licenses/HeroUI-Apache-2.0.txt
 * Sources: https://github.com/heroui-inc/heroui/tree/v3/packages/styles/components
 * Changes: scoped selectors, Tailwind utilities expanded, local category metadata.
 * Dark theme values copied from packages/styles/themes/default/variables.css.
 */
.category-combo {
  --combo-field: oklch(0.2103 0.0059 285.89);
  --combo-foreground: oklch(0.9911 0 0);
  --combo-muted: oklch(70.5% 0.015 286.067);
  --combo-default: oklch(27.4% 0.006 286.033);
  --combo-focus: oklch(0.6204 0.195 253.83);
  position: relative; display: flex; flex-direction: column; gap: 4px;
  width: 256px; max-width: 100%; min-width: 0; color-scheme: dark;
  font-family: "BronzCategoryInter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px; line-height: 20px; color: var(--combo-foreground);
}
.category-combo, .category-combo * { box-sizing: border-box; }
.category-combo > label {
  display: block; width: fit-content; margin: 0; padding: 0;
  font: inherit; font-weight: 500; color: var(--combo-foreground);
  text-transform: none; letter-spacing: normal;
}
.category-combo__input-group { position: relative; isolation: isolate; display: inline-flex; align-items: center; width: 100%; }
.category-combo .category-combo__input {
  width: 100%; min-width: 0; flex: 1; margin: 0; padding: 8px 28px 8px 12px;
  border: 0 solid transparent; border-radius: 12px; background: var(--combo-field);
  font: inherit; color: var(--combo-foreground); outline: none;
  box-shadow: 0 0 0 0 transparent inset;
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}
.category-combo__input::placeholder { color: var(--combo-muted); opacity: 1; }
.category-combo .category-combo__input:hover:not(:focus) {
  background: color-mix(in oklab, var(--combo-field) 90%, var(--combo-foreground) 2%);
}
.category-combo .category-combo__input:focus {
  background: var(--combo-field); box-shadow: 0 0 0 0 transparent inset;
}
.category-combo__trigger {
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  display: flex; height: 100%; align-items: center; justify-content: center;
  flex-shrink: 0; padding: 0 8px; border: none; background: transparent;
  color: var(--combo-muted); outline: none; cursor: pointer; transition: color 150ms ease;
}
.category-combo__trigger:hover { color: var(--combo-foreground); }
.category-combo__trigger:active { opacity: .7; }
.category-combo__trigger svg { width: 16px; height: 16px; transition: transform 150ms ease; }
.category-combo__trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.category-combo__popover {
  position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 50;
  max-height: 320px; overflow-y: auto; overscroll-behavior: contain; scroll-padding: 4px;
  scrollbar-width: thin; scrollbar-color: color-mix(in oklch, var(--combo-foreground) 15%, transparent) transparent;
  padding: 0; border: 0; border-radius: 24px; background: var(--combo-field);
  color: var(--combo-foreground); box-shadow: 0 0 1px 0 rgba(255,255,255,.3) inset;
  transform-origin: top center; animation: category-combo-enter 150ms ease;
}
.category-combo [role="listbox"] { position: relative; width: 100%; padding: 6px; outline: none; }
.category-combo__option {
  position: relative; display: flex; align-items: center; justify-content: flex-start;
  width: 100%; min-height: 36px; gap: 12px; padding: 6px 28px 6px 10px;
  border-radius: 16px; color: var(--combo-foreground); font: inherit;
  outline: none; text-decoration: none; cursor: pointer;
  transition: transform 250ms cubic-bezier(.25,1,.5,1), box-shadow 150ms ease;
}
.category-combo__option + .category-combo__option { margin-top: 4px; }
.category-combo__option:hover, .category-combo__option[data-focused] {
  background: var(--combo-default); color: var(--combo-foreground); text-decoration: none;
}
.category-combo__option:active { transform: scale(.98); }
.category-combo__option > i { width: 16px; flex-shrink: 0; text-align: center; }
.category-combo__name { min-width: 0; overflow-wrap: anywhere; font-weight: 400; }
.category-combo__count { margin-left: auto; font-size: 12px; color: var(--combo-muted); }
.category-combo__check {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  width: 10px; height: 10px; visibility: hidden; color: var(--combo-foreground);
}
.category-combo__option[aria-selected="true"] .category-combo__check { visibility: visible; }
.category-combo__empty { padding: 12px; font: inherit; color: var(--combo-muted); }
.category-combo [hidden] { display: none !important; }
.category-combo[data-open] { z-index: 51; }
@keyframes category-combo-enter { from { opacity: 0; transform: translateY(-4px) scale(.95); } to { opacity: 1; transform: none; } }
@media (max-width: 639px) { .category-combo .category-combo__input { font-size: 16px; line-height: 24px; } }
@media (prefers-reduced-motion: reduce) { .category-combo__popover { animation: none; } .category-combo * { transition: none !important; } }

/* Isolate the component from Cobalt's global .dark input !important rules. */
.dark .category-combo .category-combo__input {
  background-color: var(--combo-field) !important;
  color: var(--combo-foreground) !important;
  border: 0 solid transparent !important;
  box-shadow: 0 0 0 0 transparent inset !important;
}
.dark .category-combo .category-combo__input:hover:not(:focus) {
  background-color: color-mix(in oklab, var(--combo-field) 90%, var(--combo-foreground) 2%) !important;
}

.yatochka-controls { align-items: flex-end; }
.category-combo.resource-control--sort { width: 200px; }
.category-combo.resource-control--view { width: 100px; }
.category-combo.resource-control { flex-shrink: 0; }
@media (max-width: 575px) { .category-combo.resource-control--sort { width: min(200px, 100%); } }

/* Expanded category menu takes space in the sidebar rather than covering widgets. */
.category-combo[data-default-open] .category-combo__popover {
 position:relative; top:auto; left:auto; right:auto; margin-top:4px;
 width:100%; box-sizing:border-box;
}