/* Songbook library — clean reference layout.
   Scoped to the embedded Songbook; chart readers, offline storage and app chrome are unchanged.
   The repeated root ID outranks older reference-system and compact overrides. */

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot {
  --sb-clean-page:#EEF7FF;
  --sb-clean-surface:#FFFFFF;
  --sb-clean-line:#DFEAF5;
  --sb-clean-ink:#102B5A;
  --sb-clean-muted:#73849B;
  --sb-clean-purple:#7B20B1;
  --sb-clean-purple-soft:#F4EBFC;
  --sb-clean-purple-line:#DFC9F1;
  --sb-clean-blue:#216AC0;
  --sb-clean-blue-soft:#EAF5FF;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:12px !important;
  border:0 !important;
  background:var(--sb-clean-page) !important;
  color:var(--sb-clean-ink) !important;
  box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button,
#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot input,
#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot select {
  font-family:inherit !important;
  text-shadow:none !important;
  filter:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button {
  letter-spacing:0 !important;
  text-transform:none !important;
  -webkit-text-fill-color:currentColor !important;
  cursor:pointer;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot svg {
  flex-shrink:0;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button:focus-visible,
#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot select:focus-visible {
  outline:2px solid var(--sb-clean-purple) !important;
  outline-offset:3px !important;
}

/* Header and live device status. */

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-head {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  padding:14px 12px !important;
  border:1px solid var(--sb-clean-line) !important;
  border-radius:16px !important;
  background:var(--sb-clean-surface) !important;
  box-shadow:0 3px 14px rgba(45,81,121,.035) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand {
  display:flex !important;align-items:center !important;gap:10px !important;min-width:0 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-icon {
  display:grid !important;place-items:center !important;
  width:42px !important;height:42px !important;flex:0 0 42px !important;
  padding:0 !important;border:0 !important;border-radius:12px !important;
  background:#F0E8FC !important;color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-icon svg {
  width:25px !important;height:25px !important;color:inherit !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-copy b {
  display:block !important;margin:0 !important;
  font-size:15.5px !important;font-weight:800 !important;line-height:1.2 !important;
  letter-spacing:.005em !important;white-space:nowrap !important;color:var(--sb-clean-ink) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-copy small {
  display:block !important;margin-top:4px !important;
  font-size:11px !important;font-weight:400 !important;line-height:1.35 !important;
  white-space:normal !important;overflow:visible !important;color:var(--sb-clean-muted) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-connection {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  align-self:center !important;gap:5px !important;min-height:28px !important;padding:4px 8px !important;
  border:1px solid #C5EADA !important;border-radius:999px !important;
  background:#E0F7EC !important;color:#147448 !important;
  font-size:10px !important;font-weight:650 !important;line-height:1.25 !important;
  letter-spacing:0 !important;text-transform:none !important;white-space:nowrap !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-connection::before {
  width:6px !important;height:6px !important;flex:0 0 6px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-connection.offline {
  border-color:#EADBB9 !important;background:#FFF8E9 !important;color:#835F18 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-connection.pending {
  border-color:#EDCCD7 !important;background:#FFF0F5 !important;color:#A33159 !important;
}

/* Two balanced rows of navigation, with counts aligned to the right. */

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-tabs {
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;padding:0 !important;border:0 !important;background:transparent !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-tab {
  display:flex !important;align-items:center !important;justify-content:flex-start !important;
  gap:10px !important;min-width:0 !important;height:44px !important;min-height:44px !important;padding:0 12px !important;
  border:1px solid var(--sb-clean-line) !important;border-radius:12px !important;
  background:var(--sb-clean-surface) !important;color:#455D7C !important;
  font-size:14px !important;font-weight:700 !important;line-height:1.2 !important;
  box-shadow:none !important;transform:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-tab svg {
  display:block !important;width:20px !important;height:20px !important;color:var(--sb-clean-blue) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-tab.on {
  background:var(--sb-clean-purple-soft) !important;border-color:var(--sb-clean-purple-line) !important;color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-tab.on svg {
  color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-tab-count {
  display:inline-grid !important;place-items:center !important;margin-left:auto !important;
  min-width:26px !important;height:24px !important;padding:0 7px !important;
  border:1px solid #DAEAF8 !important;border-radius:999px !important;
  background:var(--sb-clean-blue-soft) !important;color:var(--sb-clean-ink) !important;
  font-size:12px !important;font-weight:700 !important;line-height:1 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-tab.on .htns-songbook-tab-count {
  background:#FCF8FF !important;border-color:var(--sb-clean-purple-line) !important;color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-panel {
  min-width:0 !important;border:0 !important;background:transparent !important;
}

/* Search, import and add stay on one line; the search count is already in the summary. */

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-toolbar {
  display:grid !important;grid-template-columns:minmax(0,1fr) 44px 44px !important;
  gap:8px !important;align-items:center !important;padding:0 0 12px !important;
  border:0 !important;background:transparent !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-toolbar.readonly {
  grid-template-columns:minmax(0,1fr) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-search {
  display:grid !important;grid-template-columns:20px minmax(0,1fr) !important;align-items:center !important;gap:9px !important;
  height:44px !important;min-height:44px !important;margin:0 !important;padding:0 12px !important;
  border:1px solid #CDDEEF !important;border-radius:12px !important;
  background:var(--sb-clean-surface) !important;color:#3F5B7D !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-search svg {
  width:20px !important;height:20px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-search input {
  width:100% !important;min-width:0 !important;height:40px !important;min-height:0 !important;
  margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
  outline:none !important;background:transparent !important;color:var(--sb-clean-ink) !important;
  font-size:16px !important;font-weight:400 !important;line-height:1.3 !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-search input::placeholder {
  color:var(--sb-clean-muted) !important;opacity:1 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-search small {
  display:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-search:focus-within {
  border-color:var(--sb-clean-purple) !important;outline:2px solid var(--sb-clean-purple-line) !important;outline-offset:1px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-icon-action {
  display:grid !important;place-items:center !important;
  width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;padding:0 !important;
  border:1px solid var(--sb-clean-purple-line) !important;border-radius:12px !important;
  background:var(--sb-clean-purple-soft) !important;color:var(--sb-clean-purple) !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-icon-action.primary {
  background:#EEE0FC !important;border-color:#D4B8EF !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-icon-action svg {
  width:22px !important;height:22px !important;color:inherit !important;
}

/* Keep the primary filters together; additional topic filters remain horizontally reachable. */

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-filterbar {
  display:flex !important;align-items:center !important;gap:6px !important;
  padding:0 0 12px !important;border:0 !important;background:transparent !important;
  overflow-x:auto !important;overscroll-behavior-inline:contain !important;scrollbar-width:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-chip {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  flex:0 0 auto !important;gap:4px !important;height:34px !important;min-height:34px !important;padding:0 10px !important;
  border:1px solid var(--sb-clean-line) !important;border-radius:999px !important;
  background:var(--sb-clean-surface) !important;color:#516B8A !important;
  font-size:clamp(10px,2.7vw,12px) !important;font-weight:600 !important;line-height:1.1 !important;
  white-space:nowrap !important;box-shadow:none !important;transform:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-chip.on {
  background:#EEDDFB !important;border-color:#CEACEE !important;color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-chip svg {
  width:14px !important;height:14px !important;color:inherit !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-summary {
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:10px !important;min-height:52px !important;padding:0 1px 12px !important;
  border:0 !important;background:transparent !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-summary-copy {
  font-size:12px !important;font-weight:400 !important;line-height:1.4 !important;color:var(--sb-clean-muted) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-summary-copy b {
  display:block !important;font-size:18px !important;font-weight:800 !important;line-height:1.2 !important;margin-bottom:3px !important;color:var(--sb-clean-ink) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot select.htns-songbook-sort {
  width:100px !important;min-width:0 !important;max-width:40% !important;height:40px !important;min-height:40px !important;
  padding:0 28px 0 11px !important;border:1px solid #CDDEEF !important;border-radius:12px !important;
  background-color:var(--sb-clean-surface) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 9 4-4 4 4m-8 6 4 4 4-4' fill='none' stroke='%23516B8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-position:right 9px center !important;background-repeat:no-repeat !important;background-size:16px 16px !important;
  appearance:none !important;-webkit-appearance:none !important;
  color:var(--sb-clean-ink) !important;font-size:14px !important;font-weight:650 !important;box-shadow:none !important;
}

/* Individual song cards: favorite, title/tags, key/readiness, and a real actions disclosure. */

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-list {
  display:grid !important;gap:8px !important;max-height:none !important;overflow:visible !important;background:transparent !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row {
  display:grid !important;grid-template-columns:38px minmax(0,1fr) 44px 24px !important;
  align-items:center !important;gap:8px !important;min-height:76px !important;
  padding:11px 10px !important;margin:0 !important;border:1px solid var(--sb-clean-line) !important;border-radius:15px !important;
  background:var(--sb-clean-surface) !important;color:var(--sb-clean-ink) !important;
  box-shadow:0 2px 10px rgba(45,81,121,.025) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row.no-private-prefs {
  grid-template-columns:minmax(0,1fr) 44px 24px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-favorite {
  display:grid !important;place-items:center !important;width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;
  padding:0 !important;border:1px solid #E4EEF8 !important;border-radius:50% !important;
  background:#F0F7FD !important;color:#5C7799 !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-favorite svg {
  width:21px !important;height:21px !important;fill:none !important;color:inherit !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-favorite.on {
  background:var(--sb-clean-purple-soft) !important;border-color:var(--sb-clean-purple-line) !important;color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-favorite.on svg {
  fill:#DEC6F2 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-main {
  display:block !important;min-width:0 !important;min-height:44px !important;
  padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;
  color:inherit !important;text-align:left !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-main b {
  display:block !important;font-size:16px !important;font-weight:750 !important;line-height:1.25 !important;
  letter-spacing:-.015em !important;color:var(--sb-clean-ink) !important;white-space:normal !important;
  overflow:visible !important;overflow-wrap:anywhere !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-main small {
  display:block !important;margin-top:3px !important;font-size:11px !important;font-weight:400 !important;
  line-height:1.3 !important;color:var(--sb-clean-muted) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-tags {
  display:flex !important;flex-wrap:wrap !important;gap:4px !important;margin-top:5px !important;overflow:visible !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-tag {
  max-width:100% !important;padding:3px 7px !important;border:0 !important;border-radius:999px !important;
  background:#F0F5FB !important;color:#657D98 !important;font-size:11px !important;font-weight:400 !important;line-height:1.25 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-side {
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;
  width:44px !important;min-width:0 !important;min-height:48px !important;padding:0 !important;
  border:0 !important;border-radius:0 !important;background:transparent !important;text-align:center !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-key {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-width:34px !important;height:28px !important;padding:0 7px !important;
  border:1px solid #CDE3F6 !important;border-radius:10px !important;background:var(--sb-clean-blue-soft) !important;
  color:#164A88 !important;font-size:13px !important;font-weight:700 !important;line-height:1 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-side small {
  display:block !important;margin:0 !important;font-size:9.5px !important;font-weight:500 !important;line-height:1.2 !important;
  color:var(--sb-clean-muted) !important;white-space:normal !important;overflow:visible !important;overflow-wrap:anywhere !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-side small.upcoming {
  color:#197747 !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-usage.unscheduled {
  display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-unscheduled {
  display:inline-flex !important;align-items:center !important;color:var(--sb-clean-muted) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-unscheduled svg {
  width:17px !important;height:17px !important;color:inherit !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-offline-dot {
  display:inline-block !important;flex:0 0 6px !important;width:6px !important;height:6px !important;margin:0 !important;background:#21955E !important;border-radius:50% !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-more {
  display:grid !important;place-items:center !important;width:24px !important;min-width:24px !important;height:44px !important;min-height:44px !important;
  padding:0 !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:#6C809C !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-more svg {
  width:20px !important;height:20px !important;fill:currentColor !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-more[aria-expanded="true"] {
  background:var(--sb-clean-purple-soft) !important;color:var(--sb-clean-purple) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-actions {
  grid-column:1 / -1 !important;display:flex !important;flex-wrap:wrap !important;gap:6px !important;
  padding-top:9px !important;border-top:1px solid var(--sb-clean-line) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-actions[hidden] {
  display:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-actions button {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;flex:1 1 80px !important;
  min-height:40px !important;margin:0 !important;padding:7px 9px !important;border:1px solid var(--sb-clean-purple-line) !important;border-radius:9px !important;
  background:var(--sb-clean-purple-soft) !important;color:var(--sb-clean-purple) !important;font-size:12px !important;font-weight:600 !important;line-height:1.2 !important;box-shadow:none !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-actions svg {
  width:16px !important;height:16px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-load-more {
  min-height:44px !important;padding:10px !important;border:1px solid var(--sb-clean-purple-line) !important;border-radius:12px !important;
  background:var(--sb-clean-purple-soft) !important;color:var(--sb-clean-purple) !important;font-size:12px !important;font-weight:650 !important;
}

/* Avoid cramping the brand or song titles on small phones. */
@media (max-width:380px) {

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot {
  padding:10px !important;gap:10px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-head {
  padding:12px 10px !important;gap:6px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand {
  gap:8px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-icon {
  width:34px !important;height:38px !important;flex-basis:34px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-copy b {
  font-size:14px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-brand-copy small {
  font-size:10px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-connection {
  font-size:9px !important;padding-inline:6px !important;gap:4px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row {
  grid-template-columns:34px minmax(0,1fr) 40px 24px !important;gap:6px !important;padding:10px 8px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row.no-private-prefs {
  grid-template-columns:minmax(0,1fr) 40px 24px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-favorite {
  width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-row-side {
  width:40px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-row-main b {
  font-size:15px !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot button.htns-songbook-chip {
  padding-inline:8px !important;
}

}
@media (max-width:340px) {

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-head {
  grid-template-columns:minmax(0,1fr) !important;
}

#mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot .htns-songbook-connection {
  justify-self:start !important;margin-left:42px !important;
}

}

/* Keep the same hierarchy in dark mode. */
html[data-theme="dark"] #mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot {
  --sb-clean-page:#0D2136;
  --sb-clean-surface:#14304A;
  --sb-clean-line:#2C4B67;
  --sb-clean-ink:#EAF1FC;
  --sb-clean-muted:#ACBBD0;
  --sb-clean-purple:#DCB6FC;
  --sb-clean-purple-soft:#39284F;
  --sb-clean-purple-line:#685180;
  --sb-clean-blue:#9BC7FF;
  --sb-clean-blue-soft:#213E5D;
}

html[data-theme="dark"] #mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot :is(.htns-songbook-brand-icon,button.htns-songbook-tab.on,.htns-songbook-tab.on .htns-songbook-tab-count,button.htns-songbook-icon-action.primary,button.htns-songbook-chip.on,button.htns-songbook-row-favorite.on) {
  background:var(--sb-clean-purple-soft) !important;
  color:var(--sb-clean-purple) !important;
}
html[data-theme="dark"] #mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot :is(button.htns-songbook-tab,button.htns-songbook-chip,.htns-songbook-search,.htns-songbook-key,.htns-songbook-row-tag,button.htns-songbook-row-favorite) {
  color:var(--sb-clean-ink) !important;
}
html[data-theme="dark"] #mainApp #view-albums #htnsSongbookRoot#htnsSongbookRoot :is(.htns-songbook-row-tag,button.htns-songbook-row-favorite) {
  background:var(--sb-clean-blue-soft) !important;
  border-color:var(--sb-clean-line) !important;
}
