/* HTNS v288 — Offline Songbook visibility, stability companion styling, and density pass.
   - Restore readable navy title/subtitle on the light system header.
   - Make the public/offline song catalog substantially denser.
   - Keep controls visually aligned with the current cool-blue app system. */

/* The system theme intentionally makes the Songbook header light. Legacy Songbook
   CSS still forced the title to white, making OFFLINE SONGBOOK nearly invisible. */
html.htns-theme-v234 #modal .htns-songbook-offline-screen-head{
  min-height:56px !important;
  padding:calc(7px + env(safe-area-inset-top)) 10px 7px !important;
  background:linear-gradient(180deg,#F8FBFE 0%,#F1F7FB 100%) !important;
  border-bottom:1px solid #C9D9E6 !important;
  color:#0B315D !important;
}
html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-screen-title b{
  color:#0B315D !important;
  font-size:13px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:.025em !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-screen-title small{
  margin-top:2px !important;
  color:#6D8194 !important;
  font-size:8px !important;
  line-height:1.15 !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-back{
  width:34px !important;
  height:34px !important;
  border:1px solid #A9C3D8 !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  color:#0B315D !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-back svg{
  width:17px !important;
  height:17px !important;
  stroke:currentColor !important;
}
html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-connection{
  min-height:22px !important;
  padding:0 7px !important;
  border-color:#C8B466 !important;
  background:#FFF9E7 !important;
  color:#80621B !important;
  font-size:6.8px !important;
}

/* Denser catalog: more songs visible without making titles hard to scan. */
#modal .htns-songbook-offline-hub{
  padding:9px 10px 12px !important;
}
#modal .htns-songbook-offline-catalog{
  gap:4px !important;
}
#modal .htns-songbook-offline-catalog > button{
  min-height:42px !important;
  padding:6px 9px !important;
  gap:8px !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
#modal .htns-songbook-offline-catalog > button > span:first-child{
  min-width:0 !important;
}
#modal .htns-songbook-offline-catalog b{
  font-size:9.2px !important;
  line-height:1.14 !important;
  font-weight:900 !important;
}
#modal .htns-songbook-offline-catalog small{
  margin-top:2px !important;
  font-size:7px !important;
  line-height:1.12 !important;
}
#modal .htns-songbook-offline-catalog .htns-songbook-key{
  min-width:27px !important;
  height:20px !important;
  padding:0 5px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #CFE0EC !important;
  border-radius:7px !important;
  background:#EAF4FA !important;
  color:#0B315D !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
#modal .htns-songbook-offline-hub > h3{
  margin:12px 2px 6px !important;
  font-size:10px !important;
}
#modal .htns-songbook-offline-summary{
  gap:5px !important;
}
#modal .htns-songbook-offline-summary span{
  padding:7px 6px !important;
  border-radius:10px !important;
  box-shadow:none !important;
  font-size:7px !important;
}
#modal .htns-songbook-offline-summary b{
  margin-bottom:1px !important;
  font-size:12px !important;
}

@media(max-width:520px){
  html.htns-theme-v234 #modal .htns-songbook-offline-screen-head{
    grid-template-columns:34px minmax(0,1fr) auto !important;
    gap:7px !important;
  }
  html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-screen-title b{
    font-size:11.5px !important;
  }
  html.htns-theme-v234 #modal .htns-songbook-offline-screen-head .htns-songbook-screen-title small{
    font-size:7px !important;
  }
  #modal .htns-songbook-offline-catalog > button{
    min-height:40px !important;
    padding:5px 8px !important;
  }
  #modal .htns-songbook-offline-catalog b{font-size:8.8px !important;}
  #modal .htns-songbook-offline-catalog small{font-size:6.8px !important;}
}