/* Page index labels only. Native popup layout, gestures and motion remain. */
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-heading {
  flex: 1; display: grid; min-width: 0;
  grid-template-columns: minmax(0,1fr) fit-content(48%); align-items: center; gap: 5px 12px;
}
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-caption { grid-column: 1 / -1; grid-row: 1; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-heading h2 { grid-column: 1; grid-row: 2; min-width: 0; margin: 0; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-change-menu {
  grid-column: 2; grid-row: 2; display: inline-flex; align-items: center; justify-content: center;
  max-width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 8px 12px;
  border: 1px solid rgba(48,48,48,.22); border-radius: 8px;
  color: #303030; background: transparent; box-shadow: none;
  font: inherit; font-size: 12px; font-weight: 500; line-height: 1.4;
  text-align: start; white-space: normal; overflow-wrap: anywhere;
}
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-change-menu[hidden] { display: none !important; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-change-menu:focus-visible { outline: 2px solid #303030; outline-offset: 3px; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-mode-title { display: block; min-width: 0; overflow-wrap: anywhere; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"][data-view="menus"] .mahina-page-index-heading { grid-template-columns: minmax(0,1fr); }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"][data-view="menus"] .mahina-page-index-heading h2 { grid-column: 1 / -1; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-copy {
  display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) fit-content(45%); gap: 3px 10px; align-items: start;
}
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-title { grid-column: 1; grid-row: 1; min-width: 0; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-secondary { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-status {
  grid-column: 2; grid-row: 1; min-width: 0; display: block; margin: 0; color: #303030; text-align: end;
  font-size: 10px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere;
}
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-item { grid-template-columns: 42px minmax(0,1fr); }
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-menu-item { grid-template-columns: minmax(0,1fr); }
/* The legacy dot rule remains archived, but the new controller creates no dot. */
html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-current { display: none !important; }
@media (max-width: 720px) {
  html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-item { grid-template-columns: 38px minmax(0,1fr); }
  html body .mahina-page-index-panel[data-mahina-page-index-version="20261004.1"] .mahina-page-index-menu-item { grid-template-columns: minmax(0,1fr); }
}