/* Layout and Container Styles */

.site-container {
  padding-right: 20px;
}

/* Balance paddings on small screens */
@media (max-width: 575.98px) {
  .site-container { padding-left: 0; padding-right: 0; }
}

.section {
  width: 60px;
  min-width: 60px;
  text-transform: uppercase;
  font-family: var(--font-compact);
  line-height: 1.2;
  align-self: center;
  text-align: right;
  padding-right: 9px;
  font-size: 94%;
  color: rgb(var(--color-text-muted));
}

.rotate-high {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}

/* Typeahead styles removed */

.file-list-header {
  width: 85px; 
  min-width: 85px;
}

/* Search Layout */
.search-panel {
  height: 5px;
}

.search-request-text {
  display: inline-block;
}

.search-line {
  z-index: var(--z-sticky);
  position: sticky;
  /* iOS Safari: учитываем safe-area-inset-top чтобы элемент не уходил выше выреза */
  padding-top: env(safe-area-inset-top, 0px);
  top: env(safe-area-inset-top, 0px);
}

/* Disable sticky when fulltext search tab is active */
.search-line:has(#nav-full-text.active),
.search-line.fulltext-active {
  position: static;
}

/* Фильтры должны быть выше */
.search-line #filters-div,
.search-line .filters {
  position: relative;
  z-index: 1090;
}

/* User Interface Layout */
/* Z-index moved to component-specific CSS files */

/* Language Dropdown Layout (legacy) */
#lng {
  display: inline-block;
  top: 50%;
  transform: translate(0, -45%);
  max-height: 40px;
  z-index: 100;
}

.dd-option-text, .dd-selected-text, .dd-pointer {
  display: none;
}

.dd-option-image, .dd-selected-image {
  max-width: 20px!important;
}

.dd-option {
  padding: 6px!important;
}

.dd-container, div.dd-select, ul.dd-options {
  width: 44px!important;
}

.dd-select {
  background: none!important; 
  border: none!important;
  padding: 0px!important;
}

/* Responsive Layout Adjustments */
@media (min-width: 576px) {
  .file-list-header {
    width: 70px;
    min-width: 70px;
  }
}

@media (max-width: 576px) {
  .file-list-header {
    width: 70px;
    min-width: 70px;
  }
}

@media (max-width: 360px) {
  .treeselect-list {
    position: relative!important;
  }
}