/* Fan, hudud, tur va oliygoh jadvallaridagi umumiy tanlash menyusi. */
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-picker { position: relative; min-width: 0; z-index: 3; }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-picker.is-open { z-index: 40; }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-picker [hidden],
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) select[hidden] { display: none !important; }
#fh-uni-view .uni-filters > .fh-subject-picker { flex: 0 1 180px; max-width: 100%; }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; min-width: 0; min-height: 47px; padding: 11px 14px;
  border: 1px solid var(--fh-panel-line, var(--fh-mode-line)); border-radius: 13px;
  color: var(--fh-mode-text); background: var(--fh-mode-input);
  font: inherit; font-size: 17px; text-align: left; cursor: pointer;
  transition: transform 420ms cubic-bezier(.16,1,.3,1), border-color 260ms ease, box-shadow 420ms ease;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-value {
  display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-chevron {
  flex: 0 0 18px; width: 18px; height: 18px;
  transition: transform 420ms cubic-bezier(.16,1,.3,1);
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .is-open .fh-subject-chevron { transform: rotate(180deg); }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-trigger[aria-expanded="true"] {
  border-color: var(--fh-mode-accent);
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--fh-mode-accent) 10%, transparent);
}
@media (hover:hover) and (pointer:fine) {
  :is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-trigger:hover {
    transform: translateY(-3px) scale(1.012);
    border-color: var(--fh-mode-accent); box-shadow: 0 6px 16px rgb(0 0 0 / 14%);
  }
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-trigger:active { transform: translateY(0) scale(.97); }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-options {
  position: absolute; top: calc(100% + 9px); left: 0; z-index: 45;
  width: 100%; max-height: var(--fh-subject-menu-height, 340px);
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: var(--fh-mode-line) transparent;
  scrollbar-gutter: stable; padding: 7px;
  border: 1px solid var(--fh-mode-line); border-radius: 16px;
  color: var(--fh-mode-text); background: var(--fh-mode-panel);
  box-shadow: 0 14px 30px rgb(0 0 0 / 28%); transform-origin: 50% 0;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .opens-up .fh-subject-options {
  top: auto; bottom: calc(100% + 9px); transform-origin: 50% 100%;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-highlight {
  position: absolute; top: 0; left: 7px; right: 7px; z-index: 0;
  border: 1px solid var(--fh-mode-accent); border-radius: 10px;
  background: var(--fh-mode-control); opacity: 0; pointer-events: none;
  transition: transform 300ms cubic-bezier(.16,1,.3,1), height 300ms cubic-bezier(.16,1,.3,1), opacity 180ms ease;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; min-height: 44px; margin: 2px 0; padding: 10px 11px;
  border: 1px solid transparent; border-radius: 10px; font-size: 16px;
  line-height: 1.35; font-weight: 500; cursor: pointer;
  transition: transform 320ms cubic-bezier(.16,1,.3,1), background-color 180ms ease;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option > span { min-width: 0; overflow-wrap: anywhere; }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option svg {
  flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  opacity: 0; transform: scale(.65);
  transition: opacity 200ms ease, transform 320ms cubic-bezier(.16,1,.3,1);
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option[aria-selected="true"] {
  background: var(--fh-mode-active); border-color: var(--fh-mode-line); font-weight: 700;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option[aria-selected="true"] svg { opacity: 1; transform: scale(1); }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option.is-active {
  background: transparent !important; border-color: transparent !important;
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
@media (hover:hover) and (pointer:fine) {
  :is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option.is-active > span { transform: translateX(3px); }
}
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option > span { transition: transform 300ms cubic-bezier(.16,1,.3,1); }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-option:active { transform: scale(.965); }
:is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) .fh-subject-trigger:focus-visible { outline: 2px solid var(--fh-mode-accent); outline-offset: 3px; }
@media (max-width:560px) { #fh-uni-view .uni-filters > .fh-subject-picker { flex: 1 1 160px; } }
@media (prefers-reduced-motion:reduce) {
  :is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) :is(.fh-subject-trigger,.fh-subject-chevron,.fh-subject-option,
    .fh-subject-option > span,.fh-subject-option svg,.fh-subject-highlight) { transition: none !important; }
  :is(#fh-textbook-view, #fh-uni-view, #fh-admin, #admin-editor, #fh-certificate-calculator, #appearance) :is(.fh-subject-trigger,.fh-subject-option,.fh-subject-option > span) { transform: none !important; }
}