/* HTNS v226 — tiny, appropriately placed Offline Songbook search control. */
.htns-songbook-offline-screen-head{
  grid-template-columns:40px minmax(0,1fr) auto !important;
  gap:8px !important;
}
.htns-songbook-offline-head-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  min-width:0 !important;
}
.htns-songbook-offline-search-toggle{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(214,176,74,.72) !important;
  border-radius:8px !important;
  background:#fbf5e6 !important;
  color:#173b63 !important;
  box-shadow:none !important;
}
.htns-songbook-offline-search-toggle svg{
  width:14px !important;
  height:14px !important;
  stroke:currentColor !important;
}
.htns-songbook-offline-search-toggle[aria-expanded="true"]{
  background:#f1e2af !important;
  border-color:#b98b20 !important;
}
.htns-songbook-offline-search-panel{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto 8px !important;
  padding:0 !important;
}
.htns-songbook-offline-search-panel[hidden]{display:none !important;}
.htns-songbook-search.offline-search.compact{
  width:min(270px,100%) !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 0 0 auto !important;
  padding:0 8px !important;
  display:grid !important;
  grid-template-columns:15px minmax(0,1fr) auto !important;
  gap:5px !important;
  align-items:center !important;
  border:1px solid #d6c47c !important;
  border-radius:9px !important;
  background:#fffdf7 !important;
  box-shadow:none !important;
  color:#66798c !important;
}
.htns-songbook-search.offline-search.compact:focus-within{
  border-color:#b88b22 !important;
  box-shadow:0 0 0 2px rgba(214,176,74,.14) !important;
}
.htns-songbook-search.offline-search.compact svg{
  width:13px !important;
  height:13px !important;
}
.htns-songbook-search.offline-search.compact input{
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#173b63 !important;
  font-size:10px !important;
  font-weight:750 !important;
}
.htns-songbook-search.offline-search.compact small{
  min-width:2.5ch !important;
  color:#7a8999 !important;
  font-size:8px !important;
  text-align:right !important;
}
[data-theme="dark"] .htns-songbook-offline-search-toggle{
  background:#1a344f !important;
  color:#f2df9c !important;
  border-color:#6f633f !important;
}
[data-theme="dark"] .htns-songbook-search.offline-search.compact{
  background:#112a43 !important;
  border-color:#52617a !important;
}
[data-theme="dark"] .htns-songbook-search.offline-search.compact input{
  color:#f5f7fb !important;
}
@media(max-width:420px){
  .htns-songbook-offline-search-toggle{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    border-radius:7px !important;
  }
  .htns-songbook-offline-search-toggle svg{
    width:13px !important;
    height:13px !important;
  }
  .htns-songbook-search.offline-search.compact{
    width:min(240px,100%) !important;
    height:32px !important;
    min-height:32px !important;
  }
}
@media(max-width:350px){
  .htns-songbook-screen-head>.htns-songbook-offline-head-actions .htns-songbook-connection{
    min-width:0 !important;
    padding:0 6px !important;
    font-size:6.8px !important;
  }
  .htns-songbook-search.offline-search.compact{
    width:100% !important;
  }
}