#aircraft-next-layers-panel {
  --aircraft-layer-row-height: var(--aircraft-ui-control-height);
  --aircraft-layer-icon-size: var(--aircraft-ui-icon-size);
  position: fixed;
  z-index: 100;
  display: flex;
  width: min(280px, calc(100vw - 16px));
  max-height: min(420px, calc(100dvh - 16px));
  min-height: 96px;
  flex-direction: column;
  overflow: hidden;
  border: var(--aircraft-ui-surface-border);
  border-radius: var(--aircraft-ui-surface-radius-mobile);
  background: var(--ui-surface-glass-strong);
  color: var(--ui-text);
  box-shadow: var(--ui-shadow-popover);
  backdrop-filter: blur(var(--aircraft-ui-surface-blur));
  -webkit-backdrop-filter: blur(var(--aircraft-ui-surface-blur));
  font-family: var(--font-ui);
}

#aircraft-next-layers-panel[data-open='false'] {
  display: none;
}

.aircraft-next-layers-header {
  display: flex;
  height: 44px;
  min-height: 44px;
  align-items: center;
  gap: var(--aircraft-ui-surface-gap);
  padding: 12px 8px 0 16px;
}

.aircraft-next-layers-title {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--ui-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aircraft-next-layers-close,
.aircraft-next-layer-action {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  border-radius: var(--aircraft-ui-control-radius);
}

.aircraft-next-layers-close > .aircraft-lucide-icon,
.aircraft-next-layer-action > .aircraft-lucide-icon {
  width: 14px;
  height: 14px;
  flex-basis: 14px;
}

.aircraft-next-layers-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.aircraft-next-layers-scroll::-webkit-scrollbar {
  display: none;
}

.aircraft-next-layers-list {
  min-width: 0;
  padding-bottom: 12px;
}

.aircraft-next-layer-row {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: var(--aircraft-layer-row-height);
  min-height: var(--aircraft-layer-row-height);
  align-items: center;
  margin-bottom: 2px;
  padding: 0 4px 0 calc(4px + var(--aircraft-layer-depth, 0) * 16px);
  border-radius: var(--aircraft-ui-control-radius);
  outline: 0;
  color: var(--ui-text);
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}

.aircraft-next-layer-row:last-child {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .aircraft-next-layer-row:hover {
    background: var(--ui-control-hover);
  }
}

.aircraft-next-layer-row[data-selected='true'] {
  background: var(--ui-control-active);
}

.aircraft-next-layer-row:focus-visible {
  box-shadow: inset 0 0 0 1px var(--ui-focus);
}

.aircraft-next-layer-row[data-visible='false'] .aircraft-next-layer-icon,
.aircraft-next-layer-row[data-visible='false'] .aircraft-next-layer-name {
  opacity: .42;
}

.aircraft-next-layer-row[data-locked='true'] .aircraft-next-layer-name {
  color: var(--ui-text-muted);
}

.aircraft-next-layer-disclosure,
.aircraft-next-layer-disclosure-spacer {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  flex: 0 0 20px;
}

.aircraft-next-layer-disclosure {
  padding: 0;
  border-radius: 6px;
  color: var(--ui-icon-muted);
}

.aircraft-next-layer-disclosure > .aircraft-lucide-icon {
  width: 12px;
  height: 12px;
  flex-basis: 12px;
  transition: transform 150ms ease;
}

.aircraft-next-layer-disclosure[data-collapsed='true'] > .aircraft-lucide-icon {
  transform: rotate(-90deg);
}

.aircraft-next-layer-icon {
  display: flex;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  color: var(--ui-icon);
}

.aircraft-next-layer-icon > .aircraft-lucide-icon {
  width: var(--aircraft-layer-icon-size);
  height: var(--aircraft-layer-icon-size);
  flex-basis: var(--aircraft-layer-icon-size);
}

.aircraft-next-layer-name {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--ui-text);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aircraft-next-layer-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  margin-left: 4px;
}

.aircraft-next-layer-action {
  color: var(--ui-icon-muted);
}

.aircraft-next-layer-action[aria-pressed='true'] {
  background: transparent;
}

.aircraft-next-layer-lock[data-locked='true'] {
  color: var(--ui-icon);
}

.aircraft-next-layer-visibility[data-visible='false'] {
  position: relative;
  opacity: .55;
}

.aircraft-next-layer-visibility[data-visible='false']::after {
  position: absolute;
  width: 15px;
  height: 1px;
  background: currentColor;
  content: '';
  transform: rotate(-45deg);
  pointer-events: none;
}

.aircraft-next-layers-empty {
  display: flex;
  min-height: 96px;
  align-items: center;
  justify-content: center;
  padding: 16px;
  color: var(--ui-text-muted);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}