/* HTNS Home highlighted-card visual parity · active build v195
   Keep Next Assignment, Next Sermon, Next Worship Songs and Next Event
   on one shared gold card/tile treatment. */
#mainApp #view-home{
  --home-hi-bg:linear-gradient(135deg,#FFFDF7 0%,#FFF7DF 100%);
  --home-hi-border:#E7C64F;
  --home-hi-edge:#E0B52A;
  --home-hi-shadow:inset 4px 0 0 #E0B52A,0 12px 26px rgba(20,38,61,.10);
  --home-hi-tile-bg:linear-gradient(145deg,#FFF9DC 0%,#FFF1A8 100%);
  --home-hi-tile-border:#E1C45D;
}

#mainApp #view-home .hero.assignment-hero:not(:has(.assignment-setlist)),
#mainApp #view-home .home-sermon-card,
#mainApp #view-home .home-worship-card,
#mainApp #view-home .home-next-event-ref{
  height:62px !important;
  min-height:62px !important;
  box-sizing:border-box !important;
  border:1px solid var(--home-hi-border) !important;
  border-radius:14px !important;
  background:var(--home-hi-bg) !important;
  box-shadow:var(--home-hi-shadow) !important;
}

/* One identical 42px highlighted tile for the icon/date at the left. */
#mainApp #view-home .hero.assignment-hero:not(:has(.assignment-setlist)) .assignment-hero-icon,
#mainApp #view-home .home-sermon-date,
#mainApp #view-home .home-worship-date,
#mainApp #view-home .home-next-event-ref .home-event-date,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border:1.5px solid var(--home-hi-tile-border) !important;
  border-radius:10px !important;
  background:var(--home-hi-tile-bg) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72) !important;
  color:#103763 !important;
}

#mainApp #view-home .home-sermon-date small,
#mainApp #view-home .home-worship-date small,
#mainApp #view-home .home-next-event-ref .home-event-date small,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date small{
  color:#8C743D !important;
}
#mainApp #view-home .home-sermon-date b,
#mainApp #view-home .home-worship-date b,
#mainApp #view-home .home-next-event-ref .home-event-date b,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date b{
  color:#103763 !important;
}

/* Match the left-column geometry across all four cards. */
#mainApp #view-home .home-sermon-card,
#mainApp #view-home .home-worship-card{
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:8px !important;
  padding:9px 10px !important;
}
#mainApp #view-home .home-next-event-ref{
  padding:9px 10px !important;
}
#mainApp #view-home .home-next-event-ref .event-item-inner{
  height:42px !important;
  min-height:42px !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:center !important;
}
#mainApp #view-home .home-next-event-ref .event-item-inner::after{display:none !important;}

[data-theme="dark"] #mainApp #view-home .hero.assignment-hero:not(:has(.assignment-setlist)),
[data-theme="dark"] #mainApp #view-home .home-sermon-card,
[data-theme="dark"] #mainApp #view-home .home-worship-card,
[data-theme="dark"] #mainApp #view-home .home-next-event-ref{
  background:linear-gradient(135deg,#203D5C 0%,#18334E 100%) !important;
  border-color:#D8B949 !important;
}

/* v195: exact left-edge parity across all four highlighted Home cards. */
#mainApp #view-home .hero.assignment-hero:not(:has(.assignment-setlist)),
#mainApp #view-home .home-sermon-card,
#mainApp #view-home .home-worship-card,
#mainApp #view-home .home-next-event-ref{
  overflow:hidden !important;
  box-shadow:inset 5px 0 0 var(--home-hi-edge),0 12px 26px rgba(20,38,61,.10) !important;
}
#mainApp #view-home .home-worship-card::before,
#mainApp #view-home .home-sermon-card::before,
#mainApp #view-home .home-next-event-ref::before{
  display:none !important;
  content:none !important;
}
#mainApp #view-home .hero.assignment-hero:not(:has(.assignment-setlist)) .assignment-hero-icon,
#mainApp #view-home .home-sermon-date,
#mainApp #view-home .home-worship-date,
#mainApp #view-home .home-next-event-ref .home-event-date,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date{
  border-radius:10px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72) !important;
}