/* دیدال آریادنه | DAEDAL Ariadne — front-end styles. Scoped to .ari-root / .ari-modal / .ari-account */

.ari-root,.ari-modal,.ari-account{
  --ari-primary:var(--ari-primary-custom,var(--wd-primary-color,var(--e-global-color-primary,#3b6cf0)));
  --ari-primary-2:#22d3ee;
  --ari-radius:20px;
  --ari-ok:#22c55e;--ari-bad:#ef4444;
  --ari-text:#0f172a;--ari-muted:#64748b;--ari-border:rgba(15,23,42,.14);
  --ari-card:#fff;--ari-glass:rgba(255,255,255,.66);--ari-field:rgba(15,23,42,.045);--ari-seg:rgba(15,23,42,.06);
  --ari-shadow:0 20px 50px -18px rgba(15,23,42,.35);--ari-on-primary:#fff;
  --ari-backdrop:rgba(15,23,42,.45);
  font-family:var(--ari-font,inherit);color:var(--ari-text);line-height:1.6;box-sizing:border-box;
}
@supports (color:color-mix(in srgb,red,blue)){
  .ari-root,.ari-modal,.ari-account{--ari-primary-2:color-mix(in srgb,var(--ari-primary) 55%,#22d3ee)}
}
.ari-root *,.ari-modal *,.ari-account *{box-sizing:border-box}

/* ----- dark (JS resolves the effective mode into data-ari-eff) ----- */
.ari-root[data-ari-eff=dark],.ari-modal[data-ari-eff=dark],.ari-account[data-ari-eff=dark]{
  --ari-text:#eef2ff;--ari-muted:#9aa6c9;--ari-border:rgba(160,180,255,.2);
  --ari-card:#0f1736;--ari-glass:rgba(16,24,58,.58);--ari-field:rgba(120,140,255,.1);--ari-seg:rgba(120,140,255,.1);
  --ari-shadow:0 24px 60px -20px rgba(0,0,0,.7);--ari-backdrop:rgba(3,6,20,.62);
}

/* ----- themes ----- */
[data-ari-theme=glass].ari-card,[data-ari-theme=glass] .ari-card{background:var(--ari-glass);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid var(--ari-border);box-shadow:var(--ari-shadow),inset 0 1px 0 rgba(255,255,255,.25)}
[data-ari-theme=modern] .ari-card{background:var(--ari-card);border:1px solid var(--ari-border);box-shadow:var(--ari-shadow)}
[data-ari-theme=classic]{--ari-radius:6px}
[data-ari-theme=classic] .ari-card{background:var(--ari-card);border:1px solid var(--ari-border);box-shadow:none;border-radius:6px}
[data-ari-theme=classic] .ari-btn{background:var(--ari-primary);border-radius:4px}
[data-ari-theme=classic] .ari-tile,[data-ari-theme=classic] .ari-input,[data-ari-theme=classic] .ari-seg,[data-ari-theme=classic] .ari-seg button{border-radius:4px}

/* mythic: gold on marble/black */
[data-ari-theme=mythic]{--ari-primary:var(--ari-primary-custom,#c9a227);--ari-primary-2:#f3d97a;--ari-on-primary:#1a1405;--ari-ok:#6fcf97}
[data-ari-theme=mythic][data-ari-eff=light]{--ari-card:#f8f4ea;--ari-glass:#f8f4ea;--ari-text:#2a2110;--ari-muted:#7b6a45;--ari-border:rgba(160,125,20,.4);--ari-field:rgba(160,125,20,.08);--ari-seg:rgba(160,125,20,.1)}
[data-ari-theme=mythic][data-ari-eff=dark]{--ari-card:#0d0b08;--ari-glass:#0d0b08;--ari-text:#f5ecd2;--ari-muted:#b4a577;--ari-border:rgba(201,162,39,.45);--ari-field:rgba(201,162,39,.08);--ari-seg:rgba(201,162,39,.1)}
[data-ari-theme=mythic] .ari-card{background:var(--ari-card);border:1px solid var(--ari-border);box-shadow:0 0 0 4px rgba(201,162,39,.08),var(--ari-shadow);position:relative}
[data-ari-theme=mythic] .ari-card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(201,162,39,.35);border-radius:calc(var(--ari-radius) - 6px);pointer-events:none}
[data-ari-theme=mythic] .ari-title{font-family:Georgia,"Times New Roman",serif;letter-spacing:.02em;background:linear-gradient(90deg,var(--ari-primary),var(--ari-primary-2),var(--ari-primary));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-ari-theme=mythic] .ari-btn{text-shadow:none;box-shadow:0 8px 26px -8px rgba(201,162,39,.7)}

/* ----- layout ----- */
.ari-root{width:100%;max-width:440px;margin:0 auto;position:relative}
.ari-account.ari-root{max-width:1100px}
:is(.ari-root,.ari-modal,.ari-account) .ari-card{border-radius:var(--ari-radius);padding:26px 22px;position:relative}
:is(.ari-root,.ari-modal,.ari-account) .ari-head{text-align:center;margin-bottom:18px}
:is(.ari-root,.ari-modal,.ari-account) .ari-head .ari-ico{display:inline-block;width:68px;height:68px}
:is(.ari-root,.ari-modal,.ari-account) .ari-title{margin:6px 0 2px;font-size:26px;font-weight:800;line-height:1.3;color:var(--ari-text)}
:is(.ari-root,.ari-modal,.ari-account) .ari-sub{margin:0;color:var(--ari-muted);font-size:14px}
:is(.ari-root,.ari-modal,.ari-account) .ari-muted{color:var(--ari-muted)}:is(.ari-root,.ari-modal,.ari-account) .ari-small{font-size:12px}

/* ----- icons ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-ico{display:inline-grid;place-items:center;width:28px;height:28px;flex:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-ico svg{width:100%;height:100%;display:block;overflow:visible}
:is(.ari-root,.ari-modal,.ari-account) .ari-ico3d .ari-ico-shadow{fill:rgba(10,16,50,.32)}
:is(.ari-root,.ari-modal,.ari-account) .ari-ico3d{filter:drop-shadow(0 2px 3px rgba(20,30,90,.12))}
:is(.ari-root,.ari-modal,.ari-account) .ari-icoline{color:var(--ari-primary)}
:is(.ari-root,.ari-modal,.ari-account) .ari-icoemoji{font-size:1.5em;line-height:1}
:is(.ari-root,.ari-modal,.ari-account) .ari-head .ari-icoemoji{font-size:48px}
@keyframes ari-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ari-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@keyframes ari-wave{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(10deg)}}
@keyframes ari-ring{0%,50%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(9deg)}40%{transform:rotate(-6deg)}}
@keyframes ari-fly{0%,100%{transform:translate(0,0)}50%{transform:translate(1.5px,-3px)}}
[data-ari-anim=float] .ari-head .ari-ico{animation:ari-float 3.4s ease-in-out infinite}
[data-ari-anim=pulse] .ari-head .ari-ico{animation:ari-pulse 2.2s ease-in-out infinite}
[data-ari-anim=wave] .ari-hand,[data-ari-anim=float] .ari-hand{transform-origin:32px 54px;animation:ari-wave 2.6s ease-in-out infinite}
[data-ari-anim] .ari-ring{transform-origin:32px 7px;animation:ari-ring 3s ease-in-out infinite}
[data-ari-anim] .ari-fly{animation:ari-fly 1.6s ease-in-out infinite}
[data-ari-anim=none] *{animation:none!important}
:is(.ari-root,.ari-modal,.ari-account) .ari-seg button .ari-ico{width:22px;height:22px}

/* ----- segmented tabs ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-seg{position:relative;display:flex;padding:4px;background:var(--ari-seg);border:1px solid var(--ari-border);border-radius:calc(var(--ari-radius) - 2px);margin-bottom:14px;gap:2px}
:is(.ari-root,.ari-modal,.ari-account) .ari-seg button{all:unset;box-sizing:border-box;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 8px;border-radius:calc(var(--ari-radius) - 6px);cursor:pointer;font-weight:700;font-size:15px;color:var(--ari-muted);position:relative;z-index:1;transition:color .25s;text-align:center}
:is(.ari-root,.ari-modal,.ari-account) .ari-seg button[aria-selected=true]{color:var(--ari-text)}
:is(.ari-root,.ari-modal,.ari-account) .ari-seg .ari-thumb{position:absolute;top:4px;bottom:4px;border-radius:calc(var(--ari-radius) - 6px);background:var(--ari-card);box-shadow:0 2px 10px rgba(0,0,0,.18);transition:inset-inline-start .32s cubic-bezier(.34,1.3,.5,1),width .32s;z-index:0}
:is(.ari-root,.ari-modal,.ari-account) .ari-seg.is-small button{font-size:13.5px;padding:9px 6px}
:is(.ari-root,.ari-modal,.ari-account) .ari-seg button:focus-visible, :is(.ari-root,.ari-modal,.ari-account) .ari-btn:focus-visible, :is(.ari-root,.ari-modal,.ari-account) .ari-chip:focus-visible, :is(.ari-root,.ari-modal,.ari-account) .ari-link:focus-visible{outline:2px solid var(--ari-primary);outline-offset:2px}

/* ----- fields ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-field{display:block;margin:0 0 14px}
:is(.ari-root,.ari-modal,.ari-account) .ari-field>span{display:block;font-size:13.5px;color:var(--ari-muted);margin-bottom:6px;font-weight:600}
:is(.ari-root,.ari-modal,.ari-account) .ari-input{width:100%;height:54px;padding:0 16px;border-radius:calc(var(--ari-radius) - 4px);border:1.5px solid var(--ari-border);background:var(--ari-field);color:var(--ari-text);font:inherit;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:none;margin:0}
:is(.ari-root,.ari-modal,.ari-account) .ari-input::placeholder{color:var(--ari-muted);opacity:.7}
:is(.ari-root,.ari-modal,.ari-account) .ari-input:focus{border-color:var(--ari-primary);box-shadow:0 0 0 4px rgba(59,108,240,.18)}
@supports (color:color-mix(in srgb,red,blue)){:is(.ari-root,.ari-modal,.ari-account) .ari-input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--ari-primary) 22%,transparent)}}
:is(.ari-root,.ari-modal,.ari-account) .ari-input.is-ltr{direction:ltr;text-align:start}
[dir=rtl] .ari-input.is-ltr, :is(.ari-root,.ari-modal,.ari-account) .ari-rtl .ari-input.is-ltr{text-align:right}
:is(.ari-root,.ari-modal,.ari-account) .ari-pw{position:relative}
:is(.ari-root,.ari-modal,.ari-account) .ari-pw .ari-eye{all:unset;position:absolute;inset-block:0;inset-inline-start:12px;display:grid;place-items:center;width:34px;cursor:pointer;color:var(--ari-muted)}
:is(.ari-root,.ari-modal,.ari-account) .ari-pw .ari-eye svg{width:20px;height:20px}
:is(.ari-root,.ari-modal,.ari-account) .ari-pw .ari-input{padding-inline-start:46px}
:is(.ari-root,.ari-modal,.ari-account) .ari-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 14px;font-size:14px}
:is(.ari-root,.ari-modal,.ari-account) .ari-chk{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-chk input{width:20px;height:20px;accent-color:var(--ari-primary);margin:0}
:is(.ari-root,.ari-modal,.ari-account) .ari-link{all:unset;color:var(--ari-primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:14px}
:is(.ari-root,.ari-modal,.ari-account) .ari-hp{position:absolute!important;inset-inline-start:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}

/* ----- captcha pill (invisible PoW) ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-cap{margin:0 0 14px}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;min-width:150px;justify-content:center;border-radius:99px;border:1px solid var(--ari-border);background:var(--ari-field);font-weight:700;font-size:14px;color:var(--ari-muted);transition:all .3s}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill .ari-dot{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--ari-border);border-top-color:var(--ari-primary);animation:ari-spin 0.8s linear infinite}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill.is-ok{color:var(--ari-ok);border-color:rgba(34,197,94,.45)}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill.is-ok .ari-dot{animation:none;border:0;background:var(--ari-ok);display:grid;place-items:center;position:relative}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill.is-ok .ari-dot:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg) translate(-1px,-1px);animation:ari-pop .35s}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill.is-err{color:var(--ari-bad);border-color:rgba(239,68,68,.45)}
:is(.ari-root,.ari-modal,.ari-account) .ari-pill.is-err .ari-dot{animation:none;border-color:var(--ari-bad)}
:is(.ari-root,.ari-modal,.ari-account) .ari-capimg{display:flex;gap:10px;align-items:center}
:is(.ari-root,.ari-modal,.ari-account) .ari-capimg .ari-capsvg{flex:none;width:150px;height:48px;border-radius:12px;background:var(--ari-field);border:1px solid var(--ari-border);color:var(--ari-text);overflow:hidden}
:is(.ari-root,.ari-modal,.ari-account) .ari-capimg .ari-capsvg svg{width:100%;height:100%;display:block}
:is(.ari-root,.ari-modal,.ari-account) .ari-capimg .ari-input{height:48px;direction:ltr;text-align:center;letter-spacing:.2em}
:is(.ari-root,.ari-modal,.ari-account) .ari-capimg .ari-refresh{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--ari-muted);flex:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-capimg .ari-refresh:hover{color:var(--ari-primary)}

/* ----- buttons ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border-radius:calc(var(--ari-radius) - 4px);background:linear-gradient(110deg,var(--ari-primary),var(--ari-primary-2));color:var(--ari-on-primary);font-weight:800;font-size:16.5px;cursor:pointer;transition:transform .15s,filter .2s,box-shadow .2s;box-shadow:0 12px 28px -12px var(--ari-primary);text-align:center;position:relative;overflow:hidden}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn:hover{filter:brightness(1.07)}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn:active{transform:scale(.985)}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn[disabled], :is(.ari-root,.ari-modal,.ari-account) .ari-btn.is-busy{opacity:.65;pointer-events:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn.is-busy:after{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.5);border-top-color:#fff;animation:ari-spin .7s linear infinite}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn-ghost{background:transparent!important;color:var(--ari-text);border:1.5px solid var(--ari-border);box-shadow:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn-sm{height:44px;font-size:14.5px}
:is(.ari-root,.ari-modal,.ari-account) .ari-msg{min-height:22px;margin:10px 0 0;font-size:14px;text-align:center;color:var(--ari-muted)}
:is(.ari-root,.ari-modal,.ari-account) .ari-msg.is-err{color:var(--ari-bad);animation:ari-shake .4s}
:is(.ari-root,.ari-modal,.ari-account) .ari-msg.is-ok{color:var(--ari-ok)}
:is(.ari-root,.ari-modal,.ari-account) .ari-secure{display:flex;gap:8px;align-items:flex-start;margin-top:16px;color:var(--ari-muted);font-size:12.5px;line-height:1.7}
:is(.ari-root,.ari-modal,.ari-account) .ari-secure .ari-ico{width:22px;height:22px;margin-top:1px}

:is(.ari-root,.ari-modal,.ari-account) .ari-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px}
:is(.ari-root,.ari-modal,.ari-account) .ari-chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;border:1.5px solid var(--ari-border);cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ari-muted);transition:all .2s}
:is(.ari-root,.ari-modal,.ari-account) .ari-chip .ari-ico{width:20px;height:20px}
:is(.ari-root,.ari-modal,.ari-account) .ari-chip[aria-pressed=true]{border-color:var(--ari-primary);color:var(--ari-text);background:var(--ari-field)}

/* ----- steps ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-step{animation:ari-in .38s cubic-bezier(.2,.8,.2,1)}
@keyframes ari-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ari-spin{to{transform:rotate(360deg)}}
@keyframes ari-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes ari-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}

/* ----- OTP tiles: type → fan → merge → check → result ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-wrap{position:relative;margin:6px 0 4px}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp{position:relative;display:flex;justify-content:center;gap:9px;direction:ltr;perspective:700px;height:66px}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;border:0;background:transparent;font-size:16px;cursor:text;z-index:3}
:is(.ari-root,.ari-modal,.ari-account) .ari-tile{width:50px;height:62px;border-radius:calc(var(--ari-radius) - 6px);border:1.5px solid var(--ari-border);background:var(--ari-field);display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--ari-text);position:relative;transition:transform .55s cubic-bezier(.34,1.45,.5,1),opacity .35s,border-color .2s,box-shadow .25s,background .25s;transform-style:preserve-3d;will-change:transform}
:is(.ari-root,.ari-modal,.ari-account) .ari-tile.is-active{border-color:var(--ari-primary);box-shadow:0 0 0 4px rgba(59,108,240,.2)}
@supports (color:color-mix(in srgb,red,blue)){:is(.ari-root,.ari-modal,.ari-account) .ari-tile.is-active{box-shadow:0 0 0 4px color-mix(in srgb,var(--ari-primary) 24%,transparent)}}
:is(.ari-root,.ari-modal,.ari-account) .ari-tile.is-active:empty:after{content:"";width:2px;height:26px;background:var(--ari-primary);animation:ari-blink 1s steps(1) infinite}
:is(.ari-root,.ari-modal,.ari-account) .ari-tile.is-filled{animation:ari-pop .28s;border-color:var(--ari-primary)}
@keyframes ari-blink{50%{opacity:0}}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-fan .ari-tile{border-color:var(--ari-primary);background:var(--ari-card);box-shadow:0 10px 22px -8px rgba(0,0,0,.45);
  transform:translateX(calc((var(--mid) - var(--i))*36px)) translateY(calc(var(--d)*3px)) rotateZ(calc((var(--i) - var(--mid))*9deg)) rotateX(10deg)}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-merge .ari-tile{transform:translateX(calc((var(--mid) - var(--i))*62px)) scale(.92);transition-duration:.45s}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-merge .ari-tile:not(:first-child){opacity:0}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-merge .ari-tile:first-child{color:transparent}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-check .ari-tile{opacity:0!important;transform:scale(.5)}
:is(.ari-root,.ari-modal,.ari-account) .ari-checker{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:calc(var(--ari-radius) - 4px);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .3s,transform .45s cubic-bezier(.34,1.5,.5,1);pointer-events:none;z-index:2}
:is(.ari-root,.ari-modal,.ari-account) .ari-checker:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2.5px solid var(--ari-ok);box-shadow:0 0 0 0 rgba(34,197,94,.5),0 0 28px rgba(34,197,94,.55),inset 0 0 18px rgba(34,197,94,.35);animation:ari-glow 1.2s ease-in-out infinite}
:is(.ari-root,.ari-modal,.ari-account) .ari-checker:after{content:"";position:absolute;inset:11px;border-radius:12px;border:3px solid transparent;border-top-color:var(--ari-ok);border-right-color:var(--ari-ok);animation:ari-spin .9s linear infinite}
@keyframes ari-glow{50%{box-shadow:0 0 0 9px rgba(34,197,94,0),0 0 40px rgba(34,197,94,.8),inset 0 0 22px rgba(34,197,94,.5)}}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-check .ari-checker{opacity:1;transform:scale(1)}
:is(.ari-root,.ari-modal,.ari-account) .ari-checker .ari-ico{width:34px;height:34px;opacity:0;transform:scale(.3);transition:all .4s cubic-bezier(.34,1.8,.5,1);position:relative;z-index:2}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-ok .ari-checker:after, :is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-bad .ari-checker:after{display:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-ok .ari-checker .ari-ico, :is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-bad .ari-checker .ari-ico{opacity:1;transform:scale(1)}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-ok .ari-checker{animation:ari-pop .5s}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-bad .ari-checker{--ari-ok:var(--ari-bad);animation:ari-shake .5s}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-bad .ari-checker:before{border-color:var(--ari-bad);box-shadow:0 0 28px rgba(239,68,68,.6),inset 0 0 18px rgba(239,68,68,.35);animation:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp.is-shake .ari-tile{animation:ari-shake .45s;border-color:var(--ari-bad);background:rgba(239,68,68,.1)}
:is(.ari-root,.ari-modal,.ari-account) .ari-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:1}
:is(.ari-root,.ari-modal,.ari-account) .ari-burst i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ari-ok);opacity:0;animation:ari-spark .8s ease-out forwards}
@keyframes ari-spark{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.2)}}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;color:var(--ari-muted)}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-state{text-align:center;font-weight:700;margin:12px 0 0;min-height:24px}

/* ----- link (bot) card, profile prompt ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-botcard{text-align:center;padding:6px 0}
:is(.ari-root,.ari-modal,.ari-account) .ari-botcard .ari-ico{width:78px;height:78px;margin-bottom:6px}
:is(.ari-root,.ari-modal,.ari-account) .ari-prompt h3{margin:0 0 4px;text-align:center}
:is(.ari-root,.ari-modal,.ari-account) .ari-actions{display:grid;gap:10px;margin-top:6px}

/* ----- modal ----- */
.ari-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.ari-modal.is-open{display:flex}
.ari-modal:before{content:"";position:fixed;inset:0;background:var(--ari-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ari-fade .25s both}
@keyframes ari-fade{from{opacity:0}to{opacity:1}}
.ari-modal .ari-root{position:relative;animation:ari-modalin .4s cubic-bezier(.2,.9,.25,1.1)}
@keyframes ari-modalin{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
:is(.ari-root,.ari-modal,.ari-account) .ari-x{all:unset;position:absolute;top:14px;inset-inline-end:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ari-muted);z-index:5;font-size:22px;line-height:1}
:is(.ari-root,.ari-modal,.ari-account) .ari-x:hover{background:var(--ari-field);color:var(--ari-text)}
body.ari-lock{overflow:hidden}

/* ----- account shell ----- */
.ari-account{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start;margin:0 auto}
.ari-account .ari-acc-side{display:grid;gap:16px}
:is(.ari-root,.ari-modal,.ari-account) .ari-profile-card{text-align:center}
:is(.ari-root,.ari-modal,.ari-account) .ari-profile-card h3{margin:10px 0 0;font-size:19px}
:is(.ari-root,.ari-modal,.ari-account) .ari-avatar{position:relative;width:96px;height:96px;margin:0 auto}
:is(.ari-root,.ari-modal,.ari-account) .ari-avatar img{width:96px;height:96px;object-fit:cover;border-radius:50%;border:3px solid var(--ari-primary);display:block;box-shadow:0 10px 26px -10px var(--ari-primary)}
:is(.ari-root,.ari-modal,.ari-account) .ari-avatar-edit{position:absolute;bottom:-2px;inset-inline-end:-2px;width:34px;height:34px;border-radius:50%;background:var(--ari-card);border:1px solid var(--ari-border);display:grid;place-items:center;cursor:pointer;padding:5px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
:is(.ari-root,.ari-modal,.ari-account) .ari-avatar-edit .ari-ico3d, :is(.ari-root,.ari-modal,.ari-account) .ari-avatar-edit svg{width:100%;height:100%}
:is(.ari-root,.ari-modal,.ari-account) .ari-bar{height:8px;border-radius:99px;background:var(--ari-field);overflow:hidden;margin:12px 0 6px;border:1px solid var(--ari-border)}
:is(.ari-root,.ari-modal,.ari-account) .ari-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ari-primary),var(--ari-primary-2));transition:width .8s cubic-bezier(.2,.8,.2,1)}
:is(.ari-root,.ari-modal,.ari-account) .ari-nav{padding:10px;display:grid;gap:2px}
:is(.ari-root,.ari-modal,.ari-account) .ari-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:calc(var(--ari-radius) - 8px);color:var(--ari-text);text-decoration:none;font-weight:600;font-size:14.5px;transition:background .2s}
:is(.ari-root,.ari-modal,.ari-account) .ari-nav a:hover{background:var(--ari-field)}
:is(.ari-root,.ari-modal,.ari-account) .ari-nav a.is-active{background:var(--ari-field);box-shadow:inset 3px 0 0 var(--ari-primary)}
[dir=rtl] .ari-nav a.is-active{box-shadow:inset -3px 0 0 var(--ari-primary)}
:is(.ari-root,.ari-modal,.ari-account) .ari-badge{margin-inline-start:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--ari-bad);color:#fff;font-size:12px;display:grid;place-items:center}
:is(.ari-root,.ari-modal,.ari-account) .ari-acc-content{background:var(--ari-card);border:1px solid var(--ari-border);border-radius:var(--ari-radius);padding:22px;min-width:0;box-shadow:var(--ari-shadow);color:var(--ari-text)}
:is(.ari-root,.ari-modal,.ari-account) .ari-acc-content a{color:var(--ari-primary)}
:is(.ari-root,.ari-modal,.ari-account) .ari-dash{margin-bottom:18px;background:var(--ari-field);border:1px solid var(--ari-border);box-shadow:none;padding:18px}
:is(.ari-root,.ari-modal,.ari-account) .ari-dash-head{display:flex;align-items:center;gap:10px}
:is(.ari-root,.ari-modal,.ari-account) .ari-dash-head .ari-ico{width:40px;height:40px}
:is(.ari-root,.ari-modal,.ari-account) .ari-pform{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end;margin-top:12px}
:is(.ari-root,.ari-modal,.ari-account) .ari-pform .ari-field{margin:0}:is(.ari-root,.ari-modal,.ari-account) .ari-pform .ari-btn{height:54px}:is(.ari-root,.ari-modal,.ari-account) .ari-pform .ari-msg{grid-column:1/-1}
:is(.ari-root,.ari-modal,.ari-account) .ari-notice{padding:14px 16px;border:1px solid var(--ari-border);border-radius:calc(var(--ari-radius) - 6px);margin-bottom:10px;background:var(--ari-field)}
:is(.ari-root,.ari-modal,.ari-account) .ari-notice.is-new{border-color:var(--ari-primary);box-shadow:0 0 0 3px rgba(59,108,240,.12)}
:is(.ari-root,.ari-modal,.ari-account) .ari-notice header{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}
:is(.ari-root,.ari-modal,.ari-account) .ari-notice time{color:var(--ari-muted);font-size:12px}
:is(.ari-root,.ari-modal,.ari-account) .ari-empty{text-align:center;padding:30px 0;color:var(--ari-muted)}:is(.ari-root,.ari-modal,.ari-account) .ari-empty .ari-ico{width:70px;height:70px}
:is(.ari-root,.ari-modal,.ari-account) .ari-acc-content .woocommerce-orders-table, :is(.ari-root,.ari-modal,.ari-account) .ari-acc-content table{color:var(--ari-text)}
.ari-checkout-login a{color:var(--ari-primary)}

@media(max-width:820px){.ari-account{grid-template-columns:1fr}}
@media(max-width:420px){:is(.ari-root,.ari-modal,.ari-account) .ari-card{padding:22px 16px}:is(.ari-root,.ari-modal,.ari-account) .ari-tile{width:44px;height:56px;font-size:24px}:is(.ari-root,.ari-modal,.ari-account) .ari-otp{gap:7px}:is(.ari-root,.ari-modal,.ari-account) .ari-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ari-root *,.ari-modal *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ----- puzzle captcha ----- */
:is(.ari-root,.ari-modal,.ari-account) .ari-puz{direction:ltr;user-select:none;-webkit-user-select:none;touch-action:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-stage{position:relative;width:100%;border-radius:calc(var(--ari-radius) - 8px);overflow:hidden;border:1px solid var(--ari-border);background:var(--ari-field)}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-bg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-piece{position:absolute;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));transition:filter .2s}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz.is-drag .ari-puz-piece{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz .ari-refresh{all:unset;position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;cursor:pointer;font-size:17px;backdrop-filter:blur(4px)}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-flash{position:absolute;inset-inline:0;bottom:0;padding:6px 10px;text-align:center;font-size:13px;font-weight:700;color:#fff;opacity:0;transform:translateY(100%);transition:all .3s;direction:rtl}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-flash.is-ok{background:rgba(34,197,94,.88);opacity:1;transform:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-flash.is-bad{background:rgba(239,68,68,.9);opacity:1;transform:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-track{position:relative;height:50px;margin-top:10px;border-radius:99px;background:var(--ari-field);border:1px solid var(--ari-border);overflow:hidden}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,transparent,rgba(59,108,240,.28));border-radius:99px}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-hint{position:absolute;inset:0;display:grid;place-items:center;color:var(--ari-muted);font-size:13.5px;font-weight:700;pointer-events:none;transition:opacity .25s;direction:rtl}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-knob{all:unset;position:absolute;left:3px;top:3px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:grab;background:linear-gradient(135deg,var(--ari-primary),var(--ari-primary-2));color:#fff;box-shadow:0 6px 16px -4px var(--ari-primary);touch-action:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-knob:active{cursor:grabbing}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz-knob .ari-ico3d{width:30px;height:30px}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz.is-solved .ari-puz-track{border-color:rgba(34,197,94,.55)}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz.is-solved .ari-puz-knob{background:#fff;box-shadow:0 4px 14px -4px rgba(34,197,94,.7)}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz.is-solved .ari-puz-hint{color:var(--ari-ok)}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz.is-fail .ari-puz-stage{animation:ari-shake .45s}
:is(.ari-root,.ari-modal,.ari-account) .ari-puz.is-check .ari-puz-knob{opacity:.7}

/* ===== v1.2: OTP field stays a real, visible input (keyboard/clipboard code suggestions work) ===== */
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-input{opacity:1;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;background:transparent!important;border:0!important;box-shadow:none!important;outline:0;padding:0!important;margin:0;direction:ltr;text-align:center;letter-spacing:normal;font-size:16px;min-height:0;border-radius:0}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-input::selection{background:transparent}
:is(.ari-root,.ari-modal,.ari-account) .ari-tile{direction:ltr;font-variant-numeric:lining-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
:is(.ari-root,.ari-modal,.ari-account) .ari-paste{display:inline-flex;align-items:center;gap:6px;background:var(--ari-field);border:1px solid var(--ari-border);color:var(--ari-text);border-radius:99px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}
:is(.ari-root,.ari-modal,.ari-account) .ari-paste:hover{border-color:var(--ari-primary)}
:is(.ari-root,.ari-modal,.ari-account) .ari-paste[hidden]{display:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-otp-tools{display:flex;justify-content:center;margin:2px 0 8px}

/* ===== password fields: eye + strength ===== */
:is(.ari-root,.ari-modal,.ari-account) .ari-pw .ari-input{padding-inline-end:46px}
:is(.ari-root,.ari-modal,.ari-account) .ari-hint{display:block;margin-top:6px;font-size:12px;color:var(--ari-muted)}
:is(.ari-root,.ari-modal,.ari-account) .ari-hint.is-bad{color:var(--ari-bad)}
:is(.ari-root,.ari-modal,.ari-account) .ari-hint.is-ok{color:var(--ari-ok)}
:is(.ari-root,.ari-modal,.ari-account) .ari-meter{height:5px;border-radius:9px;background:var(--ari-field);margin-top:7px;overflow:hidden}
:is(.ari-root,.ari-modal,.ari-account) .ari-meter i{display:block;height:100%;width:0;border-radius:inherit;background:var(--ari-bad);transition:width .3s,background .3s}
:is(.ari-root,.ari-modal,.ari-account) .ari-req{color:var(--ari-bad);margin-inline-start:3px}

/* ===== isolation from theme/Woo styles (WoodMart etc.) ===== */
:is(.ari-root,.ari-modal,.ari-account) :is(button,input,select,textarea){font-family:inherit;letter-spacing:normal;text-transform:none;text-shadow:none}
:is(.ari-root,.ari-modal,.ari-account) :is(button,input[type=submit]):not(.ari-eye):not(.ari-paste):not(.ari-chip){-webkit-appearance:none;appearance:none}
:is(.ari-root,.ari-modal,.ari-account) .ari-input{width:100%;max-width:100%;min-height:54px;height:54px;margin:0;box-shadow:none;background:var(--ari-field);color:var(--ari-text);border:1.5px solid var(--ari-border);border-radius:calc(var(--ari-radius) - 6px);padding:0 16px;font-size:16px;line-height:normal}
:is(.ari-root,.ari-modal,.ari-account) .ari-input:focus{border-color:var(--ari-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ari-primary) 22%,transparent);outline:0;background:var(--ari-field);color:var(--ari-text)}
:is(.ari-root,.ari-modal,.ari-account) .ari-btn{min-height:54px;text-transform:none;letter-spacing:normal;text-decoration:none;box-shadow:0 12px 26px -12px var(--ari-primary)}
body.ari-isolated .woocommerce-MyAccount-navigation:not(.ari-nav),
body.ari-isolated .wd-my-account-sidebar,body.ari-isolated .woodmart-my-account-sidebar,
body.ari-isolated .ari-woo-wrap ~ .woocommerce-MyAccount-navigation,
body.ari-isolated .ari-woo-wrap ~ .woocommerce-MyAccount-content{display:none!important}
body.ari-isolated .ari-woo-wrap{display:block;float:none;width:100%;max-width:none;padding:0;margin:0}
body.ari-isolated .ari-woo-wrap .ari-account{margin-inline:auto}
body.ari-isolated .ari-woo-wrap .woocommerce-MyAccount-navigation{display:none!important}

/* ===== account area: static icons, only the bell moves ===== */
.ari-account .ari-ico,.ari-account .ari-ico *,.ari-account .ari-hand,.ari-account .ari-fly{animation:none!important}
.ari-account .ari-bell .ari-ring{transform-origin:32px 7px;animation:ari-ring 3.2s ease-in-out infinite!important}
.ari-account .ari-bell.has-new .ari-ring{animation-duration:1.4s!important}
.ari-account .ari-badge{animation:none}
.ari-account .ari-bell.has-new ~ .ari-badge{animation:ari-pop .6s}

/* ===== account area (profile) on phones, following the DAEDAL theme's approach ===== */
:is(.ari-account) .ari-acc-content{overflow-wrap:anywhere}
:is(.ari-account) .ari-acc-content :is(table){width:100%}
:is(.ari-account) .ari-acc-content :is(input.input-text,select,textarea){width:100%;max-width:100%;min-height:48px;padding:10px 14px;border-radius:calc(var(--ari-radius) - 8px);border:1.5px solid var(--ari-border);background:var(--ari-field);color:var(--ari-text);font:inherit;box-shadow:none}
:is(.ari-account) .ari-acc-content :is(input.input-text,select,textarea):focus{outline:0;border-color:var(--ari-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ari-primary) 20%,transparent)}
:is(.ari-account) .ari-acc-content :is(.button,button.woocommerce-Button,button[type=submit]){min-height:46px;padding:0 22px;border:0;border-radius:calc(var(--ari-radius) - 8px);background:var(--ari-primary);color:var(--ari-on-primary);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;text-transform:none}
:is(.ari-account) .ari-acc-content .form-row{float:none;width:100%;margin:0 0 14px;padding:0}
:is(.ari-account) .ari-acc-content .form-row-first,:is(.ari-account) .ari-acc-content .form-row-last{width:calc(50% - 6px);display:inline-block;vertical-align:top}
@media(max-width:820px){
  .ari-account{grid-template-columns:minmax(0,1fr);gap:14px}
  .ari-account .ari-acc-side{gap:10px}
  .ari-account .ari-profile-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"av nm" "av ph" "bar bar" "pct pct" "msg msg";align-items:center;column-gap:14px;text-align:start;padding:14px}
  .ari-account .ari-profile-card .ari-avatar{grid-area:av;width:68px;height:68px;margin:0}
  .ari-account .ari-profile-card .ari-avatar img{width:68px;height:68px}
  .ari-account .ari-profile-card h3{grid-area:nm;margin:0;font-size:17px}
  .ari-account .ari-profile-card p.ari-muted[dir]{grid-area:ph;margin:0}
  .ari-account .ari-profile-card .ari-bar{grid-area:bar;margin:12px 0 4px}
  .ari-account .ari-profile-card .ari-small{grid-area:pct;margin:0}
  .ari-account .ari-profile-card .ari-msg{grid-area:msg}
  .ari-account .ari-nav{display:flex;gap:8px;overflow-x:auto;padding:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ari-account .ari-nav::-webkit-scrollbar{display:none}
  .ari-account .ari-nav a{flex:none;scroll-snap-align:start;padding:9px 14px;border-radius:99px;background:var(--ari-field);white-space:nowrap;gap:8px;font-size:14px}
  .ari-account .ari-nav a .ari-ico{width:24px;height:24px}
  .ari-account .ari-nav a.is-active{background:var(--ari-primary);color:var(--ari-on-primary);box-shadow:0 10px 22px -12px var(--ari-primary)}
  [dir=rtl] .ari-account .ari-nav a.is-active{box-shadow:0 10px 22px -12px var(--ari-primary)}
  .ari-account .ari-badge{position:static;margin:0}
  .ari-account .ari-acc-content{padding:16px}
  .ari-account .ari-acc-content table.shop_table_responsive tr,.ari-account .ari-acc-content table.woocommerce-orders-table tr{display:block;border:1px solid var(--ari-border);border-radius:calc(var(--ari-radius) - 8px);margin-bottom:12px;padding:6px 12px}
  .ari-account .ari-acc-content table.woocommerce-orders-table thead{display:none}
  .ari-account .ari-acc-content table.woocommerce-orders-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:8px 0;text-align:end}
  .ari-account .ari-acc-content table.woocommerce-orders-table td:before{content:attr(data-title);font-weight:700;color:var(--ari-muted);text-align:start}
  .ari-account .ari-acc-content .form-row-first,.ari-account .ari-acc-content .form-row-last{width:100%;display:block}
  .ari-account .ari-pform{grid-template-columns:1fr}
}
@media(max-width:420px){.ari-account .ari-nav a span:not(.ari-ico):not(.ari-badge){font-size:13px}}
.ari-account .ari-profile-card .ari-msg:empty{display:none}
@media(min-width:821px){.ari-account .ari-acc-content .form-row-first{margin-inline-end:12px}}

/* ===== v1.3: welcome hero + completion ring + stat tiles (modelled on the DAEDAL theme dashboard) ===== */
.ari-wave-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18));transform-origin:70% 85%;user-select:none;-webkit-user-drag:none}
[data-ari-anim]:not([data-ari-anim=none]) .ari-head .ari-wave-img{animation:ari-wave 2.6s ease-in-out infinite}
:is(.ari-account) .ari-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:26px;border-radius:calc(var(--ari-radius) + 2px);color:#fff;background:linear-gradient(135deg,var(--ari-primary),color-mix(in srgb,var(--ari-primary) 45%,#ff7ab6));box-shadow:0 22px 44px -26px var(--ari-primary);margin-bottom:16px}
:is(.ari-account) .ari-hero:after{content:"";position:absolute;inset:-40% auto auto -8%;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.3),transparent);pointer-events:none}
:is(.ari-account) .ari-ringbox{position:relative;width:128px;height:128px;flex:none;z-index:1}
:is(.ari-account) .ari-ringbox svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
:is(.ari-account) .ari-ring-bg,:is(.ari-account) .ari-ring-fg{fill:none;stroke-width:9;stroke-linecap:round}
:is(.ari-account) .ari-ring-bg{stroke:rgba(255,255,255,.28)}
:is(.ari-account) .ari-ring-fg{stroke:#fff;stroke-dasharray:var(--c);stroke-dashoffset:calc(var(--c) * (1 - var(--p)/100));animation:ari-ringdraw 1.4s cubic-bezier(.22,1,.36,1)}
@keyframes ari-ringdraw{from{stroke-dashoffset:326.7}}
:is(.ari-account) .ari-ringtxt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
:is(.ari-account) .ari-ringtxt b{font-size:26px;line-height:1.1}
:is(.ari-account) .ari-ringtxt small{font-size:11.5px;opacity:.92}
:is(.ari-account) .ari-hero-body{position:relative;z-index:1;min-width:0}
:is(.ari-account) .ari-hero h2{margin:0 0 6px;font-size:22px;line-height:1.4;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:is(.ari-account) .ari-hero h2 .ari-ico{width:38px;height:38px}
:is(.ari-account) .ari-hero p{margin:0 0 14px;opacity:.92;font-size:14.5px}
:is(.ari-account) .ari-hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:calc(var(--ari-radius) - 6px);background:#fff;color:var(--ari-primary)!important;font-weight:800;text-decoration:none;box-shadow:0 12px 24px -14px rgba(0,0,0,.5);transition:transform .25s}
:is(.ari-account) .ari-hero-btn:hover{transform:translateY(-2px)}
:is(.ari-account) .ari-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
:is(.ari-account) .ari-stat{display:grid;justify-items:center;gap:4px;padding:16px 8px;border-radius:calc(var(--ari-radius));background:var(--ari-field);border:1px solid var(--ari-border);color:var(--ari-text)!important;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
:is(.ari-account) .ari-stat:hover{transform:translateY(-4px);box-shadow:0 16px 28px -20px rgba(0,0,0,.5)}
:is(.ari-account) .ari-stat .ari-ico{width:44px;height:44px}
:is(.ari-account) .ari-stat b{font-size:22px;line-height:1.1}
:is(.ari-account) .ari-stat small{font-size:12.5px;color:var(--ari-muted)}
:is(.ari-account) .ari-chips-todo{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
:is(.ari-account) .ari-chip-todo{padding:5px 12px;border-radius:99px;font-size:12.5px;background:color-mix(in srgb,var(--ari-primary) 14%,transparent);color:var(--ari-primary)}
@media(max-width:820px){
  :is(.ari-account) .ari-hero{flex-direction:column;text-align:center;padding:22px 16px;gap:14px}
  :is(.ari-account) .ari-hero h2{justify-content:center;font-size:20px}
  :is(.ari-account) .ari-hero-btn{min-width:160px}
  :is(.ari-account) .ari-stats{gap:8px}
  :is(.ari-account) .ari-stat{padding:12px 4px}
  :is(.ari-account) .ari-stat .ari-ico{width:38px;height:38px}
}

/* ===== password strength (labelled, 3 steps) ===== */
:is(.ari-root,.ari-modal,.ari-account) .ari-strength{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;color:var(--ari-muted)}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength b{color:var(--ari-text)}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength-bars{display:flex;gap:4px;flex:0 0 96px}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength-bars i{flex:1;height:6px;border-radius:9px;background:var(--ari-field);border:1px solid var(--ari-border);transition:background .25s}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength[data-level="1"] i:nth-child(1){background:var(--ari-bad);border-color:var(--ari-bad)}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength[data-level="2"] i:nth-child(-n+2){background:#f59e0b;border-color:#f59e0b}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength[data-level="3"] i{background:var(--ari-ok);border-color:var(--ari-ok)}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength[data-level="1"] b{color:var(--ari-bad)}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength[data-level="2"] b{color:#d97706}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength[data-level="3"] b{color:var(--ari-ok)}
:is(.ari-root,.ari-modal,.ari-account) .ari-strength.is-warn{animation:ari-shake .4s}

/* admin-supplied icon images (static or animated) */
.ari-ico-img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.ari-account .ari-bell>.ari-ico-img{transform-origin:50% 8%;animation:ari-ring 3.2s ease-in-out infinite!important}

/* Wishlist page / theme-requested menu: profile shell reuse */
:is(.ari-account).ari-aside-only{display:block;max-width:340px;margin:0 auto 20px}
.ari-woo-wrap .woocommerce-MyAccount-navigation,.ari-woo-wrap .wd-my-account-sidebar,.ari-acc-content .woocommerce-MyAccount-navigation{display:none!important}
.ari-acc-content .woocommerce-MyAccount-content{width:100%!important;float:none!important;padding:0!important}