/* Scoped ASALMA design; uses the website variables when available. */
.asalma-dashboard{--ad-navy:var(--mta-home-navy,#08152f);--ad-blue:var(--mta-home-navy2,#102b55);--ad-gold:var(--mta-home-gold,#d7b653);--ad-light:var(--mta-home-gold2,#f4dc91);--ad-cream:var(--mta-home-cream,#f5eadc);--ad-ivory:var(--mta-home-ivory,#fbf8f2);--ad-text:var(--mta-home-text,#172033);--ad-muted:var(--mta-home-muted,#667085);--ad-line:var(--mta-home-line,#e4dccf);--ad-accent:var(--mta-home-blue,#1d427b);box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto;padding:clamp(18px,3vw,36px);border-radius:28px;background:transparent;color:var(--ad-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;text-align:left}
.asalma-dashboard *,.asalma-dashboard *::before,.asalma-dashboard *::after{box-sizing:border-box}
.asalma-dashboard h2,.asalma-dashboard h3,.asalma-dashboard h4{font-family:inherit;font-weight:750;color:var(--ad-navy);letter-spacing:-.025em;line-height:1.2}
.asalma-dashboard h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px)}
.asalma-dashboard h3{margin:0 0 18px;font-size:clamp(22px,2.5vw,27px)}
.asalma-dashboard h4{margin:0 0 12px;font-size:20px}
.asalma-dashboard p{margin:0 0 14px}.asalma-dashboard p:last-child{margin-bottom:0}
.asalma-dashboard .asalma-dashboard-hero{padding:clamp(26px,4vw,46px);margin-bottom:28px;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#26477370,transparent 65%),linear-gradient(135deg,var(--ad-navy),var(--ad-blue));color:#e0e7f2;box-shadow:0 16px 40px #0d1c3914}
.asalma-dashboard .asalma-dashboard-hero h2{color:#fff}.asalma-dashboard .asalma-dashboard-hero>p:last-child{max-width:640px;font-size:18px}
.asalma-dashboard .asalma-dashboard-eyebrow{margin-bottom:14px;color:var(--ad-light);font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.asalma-dashboard .asalma-dashboard-section{margin:0 0 26px;padding:clamp(22px,3vw,30px);border:1px solid var(--ad-line);border-radius:24px;background:#fff;box-shadow:0 10px 32px #0d1c3906}
.asalma-dashboard .asalma-dashboard-section:last-child{margin-bottom:0}
.asalma-dashboard .asalma-dashboard-membership{border-top:4px solid var(--ad-gold);background:linear-gradient(120deg,#fffdf8,var(--ad-cream))}
.asalma-dashboard .asalma-dashboard-membership>p:first-of-type{font-size:18px;font-weight:650}
.asalma-dashboard .asalma-dashboard-subscription{color:var(--ad-muted);font-size:14px}
.asalma-dashboard .asalma-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin:0;padding:0;list-style:none}
.asalma-dashboard .asalma-dashboard-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:24px;border:1px solid var(--ad-line);border-radius:20px;background:var(--ad-ivory);overflow-wrap:anywhere;list-style:none;transition:border-color .2s ease,box-shadow .2s ease}
.asalma-dashboard .asalma-dashboard-card:hover{border-color:var(--ad-gold);box-shadow:0 10px 24px #0d1c390a}
.asalma-dashboard .asalma-dashboard-card>p{color:var(--ad-muted);font-size:15px}
.asalma-dashboard .asalma-dashboard-image{display:block;width:100%;height:160px;margin:0 0 20px;object-fit:cover;border-radius:12px}
.asalma-dashboard a{color:var(--ad-accent);text-decoration:underline;text-underline-offset:.2em}
.asalma-dashboard h4 a{color:var(--ad-navy);text-decoration:none}.asalma-dashboard h4 a:hover{color:var(--ad-accent);text-decoration:underline}
.asalma-dashboard a:focus-visible{outline:3px solid var(--ad-gold);outline-offset:5px;border-radius:4px}
.asalma-dashboard .asalma-dashboard-empty{margin:0;padding:18px 20px;border:1px dashed var(--ad-line);border-radius:14px;background:var(--ad-ivory);color:var(--ad-muted)}
.asalma-dashboard .asalma-dashboard-source{align-self:flex-start;padding:5px 10px;border-radius:999px;background:var(--ad-cream);color:var(--ad-navy);font-size:12px}
.asalma-dashboard .asalma-dashboard-progress{margin-top:auto;padding-top:16px;font-size:13px}
.asalma-dashboard progress{display:inline-block;width:75%;max-width:100%;height:8px;margin-right:8px;border:0;border-radius:999px;overflow:hidden;vertical-align:middle;accent-color:var(--ad-accent);background:var(--ad-line)}
.asalma-dashboard progress::-webkit-progress-bar{background:var(--ad-line);border-radius:999px}.asalma-dashboard progress::-webkit-progress-value{background:var(--ad-accent);border-radius:999px}.asalma-dashboard progress::-moz-progress-bar{background:var(--ad-accent);border-radius:999px}
.asalma-dashboard .asalma-dashboard-next{background:var(--ad-cream)}.asalma-dashboard .asalma-dashboard-next ul{margin:0;padding-left:20px}.asalma-dashboard .asalma-dashboard-next li{margin-bottom:8px}
.asalma-dashboard-login{padding:clamp(30px,5vw,64px);background:linear-gradient(135deg,var(--ad-navy),var(--ad-blue));color:#e0e7f2;border:1px solid #ffffff20;box-shadow:0 20px 50px #0d1c391a}
.asalma-dashboard-login h2{color:#fff}.asalma-dashboard-login>p:not(.asalma-dashboard-eyebrow){max-width:640px;font-size:18px}
.asalma-dashboard .asalma-dashboard-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;margin-top:12px;padding:13px 24px;border-radius:999px;background:linear-gradient(135deg,var(--ad-light),var(--ad-gold));color:var(--ad-navy);font-weight:750;text-decoration:none}.asalma-dashboard .asalma-dashboard-link:hover{box-shadow:0 8px 22px #d7b65330}
@media(max-width:640px){.asalma-dashboard{padding:16px;border-radius:20px}.asalma-dashboard .asalma-dashboard-hero,.asalma-dashboard .asalma-dashboard-section{padding:22px;border-radius:18px}.asalma-dashboard .asalma-dashboard-grid{grid-template-columns:1fr}.asalma-dashboard .asalma-dashboard-card{padding:20px}.asalma-dashboard-login{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.asalma-dashboard .asalma-dashboard-card{transition:none}}
