/* ATHR identity from the supplied monochrome mark: violet #3b1f6b and white. */
:root,.dashboard-page{--maroon:#3b1f6b;--maroon2:#51328b;--gold:#8d73bd;--cream:#f8f6fc;--ink:#292337;--muted:#6f6680;--line:#e5dff0}
body{background:#f8f6fc;color:var(--ink)}
.topbar,.dashboard-page .topbar{height:112px;min-height:112px;background:#3b1f6b!important;background-image:none!important;border-bottom:3px solid #8d73bd;box-shadow:0 5px 20px rgba(39,21,75,.18);overflow:visible}
.topbar:before{display:none!important}
.topbar .platform-title,.dashboard-page .platform-title{width:246px;max-width:246px;flex:0 0 246px;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;text-align:right}
.platform-title .athr-identity-logo{width:100%;height:106px;object-fit:contain;display:block}
.topbar .top-actions,.dashboard-page .top-actions{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);box-shadow:none}
.topbar .top-actions .icon-btn,.topbar .top-actions .btn,.dashboard-page .top-actions .icon-btn,.dashboard-page .top-actions .language-btn{color:#3b1f6b;background:#fff;border-color:#d8ccec}
.dashboard-page .brand-mark{display:none}
.sidebar,.dashboard-page .sidebar{background:linear-gradient(180deg,#452575,#301657)!important;color:#fff}
.sidebar .nav a.active,.dashboard-page .nav a.active{background:rgba(255,255,255,.20);box-shadow:inset -3px 0 #bea8e7}
h1,.dashboard-page h1,.module-card h3,.dashboard-page .module-card h3{color:#3b1f6b}
.btn-primary,.login-btn,.dashboard-page .btn-primary{background:#3b1f6b;color:#fff}
.btn-primary:hover,.login-btn:hover{background:#51328b}
.card,.module-card,.kpi{border-color:#e5dff0}
th,.info-item{background:#f5f1fc;color:#3b1f6b}
.dashboard-hero{background:linear-gradient(115deg,#321855,#563493)!important}
.login-page{background:radial-gradient(circle at 20% 15%,#fff 0,#f5f0fc 45%,#e4d9f3 100%)}
.login-brand{background:#3b1f6b!important}
.login-brand .athr-login-logo{display:block;width:min(100%,440px);height:auto;margin:0 auto 22px}
.login-brand h1{font-size:24px}
.athr-ecg{z-index:2}
@media(max-width:760px){.topbar,.dashboard-page .topbar{height:auto;min-height:112px;padding:8px 12px;gap:7px}.topbar .platform-title,.dashboard-page .platform-title{width:182px;max-width:182px;flex:0 0 182px;margin:0}.platform-title .athr-identity-logo{height:86px}.topbar .top-actions,.dashboard-page .top-actions{max-width:100%;flex-wrap:wrap}.layout,.dashboard-page .layout{min-height:calc(100vh - 112px)}}

/* Clear icon and real text lockup, with the original supplied logo left intact. */
.topbar .platform-title,.dashboard-page .platform-title{display:flex;align-items:center;gap:13px;width:470px;max-width:470px;flex:0 1 470px;direction:rtl;text-align:right}
.athr-identity-symbol{display:block;position:relative;width:108px;height:106px;overflow:hidden;flex:0 0 108px;background:#3b1f6b}
.athr-identity-symbol img{position:absolute;max-width:none;width:280px;height:auto;left:-155px;top:-12px}
.athr-brand-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.32;color:#fff}
.athr-brand-ar{font-size:22px;font-weight:800;color:#fff}
.athr-brand-ar-tagline{font-size:12px;font-weight:700;color:#f2eaff}
.athr-brand-en{font:800 20px/1.25 Arial,Tahoma,sans-serif;letter-spacing:1.2px;color:#fff}
.athr-brand-en-tagline{font:600 11px/1.25 Arial,Tahoma,sans-serif;letter-spacing:.1px;color:#e6daf7;white-space:normal;text-align:left}
/* Age is a required part of the first guardian row and stands out on the form. */
.beneficiary-field[data-field="AgeYears"]{background:#f3eefb;border:1px solid #bba9d6;border-radius:11px;padding:8px 11px;color:#321855;font-weight:700}
.beneficiary-field[data-field="AgeYears"] input{background:#fff;border:2px solid #7b5aaf}
label:has(> input[name="PrimaryGuardianAgeYears"]),label:has(> input[name="SecondaryGuardianAgeYears"]){background:#f3eefb;border:1px solid #bba9d6;border-radius:11px;padding:8px 11px;color:#321855;font-weight:700}
@media(max-width:1100px){.topbar .platform-title,.dashboard-page .platform-title{width:365px;max-width:365px;flex-basis:365px}.athr-brand-ar{font-size:19px}.athr-brand-en-tagline{font-size:9px}}
@media(max-width:760px){.topbar .platform-title,.dashboard-page .platform-title{width:100%;max-width:100%;flex:1 0 100%;gap:8px}.athr-identity-symbol{width:76px;height:78px;flex-basis:76px}.athr-identity-symbol img{width:200px;left:-110px;top:-8px}.athr-brand-ar{font-size:18px}.athr-brand-ar-tagline{font-size:10px}.athr-brand-en{font-size:17px}.athr-brand-en-tagline{font-size:9px}}

.login-brand .athr-login-lockup{display:flex;align-items:center;gap:17px;margin-bottom:16px}
.athr-login-symbol{display:block;position:relative;width:160px;height:165px;overflow:hidden;flex:0 0 160px;background:#3b1f6b}
.athr-login-symbol img{position:absolute;max-width:none;width:400px;height:auto;left:-222px;top:-16px}
.athr-login-copy{min-width:0;color:#fff}
.athr-login-copy h1{margin:0 0 4px;font-size:29px}
.athr-login-copy .platform-ar-name{font-size:14px;color:#f2eaff;font-weight:700}
.athr-login-copy strong{display:block;font:800 25px/1.3 Arial,sans-serif;letter-spacing:1px;margin-top:5px}
.athr-login-copy .platform-full-name{font:600 12px/1.4 Arial,sans-serif;color:#e7dbf8}
@media(max-width:760px){.login-brand .athr-login-lockup{gap:8px}.athr-login-symbol{width:92px;height:100px;flex-basis:92px}.athr-login-symbol img{width:240px;left:-133px;top:-10px}.athr-login-copy h1{font-size:21px}.athr-login-copy .platform-ar-name{font-size:11px}.athr-login-copy strong{font-size:19px}.athr-login-copy .platform-full-name{font-size:9px}}

/* New luminous ATHR artwork: midnight violet, lavender, and cyan. */
:root,.dashboard-page{--maroon:#392467;--maroon2:#573b91;--gold:#42bdf5;--cream:#f8f7fc;--ink:#241b35;--muted:#6f6680;--line:#e5dff0}
.topbar,.dashboard-page .topbar{background:#10091f!important;border-bottom-color:#43bdf4;box-shadow:0 5px 22px rgba(16,9,31,.24)}
.athr-identity-symbol,.athr-login-symbol{background:#10091f}
.athr-brand-ar-tagline,.login-brand .platform-ar-name{color:#ddd3f7}
.athr-brand-en,.athr-login-copy strong{color:#fff}
.athr-brand-en-tagline,.athr-login-copy .platform-full-name{color:#8bd9ff}
.sidebar,.dashboard-page .sidebar{background:linear-gradient(180deg,#281844,#120a25)!important}
.sidebar .nav a.active,.dashboard-page .nav a.active{box-shadow:inset -3px 0 #59c9fb}
.login-brand{background:#10091f!important}
.dashboard-hero{background:linear-gradient(115deg,#1b102f,#513384)!important}
.btn-primary,.login-btn,.dashboard-page .btn-primary{background:#392467}
.btn-primary:hover,.login-btn:hover{background:#573b91}
/* The cyan dot in the supplied mark breathes like a small beacon. */
.athr-identity-symbol img{width:250px;left:-136px;top:0}
.athr-login-symbol img{width:360px;left:-201px;top:0}
.athr-identity-symbol,.athr-login-symbol{--beacon-x:60px;--beacon-y:18px;isolation:isolate}
.athr-login-symbol{--beacon-x:81px;--beacon-y:26px}
.athr-identity-symbol::before,.athr-login-symbol::before{
 content:"";position:absolute;z-index:2;pointer-events:none;
 width:100px;height:100px;left:calc(var(--beacon-x) - 50px);top:calc(var(--beacon-y) - 50px);
 border-radius:50%;background:repeating-conic-gradient(from 7deg,rgba(79,196,255,.65) 0deg 4deg,transparent 5deg 30deg);
 -webkit-mask-image:radial-gradient(circle,transparent 0 12px,#000 17px,transparent 49px);
 mask-image:radial-gradient(circle,transparent 0 12px,#000 17px,transparent 49px);
 filter:blur(2px);animation:athrLightRays 2.8s ease-in-out infinite
}
.athr-identity-symbol::after,.athr-login-symbol::after{
 content:"";position:absolute;z-index:3;pointer-events:none;
 width:15px;height:15px;left:calc(var(--beacon-x) - 7.5px);top:calc(var(--beacon-y) - 7.5px);
 border-radius:50%;background:#3a5075;
 animation:athrLightBulb 2.8s ease-in-out infinite
}
.athr-login-symbol::after{width:21px;height:21px;left:calc(var(--beacon-x) - 10.5px);top:calc(var(--beacon-y) - 10.5px)}
@keyframes athrLightBulb{
 0%,100%{background:#34516b;box-shadow:0 0 1px 1px rgba(43,119,159,.2)}
 40%,57%{background:#d9f8ff;box-shadow:0 0 9px 4px #76dfff,0 0 24px 11px rgba(43,180,255,.82),0 0 46px 22px rgba(27,138,255,.42)}
}
@keyframes athrLightRays{0%,100%{opacity:0;transform:scale(.7)}42%,55%{opacity:1;transform:scale(1.12)}}
@media(max-width:760px){
 .athr-identity-symbol{--beacon-x:43px;--beacon-y:13px}
 .athr-identity-symbol img{width:180px;left:-98px;top:0}
 .athr-login-symbol{--beacon-x:48px;--beacon-y:15px}
 .athr-login-symbol img{width:210px;left:-117px;top:0}
}
@media(prefers-reduced-motion:reduce){.athr-identity-symbol::before,.athr-login-symbol::before,.athr-identity-symbol::after,.athr-login-symbol::after{animation:none}.athr-identity-symbol::before,.athr-login-symbol::before{opacity:.28}.athr-identity-symbol::after,.athr-login-symbol::after{background:#7cdcff;box-shadow:0 0 12px rgba(77,198,255,.65)}}