/* Home-only density rules. Keep QR codes and interactive controls usable. */
html [data-testid="dashboard-page"] { --home-card-gap: 12px; }
html [data-testid="dashboard-page"] > * + * { margin-top: var(--home-card-gap); }
html [data-testid="dashboard-page"] .icaard-home-greeting { padding: 8px 14px; }
html [data-testid="dashboard-page"] .icaard-home-greeting h1 { font-size: 22px; }
html [data-testid="dashboard-page"] [data-testid="home-membership"] { margin-bottom: 14px; }
html [data-testid="dashboard-page"] [data-testid="digital-card-hero"] { max-width: 380px; aspect-ratio: 1.7; border-radius: 18px; }
html [data-testid="dashboard-page"] .icaard-bank-card-content { padding: 10px 14px; }
html [data-testid="dashboard-page"] [data-testid="card-hero-name"] { font-size: 19px !important; }
html [data-testid="dashboard-page"] [data-testid="card-actions-row"] { margin-top: 8px; gap: 6px; }
html [data-testid="dashboard-page"] [data-testid="card-actions-row"] button { min-height: 44px; padding: 6px; }
html [data-testid="dashboard-page"] .home-service-menu { padding: 13px 15px; gap: 10px; margin-bottom: 14px; border-radius: 17px; }
html [data-testid="dashboard-page"] .home-service-menu h2 { font-size: 18px; margin-top: 3px; line-height: 1.25; }
html [data-testid="dashboard-page"] .home-service-menu label { gap: 3px; }
html [data-testid="dashboard-page"] .home-service-menu select { padding: 9px 32px 9px 12px; min-height: 44px; font-size: 13px; }
html [data-testid="dashboard-page"] .home-discovery-eyebrow { font-size: 9px; }
html [data-testid="dashboard-page"] .home-events-heading { padding: 12px 0; gap: 10px; }
html [data-testid="dashboard-page"] .home-events-heading h2 { font-size: clamp(24px, 2.6vw, 32px); margin: 5px 0 6px; }
html [data-testid="dashboard-page"] .home-events-heading p { font-size: 12px; line-height: 1.45; }
html [data-testid="dashboard-page"] .home-event-search { padding: 10px 12px; min-height: 44px; }
html [data-testid="dashboard-page"] .home-event-categories { padding-bottom: 12px; gap: 6px; }
html [data-testid="dashboard-page"] .home-events-grid { gap: 14px; }
html [data-testid="dashboard-page"] .home-event-copy { padding: 14px; }
html [data-testid="dashboard-page"] .home-event-copy h3 { font-size: 18px; margin: 6px 0 9px; }
html [data-testid="dashboard-page"] .home-event-copy p { margin: 5px 0; }
html [data-testid="dashboard-page"] .home-event-bottom { margin-top: 12px; padding-top: 10px; }
html [data-testid="dashboard-page"] .home-discovery-empty { padding: 20px 15px; gap: 7px; border-radius: 16px; }
html [data-testid="dashboard-page"] .home-discovery-empty h3 { font-size: 17px; }
html [data-testid="dashboard-page"] .home-discovery-empty p { font-size: 12px; }
html [data-testid="dashboard-page"] .home-selected-service { padding: 14px; border-radius: 17px; }
html [data-testid="dashboard-page"] .icaard-support-card { padding: 13px 15px; border-radius: 17px; }
html [data-testid="dashboard-page"] .icaard-support-card strong { font-size: 14px; }
html [data-testid="dashboard-page"] .icaard-support-card > div { gap: 8px; }
html [data-testid="dashboard-page"] .icaard-support-card > div svg { width: 18px; height: 18px; }
html [data-testid="dashboard-page"] .icaard-support-card p { font-size: 12px; line-height: 1.45; margin: 5px 0 8px; }
html [data-testid="dashboard-page"] .icaard-support-card a { padding: 9px 12px; font-size: 12px; margin-top: 0; min-height: 44px; border-radius: 10px; }
html [data-testid="dashboard-page"] .icaard-channel-card { padding: 14px 15px; border-radius: 17px; }
html [data-testid="dashboard-page"] .icaard-channel-icon { float: right; width: 30px; height: 30px; border-radius: 10px; margin: 0 0 4px 8px; }
html [data-testid="dashboard-page"] .icaard-channel-icon svg { width: 17px; height: 17px; }
html [data-testid="dashboard-page"] .icaard-channel-card h2 { font-size: 20px; margin: 4px 0 6px; }
html [data-testid="dashboard-page"] .icaard-channel-card p { font-size: 12px; line-height: 1.45; }
html [data-testid="dashboard-page"] .icaard-channel-tags { gap: 5px; margin: 8px 0 10px; }
html [data-testid="dashboard-page"] .icaard-channel-tags span { padding: 3px 7px; font-size: 9px; }
html [data-testid="dashboard-page"] .icaard-channel-link { padding: 9px 12px; min-height: 44px; font-size: 12px; border-radius: 10px; }
html [data-testid="dashboard-page"] .icaard-channel-code { margin-top: 8px; padding-top: 0; }
html [data-testid="dashboard-page"] .icaard-channel-code summary { min-height: 44px; font-size: 10px; }
html [data-testid="dashboard-page"] [data-testid="active-services"] { padding: 13px 15px; border-radius: 17px; }
html [data-testid="dashboard-page"] [data-testid="active-services"] header { margin-bottom: 5px; }
html [data-testid="dashboard-page"] [data-testid="active-services"] header h2 { font-size: 14px; }
html [data-testid="dashboard-page"] [data-testid="active-services-empty"] { padding-top: 6px; padding-bottom: 6px; }
html [data-testid="dashboard-page"] [data-testid="dashboard-wallet-card"] { padding: 13px 15px; }
html [data-testid="dashboard-page"] [data-testid="dashboard-balance"] { font-size: 25px; }
html [data-testid="dashboard-page"] .icaard-service-card { min-height: 88px; padding: 12px; gap: 7px; }
html [data-testid="dashboard-page"] .icaard-service-icon { width: 36px; height: 36px; }
html [data-testid="dashboard-page"] > .grid > div > * + * { margin-top: 12px; }
@media (min-width: 640px) {
  html [data-testid="dashboard-page"] .icaard-bank-card-content { padding: 14px 18px; }
  html [data-testid="dashboard-page"] .home-event-card:first-child .home-event-copy { padding: 20px; }
  html [data-testid="dashboard-page"] .home-event-card:first-child h3 { font-size: 24px; }
}

/* Everyday Ghana: connected services on a warm, quiet canvas. */
html .icaard-shell:has([data-testid="dashboard-page"]) {
  background-color: #f4f6ed;
  background-image: url('/icaard-everyday-backdrop.svg'),
    radial-gradient(ellipse at 5% 5%, #d8eee0 0, transparent 48%),
    radial-gradient(ellipse at 95% 35%, #f4e8ca 0, transparent 43%),
    linear-gradient(150deg, #eef6ef 0%, #fbf8ef 52%, #eaf3ee 100%);
  background-size: 960px 960px, 100% 100%, 100% 100%, 100% 100%;
  background-position: center 70px, center, center, center;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
}
html .icaard-main:has([data-testid="dashboard-page"]) { background: transparent; }
html [data-testid="dashboard-page"] .icaard-home-greeting {
  background: linear-gradient(115deg, #ffffffed, #e3f0e7ed);
  border: 1px solid #ffffff;
  box-shadow: 0 4px 16px #214e3410;
}
html [data-testid="dashboard-page"] .home-service-menu {
  background: linear-gradient(110deg, #ffffff, #f5faf6);
  border-color: #d8e6da;
  box-shadow: 0 5px 20px #1c493808;
  position: relative;
  overflow: hidden;
}
html [data-testid="dashboard-page"] .home-service-menu::before {
  content: '';
  position: absolute;
  inset: 12px auto 12px 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(#b64f43 0 30%, #d6b75d 30% 65%, #2d7454 65%);
  opacity: .75;
  pointer-events: none;
}
html [data-testid="dashboard-page"] .home-discovery-empty {
  background: #ffffffbf;
  border-color: #c7d9c9;
}
html [data-testid="dashboard-page"] [data-testid="active-services"],
html [data-testid="dashboard-page"] [data-testid="dashboard-wallet-card"] {
  background: #ffffffeb;
  border: 1px solid #dce6da;
  box-shadow: 0 4px 16px #214e3407;
}
@media(max-width:639px) {
  html .icaard-shell:has([data-testid="dashboard-page"]) {
    background-size: 590px 590px, 100% 100%, 100% 100%, 100% 100%;
    background-position: center 30px, center, center, center;
  }
}