/* صفحة تحليل الحساب: بألوان الموقع (أسود وذهبي)، كل شي محصور بـ .eyai */
.eyai{--g:#e9b949;--g2:#c7962a;--ink:#1a1405;--fg:#f2f2f2;--mut:#a3a3a3;--line:#2c2c2c;--card:#1d1d1d;--field:#151515;--good:#3fb07a;--bad:#e0645a;--wa:#25d366;max-width:900px;margin:0 auto;padding:50px 16px 70px;color:var(--fg);line-height:1.7}
.eyai *{box-sizing:border-box}
.eyai-intro{text-align:center;margin-bottom:26px}
.eyai-kicker{margin:0 0 4px;color:var(--g);font-size:14px;font-weight:600}
.eyai-intro h2{margin:0 0 8px;font-size:clamp(26px,3.4vw,38px);color:var(--fg)}
.eyai-intro p{margin:0 auto;max-width:60ch;color:var(--mut)}
.eyai-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.eyai .eyai-tab{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px;cursor:pointer;font:inherit;text-align:center;color:var(--fg);box-shadow:none}
.eyai-tab strong{display:block;font-size:16px}
.eyai-tab span{font-size:13px;color:var(--mut)}
.eyai .eyai-tab[aria-selected="true"]{border-color:var(--g);background:rgba(233,185,73,.08)}
.eyai-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}
.eyai-card h3{margin:0 0 10px;font-size:19px;color:var(--fg)}
.eyai-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.eyai-step{display:grid;justify-items:center;gap:4px;text-align:center;font-size:14px;color:var(--mut)}
.eyai-step b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,var(--g),var(--g2));color:var(--ink)}
.eyai-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eyai-field{display:flex;flex-direction:column;gap:5px}
.eyai-full{grid-column:1/-1}
.eyai label{font-weight:600;font-size:14.5px;color:var(--fg)}
.eyai label small{font-weight:400;color:var(--mut)}
.eyai input,.eyai select{font:inherit;padding:11px 12px;border:1px solid #333;border-radius:10px;background:var(--field);color:var(--fg);width:100%;margin:0}
.eyai input::placeholder{color:#6f6f6f}
.eyai input:focus,.eyai select:focus{outline:2px solid var(--g);outline-offset:1px}
.eyai input[type="url"],.eyai input[type="tel"]{direction:ltr;text-align:right}
.eyai-hint{font-size:13px;color:var(--mut)}
.eyai-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.eyai-dropzone{display:grid;gap:4px;border:2px dashed #3a3a3a;border-radius:12px;padding:20px;text-align:center;cursor:pointer;background:var(--field)}
.eyai-dropzone:hover,.eyai-dropzone.eyai-drag{border-color:var(--g);background:rgba(233,185,73,.06)}
.eyai-dropzone:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.eyai-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.eyai-preview{position:relative;width:84px;height:84px}
.eyai-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.eyai .eyai-preview button{position:absolute;top:-6px;left:-6px;width:24px;height:24px;padding:0;border-radius:50%;border:0;background:var(--bad);color:#fff;cursor:pointer;line-height:1}
.eyai .eyai-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:700;padding:13px 24px;border-radius:12px;border:0;cursor:pointer;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,var(--g),var(--g2))}
.eyai .eyai-btn:hover{filter:brightness(1.08)}
.eyai .eyai-btn:disabled{opacity:.6;cursor:wait}
.eyai .eyai-btn.eyai-wa{background:var(--wa);color:#0b3d1f}
.eyai .eyai-btn.eyai-ghost{background:transparent;color:var(--g);border:1px solid var(--g)}
.eyai .eyai-block{width:100%;margin-top:16px}
.eyai-error{display:none;background:rgba(224,100,90,.12);border:1px solid rgba(224,100,90,.4);color:#f2a39b;border-radius:10px;padding:10px 14px;margin-top:14px;font-size:14.5px}
.eyai-error.eyai-show{display:block}
.eyai-privacy{font-size:13px;color:var(--mut);margin:10px 0 0;text-align:center}
.eyai-privacy a{color:var(--g)}
.eyai-loading{display:none;text-align:center;padding:36px 16px}
.eyai-loading.eyai-show{display:block}
.eyai-spinner{width:46px;height:46px;margin:0 auto 12px;border:4px solid #333;border-top-color:var(--g);border-radius:50%;animation:eyai-spin .9s linear infinite}
@keyframes eyai-spin{to{transform:rotate(360deg)}}
#eyai-report{display:none}
#eyai-report.eyai-show{display:block}
.eyai-score{display:flex;align-items:center;gap:20px}
.eyai-ring{--pct:0;--ring:var(--g);flex:0 0 auto;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#333 0);display:grid;place-items:center}
.eyai-ring>div{width:92px;height:92px;border-radius:50%;background:var(--card);display:grid;place-items:center;text-align:center;line-height:1.1}
.eyai-ring strong{font-size:30px;color:var(--fg)}
.eyai-ring span{font-size:12px;color:var(--mut)}
.eyai-label{font-weight:700;color:var(--g)}
.eyai-stats{display:flex;flex-wrap:wrap;gap:8px}
.eyai-stat{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-size:14px;color:var(--mut)}
.eyai-stat b{display:block;font-size:17px;color:var(--fg)}
.eyai ul.eyai-points{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.eyai ul.eyai-points li{padding-right:26px;position:relative;margin:0}
.eyai ul.eyai-points li::before{position:absolute;right:0;top:0;font-weight:700}
.eyai ul.eyai-good li::before{content:"✓";color:var(--good)}
.eyai ul.eyai-bad li::before{content:"!";color:var(--bad)}
.eyai ul.eyai-info li::before{content:"•";color:var(--mut)}
.eyai-week{border-right:3px solid var(--g);padding-right:12px;margin-bottom:12px}
.eyai-week h4{margin:0 0 4px;font-size:15.5px;color:var(--fg)}
.eyai-week ul{margin:0;padding-right:18px}
.eyai-service{background:rgba(233,185,73,.07);border:1px solid #3a3220;border-radius:12px;padding:12px;margin-bottom:10px}
.eyai-service b,.eyai-service a{color:var(--g)}
.eyai-service p{margin:4px 0 0;color:var(--fg)}
.eyai-cta{text-align:center;background:radial-gradient(90% 120% at 100% 0%,rgba(233,185,73,.16),transparent 60%),var(--card);border-color:#3a3220}
.eyai-cta p{color:var(--mut);margin:0 0 14px}
.eyai-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.eyai-soon{text-align:center}
.eyai-soon ul{text-align:right;display:inline-grid;margin:12px 0 14px}
@media (max-width:640px){
 .eyai{padding:36px 12px 60px}
 .eyai-grid{grid-template-columns:1fr}
 .eyai-score{flex-direction:column;text-align:center}
 .eyai-card{padding:18px}
}
@media print{
 body *{visibility:hidden}
 #eyai-report,#eyai-report *{visibility:visible}
 #eyai-report{position:absolute;inset:0 0 auto 0}
 .eyai-cta,.eyai-actions{display:none!important}
 .eyai{--fg:#111;--mut:#555;--card:#fff;--field:#f5f5f5;--line:#ddd}
}
@media (prefers-reduced-motion:reduce){.eyai-spinner{animation-duration:3s}}