@import url("mitsuba-mobile.css?v=20261005-mobile-ui6");

/* Board-list editor: use the site's native .UIPanel/.extPanel/.reply/.panelHeader
   rules so its surface, typography, borders and spacing follow active 2swagg CSS. */
.swagg-board-menu-ctrl {
  margin-left: 4px;
  white-space: nowrap;
}

.swagg-board-menu-ctrl a,
.swagg-show-all-boards {
  cursor: pointer;
  text-decoration: none;
}

.swagg-default-board-list,
.swagg-custom-board-list {
  display: inline;
}

.swagg-custom-board-list[hidden] {
  display: none !important;
}

/* Match the native Settings text field while keeping it full-width like 4chan's. */
#customMenu #customMenuBox {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}

#customMenu .swagg-custom-menu-actions {
  text-align: center;
}

/* Preserve the reference dialog's compact 400×88px footprint. */
#customMenu .swagg-custom-menu-panel {
  min-height: 88px;
}

/* Keep the native 400px Settings-panel width centered on narrow viewports too. */
@media (max-width: 416px) {
  #customMenu .swagg-custom-menu-panel {
    width: calc(100vw - 16px);
    left: 50%;
    margin-left: calc((16px - 100vw) / 2);
  }
}
