/* Lennon Music V8.3.2: unobtrusive command search, precise sidebar controls. */
/* Keep the command input visibly focusable, but use a neutral gray ring rather
   than the site's lime accent. Overrides global input:focus-visible rules. */
#lm-command-input:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}
#lm-command-input:focus-visible {
  outline: 2px solid #9096a1 !important;
  outline-offset: 3px !important;
}
#lm-command-input:focus:not(:focus-visible) {
  outline: none !important;
}

/* The new panel glyph is an inline, independent SVG (not Font Awesome), so it
   cannot inherit icon font metrics or be replaced during dynamic rendering. */
#lm-sidebar-resize {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
#lm-sidebar-resize .lm-sidebar-toggle-icon {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  max-width: none !important;
  max-height: none !important;
  flex: none !important;
  margin: 0 !important;
  transform: none;
  transform-origin: center;
  transition: transform .25s cubic-bezier(.2,.75,.3,1);
  pointer-events: none;
}
@media (min-width: 1041px) {
  /* In compact mode the control comes first, with the logo just beneath it.
     This changes visual order without altering DOM/tab order of any links. */
  html.lm-sidebar-compact .sidebar-brand-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100%;
  }
  html.lm-sidebar-compact .sidebar-brand-row > #lm-sidebar-resize {
    order: -1;
    align-self: center !important;
    flex: 0 0 55px;
    width: 55px !important;
    height: 55px !important;
    min-height: 55px !important;
    min-width: 55px !important;
  }
  html.lm-sidebar-compact .sidebar-brand-row > .logo {
    order: 1;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center !important;
    flex: 0 0 51px !important;
    width: 51px !important;
    height: 51px !important;
    margin: 0 !important;
  }
  html.lm-sidebar-compact #lm-sidebar-resize .lm-sidebar-toggle-icon {
    transform: scaleX(-1);
  }
}
/* Mobile already has its dedicated navigation drawer button. */
@media (max-width: 1040px) {
  #lm-sidebar-resize { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  #lm-sidebar-resize .lm-sidebar-toggle-icon { transition: none; }
}