/* ==========================================================================
   ARSI 19.7.115 — أنماط صفحة login.php
   ملف مستقل لتقليل CSS الداخلي ومنع تداخل أنماط الصفحة مع بقية النظام.
   ========================================================================== */
/* توثيق CSS الداخلي — الملف login.php: أنماط خاصة بهذه الصفحة فقط، وتبقى منفصلة لتجنب التأثير على بقية الواجهة. */

*{box-sizing:border-box}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px 14px;background:radial-gradient(circle at 50% 0,#ffe6ef 0,#fff7fa 34%,#fff 70%);color:#3c2930}.auth-card{width:min(520px,100%);background:#fff;border:1px solid #efdce3;border-radius:28px;padding:24px;box-shadow:0 22px 80px #8b173226;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#9f1439,#df1754,#f7a4c0)}.auth-brand{display:flex;align-items:center;gap:12px;text-align:right}.auth-brand img{display:block}.auth-brand div{display:grid;gap:3px}.auth-brand strong{font-size:19px}.auth-brand span,.auth-title p,.field small,.phone-input small{color:#806c74;font-size:13px;line-height:1.7}.auth-progress{display:flex;align-items:center;justify-content:center;margin:18px 0 26px}.auth-progress span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f7e9ee;font-weight:900;color:#9b7c87;transition:.2s}.auth-progress span.on{background:#ca1447;color:#fff;box-shadow:0 5px 16px #ca144733}.auth-progress i{width:56px;height:2px;background:#efdce3}.auth-title{text-align:right;margin-bottom:16px}.auth-title h1{font-size:25px;margin:0 0 7px}.auth-title p{margin:0}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-btn{height:52px;border:1px solid #e7d9df;background:#fff;border-radius:15px;font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.social-btn i{font-size:20px}.social-btn.apple{background:#151515;color:#fff;border-color:#151515}.social-btn[data-disabled="1"]{opacity:.55}.divider{display:flex;align-items:center;gap:12px;color:#705d64;font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:#eee1e6;flex:1}.phone-block{display:grid;grid-template-columns:155px 1fr;gap:10px;direction:ltr}.country-picker,.phone-input{border:1px solid #eadbe1;border-radius:16px;background:#fff;min-height:68px}.country-picker{padding:9px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:5px;font:inherit;cursor:pointer}.country-picker span{font-size:25px}.country-picker small{grid-column:2/4;color:#806c74}.phone-input{padding:8px 12px;text-align:right;direction:rtl;display:grid}.phone-input input,.field input{border:0;outline:0;font:inherit;font-size:17px;background:transparent;min-width:0}.phone-input input{direction:ltr;text-align:left}.tips{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;border-radius:14px;background:#fff5f8;color:#785662;margin:12px 0;font-size:12px;line-height:1.7}.tips i{color:#ca1447;margin-top:3px}.primary{width:100%;border:0;border-radius:15px;min-height:52px;background:#cf1248;color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #cf12482d}.primary:disabled{opacity:.6}.back-home,.edit-phone{min-height:44px;display:flex;justify-content:center;align-items:center;gap:7px;margin:12px auto 0;color:#815664;text-decoration:none;background:none;border:0;font:inherit;font-weight:800;cursor:pointer}.field{display:grid;gap:6px;text-align:right;margin:10px 0}.field>span{font-weight:800;font-size:14px}.field>input,.password-wrap{width:100%;border:1px solid #e8d9df;border-radius:14px;padding:13px;background:#fff}.password-wrap{display:flex;padding:0 12px}.password-wrap input{flex:1;padding:13px 0}.password-wrap button{border:0;background:none;cursor:pointer;min-width:44px;min-height:44px;border-radius:10px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.auth-actions button,.otp-tools button{border:1px solid #eadbe1;background:#fff7fa;color:#aa1742;border-radius:13px;padding:11px;font:inherit;font-weight:800;cursor:pointer}.auth-msg{min-height:23px;margin-top:12px;text-align:center;font-size:13px;font-weight:800}.auth-msg.err{color:#b01c43}.auth-msg.ok{color:#15704e}.ltr{direction:ltr;display:inline-block}.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;direction:ltr;margin:20px 0}.otp-boxes input{width:100%;aspect-ratio:1;border:1px solid #e4d2d9;border-radius:14px;text-align:center;font:800 23px system-ui;outline:0}.otp-boxes input:focus{border-color:#cf1248;box-shadow:0 0 0 3px #cf124813}.otp-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;color:#806c74}.otp-tools button{padding:8px;min-height:44px;min-width:44px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.form-chip{border:1px solid #e6d6dc;background:#fff;border-radius:999px;padding:10px 14px;font:inherit;font-weight:800;display:flex;gap:7px;align-items:center;cursor:pointer}.form-chip.active{background:#fff0f5;border-color:#cf1248;color:#b41140;box-shadow:0 0 0 2px #cf124812}.agree{display:flex;align-items:flex-start;gap:9px;text-align:right;font-size:13px;line-height:1.6;margin:14px 0}.agree input{margin-top:4px}.agree a{color:#bb1643}.password-hint.good{color:#15704e}.country-modal[hidden]{display:none}.country-modal{position:fixed;inset:0;z-index:9999;display:grid;align-items:end}.country-backdrop{position:absolute;inset:0;border:0;background:#2b142066;backdrop-filter:blur(3px)}.country-sheet{position:relative;background:#fff;border-radius:24px 24px 0 0;padding:18px;max-height:78vh;display:grid;grid-template-rows:auto auto 1fr;gap:12px}.country-sheet header{display:flex;align-items:center;justify-content:space-between}.country-sheet header div{display:grid}.country-sheet header span{color:#846f77;font-size:12px}.round-btn{width:44px;height:44px;border:1px solid #eadbe1;background:#fff;border-radius:12px}.country-search{border:1px solid #e5d5db;border-radius:14px;padding:0 12px;display:flex;align-items:center;gap:9px}.country-search input{border:0;outline:0;padding:13px 0;flex:1;font:inherit}.country-list{overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.country-chip{border:1px solid #eadde2;background:#fff;border-radius:15px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;text-align:right;font:inherit}.country-chip>b{font-size:25px}.country-chip span{display:grid}.country-chip small{direction:ltr;text-align:right;color:#806c74}.country-chip>i{opacity:0;color:#cf1248}.country-chip.active{border-color:#cf1248;background:#fff4f7}.country-chip.active>i{opacity:1}.empty{text-align:center;color:#806c74;grid-column:1/-1}@media(max-width:480px){.auth-card{padding:18px;border-radius:22px}.social-row{grid-template-columns:1fr}.phone-block{grid-template-columns:125px 1fr}.country-picker{grid-template-columns:auto auto auto}.country-picker small{display:none}.country-list{grid-template-columns:1fr}.otp-boxes{gap:5px}.auth-actions{grid-template-columns:1fr}}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #8b0f35;outline-offset:3px}.social-btn,.country-picker,.country-chip,.form-chip,.auth-actions button{min-height:44px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* v19.7.80 — login/register visual system */
.auth-shell{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;padding:max(26px,calc(env(safe-area-inset-top) + 18px)) max(12px,env(safe-area-inset-right)) max(26px,calc(env(safe-area-inset-bottom) + 18px)) max(12px,env(safe-area-inset-left));background:radial-gradient(circle at 12% 10%,rgba(255,123,168,.22),transparent 28%),radial-gradient(circle at 88% 90%,rgba(202,20,71,.14),transparent 30%),linear-gradient(145deg,var(--bg),var(--soft))!important;color:var(--text)!important;overflow:hidden}.auth-orb{position:absolute;border-radius:999px;pointer-events:none;opacity:.5;filter:saturate(.9);animation:authFloat 7s ease-in-out infinite}.auth-orb-one{width:min(34vw,240px);aspect-ratio:1;right:-9vw;top:5%;background:linear-gradient(135deg,#ff9bbb,#ca1447)}.auth-orb-two{width:min(28vw,190px);aspect-ratio:1;left:-8vw;bottom:5%;background:linear-gradient(135deg,#ffd5e3,#f15e8d);animation-delay:-2.3s}.auth-spark{position:absolute;pointer-events:none;color:var(--brand);opacity:.24;animation:authTwinkle 3.2s ease-in-out infinite}.auth-spark-one{top:15%;left:13%}.auth-spark-two{bottom:15%;right:12%;animation-delay:-1.1s}.auth-card{z-index:1;width:min(560px,100%)!important;background:color-mix(in srgb,var(--surface) 88%,transparent)!important;border:1px solid var(--border)!important;box-shadow:0 28px 80px var(--shadow)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--text);overflow:visible!important}.auth-card:after{content:"";position:absolute;inset:10px;border-radius:20px;pointer-events:none;border:1px solid rgba(255,255,255,.18)}.auth-brand{position:relative;z-index:1}.auth-brand>a{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface),var(--soft));border:1px solid var(--border);box-shadow:0 12px 28px var(--shadow)}.auth-brand>a img{width:52px;height:52px;border-radius:16px}.auth-brand strong{color:var(--text)}.auth-brand span,.auth-title p,.field small,.phone-input small,.divider,.otp-tools,.country-sheet header span,.country-chip small{color:var(--muted)!important}.auth-progress span{background:var(--soft)!important;color:var(--muted)!important}.auth-progress span.on{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#fff!important}.auth-progress i{background:var(--border)!important}.social-btn,.country-picker,.phone-input,.field>input,.password-wrap,.auth-actions button,.otp-tools button,.form-chip,.country-sheet,.round-btn,.country-search,.country-chip,.otp-single{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}.social-btn.apple{background:#111!important;color:#fff!important}.tips{background:var(--soft)!important;color:var(--muted)!important}.back-home,.edit-phone{color:var(--brand)!important}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;box-shadow:0 12px 28px rgba(202,20,71,.22)!important}.form-chip{transition:.18s ease}.form-chip.active{background:color-mix(in srgb,var(--brand) 11%,var(--surface))!important;border-color:var(--brand)!important;color:var(--brand)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.field input,.field select,.phone-input input,.country-search input,.password-wrap input{color:var(--text)!important}.field select{width:100%;height:48px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:0 11px;font:inherit;font-weight:800;outline:0}.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.register-title .auth-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;padding:6px 10px;border-radius:999px;background:rgba(202,20,71,.08);color:var(--brand);font-size:11px;font-weight:900}.birth-field{padding:13px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--soft))}.birth-selects{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:8px;direction:rtl}.birth-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;min-height:34px;align-items:center}.birth-summary>b,.birth-summary>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:10px;background:var(--soft);border:1px solid var(--border);color:var(--muted);font-size:10.5px}.birth-summary>b{color:var(--text)}.birth-summary i{color:var(--brand)}.city-chip-group{max-height:132px;overflow:auto;padding:2px 1px 5px;scrollbar-width:thin}.city-chip-group::-webkit-scrollbar{height:5px;width:5px}.city-chip-group::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}[data-theme="dark"] .auth-shell{background:radial-gradient(circle at 12% 10%,rgba(202,20,71,.15),transparent 28%),radial-gradient(circle at 88% 90%,rgba(255,90,140,.09),transparent 30%),linear-gradient(145deg,#100a0e,var(--bg))!important}[data-theme="dark"] .auth-card{background:rgba(29,16,22,.88)!important}[data-theme="dark"] .auth-card:after{border-color:rgba(255,255,255,.035)}[data-theme="dark"] .auth-brand>a{background:#241219}[data-theme="dark"] .social-btn.apple{background:#080808!important}[data-theme="dark"] .auth-orb{opacity:.28}@keyframes authFloat{50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes authTwinkle{50%{opacity:.7;transform:scale(1.18) rotate(12deg)}}@media(max-width:480px){.auth-shell{place-items:start center;padding-top:max(18px,calc(env(safe-area-inset-top) + 12px))}.auth-card{border-radius:24px!important;padding:17px!important}.auth-brand>a{width:56px;height:56px;border-radius:17px}.auth-brand>a img{width:46px;height:46px}.auth-title h1{font-size:22px}.auth-progress{margin:14px 0 18px}.birth-selects{grid-template-columns:1fr 1fr 1fr;gap:6px}.field select{height:45px;font-size:12px;padding:0 7px}.form-chip{padding:9px 11px}.birth-summary{gap:5px}.birth-summary>b,.birth-summary>span{font-size:10px;padding:6px 8px}.auth-orb-one{right:-18vw}.auth-orb-two{left:-18vw}}@media(max-width:350px){.birth-selects{grid-template-columns:1fr}.phone-block{grid-template-columns:112px 1fr}.auth-card{padding:14px!important}}@media(prefers-reduced-motion:reduce){.auth-orb,.auth-spark{animation:none!important}}

/* ARSI v19.7.167 — login stability/performance states */
.auth-card .primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:saturate(.65)}
.phone-input input[aria-invalid="true"]{border-color:#c83a55!important;box-shadow:0 0 0 3px rgba(200,58,85,.08)!important}.auth-network{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid rgba(205,53,77,.18);border-radius:13px;background:rgba(205,53,77,.07);color:#b52f49;font-size:11px;font-weight:800;line-height:1.6}.auth-network[hidden]{display:none!important}


/* ARSI v19.7.167 — calm/fast login rendering */
.auth-card{contain:layout paint;will-change:auto}
.auth-card,.social-btn,.country-picker,.phone-input,.field>input,.password-wrap,.primary{transition:box-shadow .16s ease,border-color .16s ease,background-color .16s ease,opacity .16s ease!important}
@media (max-width:640px),(prefers-reduced-motion:reduce){.auth-orb,.auth-spark{animation:none!important}.auth-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 46px var(--shadow)!important}.auth-orb{opacity:.22!important;filter:none!important}}
@media (max-width:420px){.auth-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--surface) 97%,transparent)!important}.auth-shell{background:linear-gradient(145deg,var(--bg),var(--soft))!important}.auth-orb{display:none}}
@media (prefers-reduced-data:reduce){.auth-orb,.auth-spark{display:none!important}.auth-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}