/* Lennon Music V8.3.3 — final sidebar, command search, Plus tweaks. */

/* The search input is intentionally borderless even while active or focused.
   Keep keyboard navigation, text caret and input behavior unchanged. */
#lm-command-input,
#lm-command-input:focus,
#lm-command-input:focus-visible,
#lm-command-input:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Match the expanded control's exact 55px square to the compact control.
   Use border-box and a fixed flex basis so the icon cannot drift or shrink. */
@media (min-width: 1041px) {
  #sidebar .sidebar-brand-row > #lm-sidebar-resize {
    box-sizing: border-box !important;
    flex: 0 0 55px !important;
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    min-height: 55px !important;
    max-width: 55px !important;
    max-height: 55px !important;
    padding: 0 !important;
    border-radius: 13px !important;
    display: grid !important;
    place-items: center !important;
  }
  /* In expanded mode, keep the full identity beside the now-larger control. */
  html:not(.lm-sidebar-compact) #sidebar .sidebar-brand-row {
    gap: 5px !important;
  }
  html:not(.lm-sidebar-compact) #sidebar .sidebar-brand-row > .logo {
    gap: 7px !important;
    min-width: 0;
  }
  /* The favicon itself is always the same size (compact and expanded). */
  html:not(.lm-sidebar-compact) #sidebar .logo-mark {
    width: 51px !important;
    height: 51px !important;
  }
}

/* Protect the brand name and tagline from crowding the 55px button on
   mid-size desktop sidebars (260px wide). */
@media (min-width: 1041px) and (max-width: 1370px) {
  html:not(.lm-sidebar-compact) #sidebar .logo-type strong {
    font-size: 23px !important;
    letter-spacing: -0.9px !important;
  }
  html:not(.lm-sidebar-compact) #sidebar .logo-type small {
    font-size: 7px !important;
    letter-spacing: 0.85px !important;
  }
}