/* AREDC Leads — Home wow layer. transform/opacity only; disabled under reduced-motion. */
.hx-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:18px 20px;background:linear-gradient(120deg,rgba(var(--c-starlight-rgb),.09),rgba(var(--c-x-7c4dff-rgb),.07) 55%,rgba(var(--c-sand-rgb),.12))}
.hx-aurora{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx-aurora i{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;transform:translate(var(--ax,0),var(--ay,0));transition:transform .6s var(--hx-ease);animation:hxFloat 14s ease-in-out infinite alternate}
.hx-aurora i:nth-child(1){width:220px;height:220px;background:var(--c-x-7aa2ff);inset-inline-start:-40px;top:-80px}
.hx-aurora i:nth-child(2){width:180px;height:180px;background:var(--c-x-b296ff);inset-inline-end:18%;top:-70px;animation-delay:-5s}
.hx-aurora i:nth-child(3){width:200px;height:200px;background:var(--c-x-f3dcb4);inset-inline-end:-50px;bottom:-110px;animation-delay:-9s}
@keyframes hxFloat{to{margin:18px 0 0 26px}}
.hx-hello{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hx-hello>div:first-child{flex:1 1 220px}
.hx-ring{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(var(--c-white-rgb),.72);backdrop-filter:blur(8px);box-shadow:var(--hx-sh);position:relative}
.hx-ring svg{width:46px;height:46px;transform:rotate(-90deg)}
.hx-ring circle{fill:none;stroke-width:4.5;stroke-linecap:round}
.hx-ring .t{stroke:var(--hx-line)}
.hx-ring .v{stroke:url(#x) var(--hx-blue);stroke:var(--hx-green);stroke-dasharray:var(--p) 100;transition:stroke-dasharray 1.3s var(--hx-ease)}
.hx-ring>b{position:absolute;inset-inline-start:8px;top:8px;width:46px;height:46px;display:grid;place-items:center;font-size:12px;color:var(--hx-ink)}
.hx-ring span{display:grid;line-height:1.2}.hx-ring em{font-style:normal;font-weight:700;font-size:13px;color:var(--hx-ink)}.hx-ring small{color:var(--hx-mut);font-size:11.5px}
.hx-iconbtn[aria-pressed=true]{background:var(--hx-blue);color:var(--c-white)}
/* tilt + lift */
.hx-kpi{transform:perspective(700px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .25s var(--hx-ease),box-shadow .25s;will-change:transform}
.hx-kpi:hover{box-shadow:var(--hx-sh2)}
.hx-card,.hx-urg-c{transition:transform .25s var(--hx-ease),box-shadow .25s}
.hx-card:hover{transform:translateY(-3px);box-shadow:var(--hx-sh2)}
/* scroll reveal */
.hx-rv{opacity:0;transform:translateY(22px) scale(.985)}
.hx-rv.hx-in{opacity:1;transform:none;transition:opacity .6s var(--hx-ease) calc(var(--ri,0)*70ms),transform .6s var(--hx-ease) calc(var(--ri,0)*70ms)}
.hx-kpi.hx-rv.hx-in{transition:opacity .6s var(--hx-ease) calc(var(--ri,0)*70ms),transform .25s var(--hx-ease)}
/* ripple + confetti */
.hx .hx-go,.hx .hx-urg-btn,.hx .hx-fab,.hx .hx-dial-i,.hx .hx-round,.hx .hx-qa{position:relative;overflow:hidden}
.hx-rip{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:rgba(var(--c-white-rgb),.55);pointer-events:none;animation:hxRip .65s ease-out forwards}
@keyframes hxRip{to{transform:scale(22);opacity:0}}
.hx-burst{position:fixed;z-index:9999;pointer-events:none}
.hx-burst i{position:absolute;width:7px;height:10px;border-radius:2px;background:var(--c);animation:hxPop .85s cubic-bezier(.1,.8,.3,1) forwards}
@keyframes hxPop{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--x),calc(var(--y) + 26px)) rotate(var(--r));opacity:0}}
/* focus mode */
body.hx-focus .hx-kpis,body.hx-focus .hx-grid3,body.hx-focus .hx-recent{opacity:.22;filter:blur(2px) grayscale(.4);pointer-events:none;transition:opacity .5s,filter .5s}
.hx-kpis,.hx-grid3,.hx-recent{transition:opacity .5s,filter .5s}
body.hx-focus .hx-next{box-shadow:0 0 0 3px rgba(var(--c-starlight-rgb),.35),var(--hx-sh2)}
/* dark mode */
body.hx-dark{--hx-bg:var(--c-starlight-dark);--hx-card:var(--c-starlight-dark);--hx-ink:var(--c-n100);--hx-mut:var(--c-x-98A3B3);--hx-line:var(--c-starlight);--hx-blue-s:var(--c-starlight);--hx-green-s:var(--c-starlight-dark);--hx-red-s:var(--c-x-3d2a0c);--hx-amber-s:var(--c-x-3d2a0c);--hx-violet-s:var(--c-starlight);--hx-sh:0 1px 2px rgba(var(--c-black-rgb),0.4),0 8px 24px rgba(var(--c-black-rgb),0.33);color-scheme:dark;color:var(--hx-ink)}
body.hx-dark .hx-hero{background:linear-gradient(120deg,rgba(var(--c-starlight-rgb),.2),rgba(var(--c-x-7c4dff-rgb),.14) 55%,rgba(var(--c-sand-rgb),.1))}
body.hx-dark .hx-ring{background:rgba(var(--c-starlight-dark-rgb),.8)}
body.hx-dark .hx .hx-card,body.hx-dark .hx .hx-kpi,body.hx-dark .hx .hx-urg-c,body.hx-dark .hx .hx-search,body.hx-dark .hx .hx-iconbtn,body.hx-dark .hx .hx-date{background:var(--hx-card);color:var(--hx-ink);border-color:var(--hx-line)}
body.hx-dark .hx .hx-urgent{background:linear-gradient(180deg,var(--c-x-2a1420),var(--c-x-09121e));border-color:var(--c-x-4a2234)}
body.hx-dark .hx h1,body.hx-dark .hx h3,body.hx-dark .hx b{color:var(--hx-ink)}
body.hx-dark .hx .hx-table th{background:var(--c-starlight-dark);color:var(--hx-mut)}
body.hx-dark .hx .hx-table td{border-color:var(--hx-line)}
body.hx-dark .hx .hx-row:hover{background:var(--c-starlight)}
@media(prefers-reduced-motion:reduce),(max-width:0){.hx-aurora i{animation:none}.hx-rv{opacity:1;transform:none}.hx-kpi{transform:none}}
body.motion-reduced .hx-rv{opacity:1;transform:none}body.motion-reduced .hx-aurora i{animation:none}
@media(max-width:700px){.hx-hero{border-radius:18px;padding:14px}.hx-ring{width:100%}}
/* ===== identity pass: Al Asmakh navy + sand over the blue UI ===== */
:root{--hx-navy:var(--c-starlight);--hx-sand2:var(--c-x-f5c99b)}
.hx{font-feature-settings:"tnum" 1}
.hx-hello h1{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;color:var(--hx-navy)}
.hx-hello h1 b{background:linear-gradient(90deg,var(--hx-blue),var(--c-x-7c4dff));-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-hello{position:relative}
.hx-av{flex:none;position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--hx-navy),var(--c-x-1f4e8c));color:var(--c-white);font-size:20px;box-shadow:0 0 0 3px var(--c-white),0 0 0 5px var(--hx-sand),var(--hx-sh);cursor:pointer;transition:transform .25s var(--hx-ease)}
.hx-av:hover{transform:rotate(-6deg) scale(1.07)}
.hx-av b{color:var(--c-white)!important}
.hx-role{position:absolute;bottom:-9px;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--hx-sand);color:var(--hx-navy);box-shadow:0 2px 6px rgba(var(--c-black-rgb),0.2)}
/* richer KPI / cards */
.hx-kpi{border:1px solid color-mix(in srgb,var(--t) 22%,transparent);background:linear-gradient(155deg,var(--ts),var(--c-white) 78%)}
.hx-kpi b{background:linear-gradient(180deg,var(--hx-navy),color-mix(in srgb,var(--t) 70%,var(--hx-navy)));-webkit-background-clip:text;background-clip:text;color:transparent}
body.hx-dark .hx-kpi{background:linear-gradient(155deg,var(--ts),var(--hx-card) 80%)}
body.hx-dark .hx-kpi b,body.hx-dark .hx-hello h1{background:none;color:var(--hx-ink)}
.hx-card>header h3 .hx-i{padding:6px;width:30px;height:30px;border-radius:10px;background:var(--hx-blue-s);color:var(--hx-blue);box-sizing:border-box}
.hx-link{position:relative;font-weight:700}
.hx-link::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--hx-ease)}
.hx-link:hover::after{transform:scaleX(1)}
/* clickable affordances everywhere */
.hx-urg-c,.hx-nt,.hx-date,.hx-ring,.hx-donut-c,.hx-seg,.hx .hit,.hx-ag,.hx-fu,.hx-vw,.hx-row{cursor:pointer}
.hx-urg-c:hover{transform:translateY(-3px);box-shadow:var(--hx-sh2)}
.hx-nt{border-radius:14px;transition:background .2s,transform .2s var(--hx-ease)}
.hx-nt:hover,.hx-ag:hover,.hx-fu:hover,.hx-vw:hover{background:var(--hx-blue-s);transform:translateX(3px)}
.hx .hit:hover{fill:rgba(var(--c-starlight-rgb),.08)}
.hx-seg{transition:stroke-width .2s,opacity .2s}.hx-seg:hover,.hx-seg.act{stroke-width:22}
.hx-ring:hover{transform:scale(1.04)}.hx-ring{transition:transform .25s var(--hx-ease)}
.hx button:active,.hx a:active,.hx [role=button]:active,.hx-kpi:active,.hx-urg-c:active{transform:scale(.97)}
.hx :focus-visible{outline:3px solid color-mix(in srgb,var(--hx-blue) 55%,transparent);outline-offset:2px;border-radius:12px}
/* FAB + mobile bottom bar */
.hx-fab{background:linear-gradient(135deg,var(--c-starlight),var(--c-x-7c4dff));box-shadow:0 10px 28px rgba(var(--c-x-3c5af0-rgb),.45)}
.hx-fab::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(var(--c-x-3c5af0-rgb),.35);animation:hxPulse 2.4s ease-out infinite}
@keyframes hxPulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
@media(max-width:899px){
  .hx-hero{background:linear-gradient(135deg,var(--c-starlight),var(--c-x-1f4e8c) 70%,var(--c-x-3f7cff));color:var(--c-white);margin:-4px -4px 0;border-radius:0 0 28px 28px;padding:18px 16px 26px}
  .hx-hero .hx-hello h1,.hx-hero .hx-hello p,.hx-hero h1 b{color:var(--c-white);background:none;-webkit-text-fill-color:var(--c-white)}
  .hx-hero .hx-hello p{opacity:.8}
  .hx-hero .hx-aurora i{opacity:.35}
  .hx-hero .hx-date,.hx-hero .hx-search,.hx-hero .hx-iconbtn{background:rgba(var(--c-white-rgb),.14);color:var(--c-white);border-color:rgba(var(--c-white-rgb),.2)}
  .hx-ring{background:rgba(var(--c-white-rgb),.14);color:var(--c-white)}.hx-ring em,.hx-ring>b{color:var(--c-white)}.hx-ring small{color:var(--c-n200)}.hx-ring .t{stroke:rgba(var(--c-white-rgb),.25)}.hx-ring .v{stroke:var(--c-x-7ef0c0)}
  .hx-av{box-shadow:0 0 0 3px rgba(var(--c-white-rgb),.9),0 0 0 5px var(--hx-sand)}
  .hx-kpis{margin-top:-18px;position:relative;z-index:2}
}
@media(prefers-reduced-motion:reduce){.hx-fab::before{animation:none}}
body.motion-reduced .hx-fab::before{animation:none}
/* ===== in-app guide ===== */
.hx-info{display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-start:6px;border-radius:50%;font:700 11px/1 Georgia,serif;font-style:italic;background:rgba(var(--c-starlight-rgb),.12);color:var(--hx-blue);cursor:help;transition:transform .2s var(--hx-ease),background .2s;vertical-align:middle}
.hx-info:hover,.hx-info:focus-visible{background:var(--hx-blue);color:var(--c-white);transform:scale(1.15)}
.hx-pop{position:fixed;z-index:10001;padding:14px 16px;border-radius:16px;background:var(--hx-navy,var(--c-starlight));color:var(--c-blue-soft);box-shadow:0 18px 44px rgba(var(--c-starlight-dark-rgb),.35);animation:hxPopIn .22s var(--hx-ease)}
.hx-pop b{display:block;margin-bottom:4px;color:var(--c-white)}.hx-pop p{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--c-n300)}.hx-pop .hx-link{color:var(--hx-sand2,var(--c-x-f5c99b))}
@keyframes hxPopIn{from{opacity:0;transform:translateY(6px) scale(.97)}}
.hx-gw{position:fixed;inset:0;z-index:10000;display:flex;justify-content:flex-end;background:rgba(var(--c-starlight-dark-rgb),0);transition:background .3s;backdrop-filter:blur(0)}
.hx-gw.on{background:rgba(var(--c-starlight-dark-rgb),.45);backdrop-filter:blur(3px)}
.hx-gp{width:min(460px,100%);height:100%;overflow:auto;padding:18px 18px 28px;background:var(--hx-card,var(--c-white));color:var(--hx-ink,var(--c-starlight));box-shadow:-20px 0 50px rgba(var(--c-starlight-dark-rgb),.25);transform:translateX(40px);opacity:0;transition:transform .35s var(--hx-ease),opacity .3s}
.hx-gw.on .hx-gp{transform:none;opacity:1}
.hx-gp header,.hx-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hx-gp h2{margin:0;font-size:19px;display:flex;gap:8px;align-items:center}
.hx-gq{width:100%;box-sizing:border-box;margin:14px 0 10px;padding:11px 14px;border-radius:14px;border:1px solid var(--hx-line);background:var(--hx-bg);color:inherit;font:inherit}
.hx-gs,.hx-ckd{border:1px solid var(--hx-line);border-radius:14px;margin-bottom:8px;background:var(--hx-card);overflow:hidden}
.hx-gs summary,.hx-ckd summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:700;cursor:pointer;list-style:none}
.hx-gs summary::-webkit-details-marker,.hx-ckd summary::-webkit-details-marker{display:none}
.hx-gs summary svg,.hx-ckd summary svg{margin-inline-start:auto;transition:transform .25s}
.hx-gs[open] summary svg,.hx-ckd[open] summary svg{transform:rotate(180deg)}
.hx-gs[open],.hx-ckd[open]{border-color:var(--hx-blue);box-shadow:0 0 0 3px rgba(var(--c-starlight-rgb),.1)}
.hx-gs p{margin:0;padding:0 14px 12px;font-size:13.5px;line-height:1.6;color:var(--hx-mut)}
.hx-gn,.hx-gnote{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--hx-mut)}
.hx-gnote .hx-i{flex:none;width:16px;height:16px;margin-top:1px;color:var(--hx-blue)}
.hx-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.hx-tip{display:grid;gap:3px;text-align:start;padding:14px;border-radius:16px;border:1px solid var(--hx-line);background:linear-gradient(160deg,var(--hx-blue-s),var(--hx-card));color:inherit;cursor:pointer;transition:transform .25s var(--hx-ease),box-shadow .25s}
.hx-tip:hover{transform:translateY(-3px);box-shadow:var(--hx-sh2)}.hx-tip small{color:var(--hx-mut);line-height:1.45}
.hx-ckp{display:block;margin:10px 0 12px}.hx-ckn{font-size:12.5px;font-weight:700;color:var(--hx-green)}
.hx-ck{display:flex;gap:10px;align-items:flex-start;padding:8px 14px;cursor:pointer;font-size:13.5px;line-height:1.45;transition:background .2s}
.hx-ck:hover{background:var(--hx-blue-s)}
.hx-ck input{position:absolute;opacity:0;pointer-events:none}
.hx-ck i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;border:2px solid var(--hx-line);color:transparent;transition:all .25s var(--hx-ease)}
.hx-ck i .hx-i{width:13px;height:13px;stroke-width:3}
.hx-ck input:checked+i{background:var(--hx-green);border-color:var(--hx-green);color:var(--c-white);transform:scale(1.1)}
.hx-ck input:checked~span{text-decoration:line-through;opacity:.6}
.hx-ck input:focus-visible+i{outline:3px solid rgba(var(--c-starlight-rgb),.4);outline-offset:2px}
.hx-ckd summary small{color:var(--hx-mut);font-weight:600}
body.hx-lock{overflow:hidden}
body.hx-dark .hx-gp{background:var(--c-starlight-dark)}body.hx-dark .hx-tip{background:linear-gradient(160deg,var(--c-starlight),var(--c-starlight-dark))}
@media(prefers-reduced-motion:reduce){.hx-gp,.hx-gw,.hx-pop{transition:none;animation:none}}
body.motion-reduced .hx-gp,body.motion-reduced .hx-pop{transition:none;animation:none}