/* AstroLifeMap Website Frontend V17 — compact, icon-led service hub */
.dashboard-service-hub{
  margin:4px 0 18px;
  padding:14px;
  border:1px solid rgba(216,184,90,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(18,58,47,.76),rgba(7,28,23,.92));
  box-shadow:0 16px 38px rgba(0,0,0,.2);
}
.dashboard-service-hub-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 10px;
}
.dashboard-service-hub-head h2{
  margin:0;
  font-size:1rem;
  line-height:1.1;
  color:var(--alm-cream,#f8f2df);
}
.dashboard-service-hub .dashboard-quick-launch{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.dashboard-service-hub .dashboard-quick-launch a{
  min-width:0;
  min-height:74px;
  padding:8px 6px;
  display:grid;
  grid-template-rows:30px auto;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px solid rgba(216,184,90,.28);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(13,54,41,.92),rgba(5,27,20,.96));
  color:#f8e9ba;
  text-decoration:none;
  text-align:center;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.dashboard-service-hub .dashboard-quick-launch a:hover,
.dashboard-service-hub .dashboard-quick-launch a:focus-visible{
  transform:translateY(-2px);
  border-color:#ead27c;
  background:linear-gradient(180deg,rgba(22,75,57,.96),rgba(7,35,26,.98));
  outline:none;
}
.dashboard-service-hub .dashboard-quick-launch strong{
  display:block;
  max-width:100%;
  font-size:clamp(.7rem,.72vw,.82rem);
  line-height:1.18;
  font-weight:760;
  letter-spacing:0;
  color:inherit;
  overflow-wrap:anywhere;
}
.dashboard-service-hub .service-tile-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  margin:0;
  font-size:23px;
  line-height:1;
  color:#e8c963;
}
.dashboard-service-hub .service-tile-image{
  width:28px!important;
  height:28px!important;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(216,184,90,.55);
}
@media(max-width:1250px){
  .dashboard-service-hub .dashboard-quick-launch{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .dashboard-service-hub .dashboard-quick-launch{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .dashboard-service-hub{padding:10px}
  .dashboard-service-hub .dashboard-quick-launch{grid-template-columns:repeat(2,minmax(0,1fr))}
}