/* HTNS v254 — combine Home Quick Actions My Schedule + Songbook into one shared card. */
#mainApp #view-home .home-quick-combined-wrap{
  display:grid !important;
  grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr) !important;
  gap:10px !important;
  align-items:stretch !important;
}

#mainApp #view-home .home-quick-duo-card{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  overflow:hidden !important;
  border:1px solid #aec7d9 !important;
  border-radius:18px !important;
  background:linear-gradient(100deg,#ffffff 0%,#f8fbfe 72%,#edf5fa 100%) !important;
  box-shadow:none !important;
  min-height:78px !important;
}

#mainApp #view-home .home-quick-combined-action{
  -webkit-appearance:none !important;
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  margin:0 !important;
  padding:10px 6px 9px !important;
  min-height:78px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#173658 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#mainApp #view-home .home-quick-combined-action + .home-quick-combined-action{
  border-left:1px solid #d7e4ed !important;
}

#mainApp #view-home .home-quick-combined-action .qi,
#mainApp #view-home .home-quick-power-ref .qi{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  flex:0 0 34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #bfd2e1 !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#ffffff 0%,#eef5fa 100%) !important;
  color:#2f6f98 !important;
  box-shadow:none !important;
}

#mainApp #view-home .home-quick-combined-action .qi svg,
#mainApp #view-home .home-quick-power-ref .qi svg{
  width:17px !important;
  height:17px !important;
  stroke-width:1.8 !important;
}

#mainApp #view-home .home-quick-combined-action > span:not(.qi),
#mainApp #view-home .home-quick-power-ref > span:not(.qi){
  max-width:100% !important;
  color:#0B315D !important;
  font-size:9px !important;
  line-height:1.06 !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:normal !important;
  text-transform:none !important;
}

#mainApp #view-home .home-quick-power-ref{
  height:auto !important;
  min-height:78px !important;
  padding:10px 6px 9px !important;
  gap:6px !important;
  border:1px solid #aec7d9 !important;
  border-radius:18px !important;
  background:linear-gradient(100deg,#ffffff 0%,#f8fbfe 72%,#edf5fa 100%) !important;
  box-shadow:none !important;
}

#mainApp #view-home .home-quick-combined-action:active,
#mainApp #view-home .home-quick-power-ref:active{
  background:rgba(237,245,250,.7) !important;
  transform:scale(.985) !important;
}

html[data-theme="dark"] #mainApp #view-home .home-quick-duo-card,
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-duo-card,
html[data-theme="dark"] #mainApp #view-home .home-quick-power-ref,
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-power-ref{
  background:linear-gradient(100deg,#173448 0%,#19384c 72%,#1e4156 100%) !important;
  border-color:#4f7588 !important;
}

html[data-theme="dark"] #mainApp #view-home .home-quick-combined-action + .home-quick-combined-action,
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-combined-action + .home-quick-combined-action{
  border-left-color:#315365 !important;
}

html[data-theme="dark"] #mainApp #view-home .home-quick-combined-action > span:not(.qi),
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-combined-action > span:not(.qi),
html[data-theme="dark"] #mainApp #view-home .home-quick-power-ref > span:not(.qi),
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-power-ref > span:not(.qi){
  color:#eef6fd !important;
}

html[data-theme="dark"] #mainApp #view-home .home-quick-combined-action .qi,
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-combined-action .qi,
html[data-theme="dark"] #mainApp #view-home .home-quick-power-ref .qi,
html.htns-theme-v234[data-theme="dark"] #mainApp #view-home .home-quick-power-ref .qi{
  background:#18384f !important;
  border-color:#5b8298 !important;
  color:#8bc5e8 !important;
}

@media(max-width:430px){
  #mainApp #view-home .home-quick-combined-wrap{
    gap:8px !important;
    grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr) !important;
  }

  #mainApp #view-home .home-quick-duo-card,
  #mainApp #view-home .home-quick-combined-action,
  #mainApp #view-home .home-quick-power-ref{
    min-height:72px !important;
  }

  #mainApp #view-home .home-quick-combined-action,
  #mainApp #view-home .home-quick-power-ref{
    padding:8px 4px 7px !important;
    gap:5px !important;
  }

  #mainApp #view-home .home-quick-duo-card,
  #mainApp #view-home .home-quick-power-ref{
    border-radius:15px !important;
  }

  #mainApp #view-home .home-quick-combined-action .qi,
  #mainApp #view-home .home-quick-power-ref .qi{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    flex-basis:31px !important;
    border-radius:10px !important;
  }

  #mainApp #view-home .home-quick-combined-action .qi svg,
  #mainApp #view-home .home-quick-power-ref .qi svg{
    width:16px !important;
    height:16px !important;
  }

  #mainApp #view-home .home-quick-combined-action > span:not(.qi),
  #mainApp #view-home .home-quick-power-ref > span:not(.qi){
    font-size:8.4px !important;
    line-height:1.04 !important;
  }
}