/* HTNS v256 — Songbook viewer controls: flat, cool-blue, readable. */

/* Footer surface stays quiet and flat. */
html.htns-theme-v234 .htns-songbook-viewer-controls{
  padding:6px 7px calc(7px + env(safe-area-inset-bottom)) !important;
  border-top:1px solid #cbdce7 !important;
  background:rgba(248,252,254,.98) !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px) !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls{
  border-top-color:#31546a !important;
  background:rgba(9,28,44,.98) !important;
}

html.htns-theme-v234 .htns-songbook-control-row{
  gap:5px !important;
  align-items:center !important;
}

/* Every viewer control uses the same flat system language. */
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn{
  min-width:46px !important;
  width:auto !important;
  height:40px !important;
  min-height:40px !important;
  padding:3px 7px !important;
  gap:2px !important;
  border:1px solid #a9bfd1 !important;
  border-radius:8px !important;
  background:#f8fbfe !important;
  background-image:none !important;
  color:#16385c !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn svg{
  width:16px !important;
  height:16px !important;
  color:#2f6f98 !important;
  stroke:currentColor !important;
  filter:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn > b{
  color:#16385c !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn > span{
  color:#526f87 !important;
  font-size:7.8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Selected/active controls: flat cool-blue highlight, no gold. */
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn.on,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"]{
  border-color:#7fa9c4 !important;
  background:#dcebf5 !important;
  background-image:none !important;
  color:#174d73 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn.on svg,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"] svg,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn.on > b,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"] > b{
  color:#1f6f9f !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn.on > span,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"] > span{
  color:#245f86 !important;
}

/* Transpose cluster matches the same flat visual system. */
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper{
  height:40px !important;
  min-height:40px !important;
  display:grid !important;
  grid-template-columns:30px auto 30px !important;
  border:1px solid #a9bfd1 !important;
  border-radius:8px !important;
  background:#f8fbfe !important;
  background-image:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper button{
  width:30px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#2f6f98 !important;
  box-shadow:none !important;
  font-size:17px !important;
  font-weight:900 !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper b{
  min-width:32px !important;
  color:#16385c !important;
  font-size:10px !important;
  font-weight:950 !important;
  text-align:center !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper button + b,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper b + button{
  border-left:1px solid #d6e3ec !important;
}

/* Interaction states remain simple and readable. */
@media(hover:hover) and (pointer:fine){
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn:not(:disabled):hover,
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper button:not(:disabled):hover{
    background:#edf5fa !important;
  }
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn:not(:disabled):active,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper button:not(:disabled):active{
  background:#e4eff6 !important;
  transform:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn:focus-visible,
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper button:focus-visible{
  outline:2px solid rgba(47,111,152,.28) !important;
  outline-offset:1px !important;
}
html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn:disabled{
  opacity:.38 !important;
  filter:none !important;
}

/* Stage/dark viewer keeps the same flat hierarchy with high contrast. */
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn{
  border-color:#466b82 !important;
  background:#143247 !important;
  background-image:none !important;
  color:#e5f1f7 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn svg,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn > b{
  color:#9ed2ee !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn > span{
  color:#d1e4ee !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn.on,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"]{
  border-color:#73abc9 !important;
  background:#20516c !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn.on svg,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"] svg,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn.on > b,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"] > b,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn.on > span,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn[aria-pressed="true"] > span{
  color:#ffffff !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-key-stepper{
  border-color:#466b82 !important;
  background:#143247 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-key-stepper button,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-key-stepper b{
  color:#d9edf7 !important;
}
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-key-stepper button + b,
html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-key-stepper b + button{
  border-left-color:#31566d !important;
}
@media(hover:hover) and (pointer:fine){
  html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-live-btn:not(:disabled):hover,
  html.htns-theme-v234 .htns-songbook-viewer.stage-dark .htns-songbook-viewer-controls .htns-songbook-key-stepper button:not(:disabled):hover{
    background:#1b4259 !important;
  }
}

/* Keep tiny screens readable without growing the toolbar vertically. */
@media(max-width:430px){
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn{
    min-width:44px !important;
    height:39px !important;
    min-height:39px !important;
    padding:3px 6px !important;
  }
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn svg{
    width:15px !important;
    height:15px !important;
  }
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-live-btn > span{
    font-size:7.4px !important;
  }
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper{
    height:39px !important;
    grid-template-columns:29px auto 29px !important;
  }
  html.htns-theme-v234 .htns-songbook-viewer-controls .htns-songbook-key-stepper button{
    width:29px !important;
    height:37px !important;
  }
}