/* Theme tokens already contain complete oklch() colors; do not wrap in hsl(). */
.cpanel-menu { position: relative; }
.cpanel-menu summary {
  cursor: pointer;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.cpanel-menu nav {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: min(310px, calc(100vw - 48px));
  max-height: calc(100dvh - 100px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: var(--background, #0b0f1f);
  color: var(--foreground, #edf1fa);
  border: 1px solid var(--border, #46516a);
  border-radius: 10px;
  padding: 12px;
  z-index: 50;
}
.cpanel-menu nav a {
  display: flex;
  flex: none;
  width: 100%;
  min-height: 44px;
  align-items: center;
  padding: 10px 12px;
}
.cpanel-menu summary:focus-visible {
  outline: 2px solid var(--primary, #73def0);
  outline-offset: 3px;
}
@media (min-width: 1280px) { .cpanel-menu { display: none; } }