/* Fixed LTR composition, with natural Arabic text inside each region. */
body.app-login{padding:32px;background:radial-gradient(ellipse at 10% 0,#3171d210,transparent 60%),var(--page)}
.app-login .login-wrapper{direction:ltr;width:1160px;max-width:100%;min-height:720px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:0 24px 90px #102c4010;overflow:visible}
.app-login .login-visual{direction:ltr;min-width:0;margin:12px;border-radius:20px;padding:46px 38px 86px;background:radial-gradient(ellipse at 0 100%,#2a6b96,transparent 65%),linear-gradient(140deg,#112d49,#1c456a);justify-content:center}
.app-login .brand-logo-img-box{margin-bottom:38px;padding:12px 18px;border-radius:12px}.app-login .login-logo-img{width:180px;height:54px;object-fit:contain}
.app-login .suite-label{font-size:11px;letter-spacing:2px;color:#a5c8e7;line-height:1.8}
.app-login .visual-title{font-size:36px;line-height:1.65;letter-spacing:normal;margin-bottom:22px;max-width:100%}.app-login .visual-subtitle{font-size:15px;line-height:2;max-width:100%}
.app-login .operations-graphic{gap:9px;margin:32px 0 22px;flex-wrap:wrap}.app-login .operation-node{padding:10px 12px;font-size:12px}.app-login .visual-note{font-size:12px}.app-login .visual-bottom{inset-inline:38px;bottom:28px;font-size:11px;line-height:1.8}
.app-login .login-form-panel{direction:ltr;min-width:0;max-width:none;width:100%;padding:100px 46px 32px;justify-content:center}.app-login .login-top-controls{direction:ltr;inset-inline:46px;top:28px;gap:16px}
.app-login .mobile-brand{display:none}.app-login .form-header{margin-bottom:32px}.app-login .form-header h2{font-size:30px;line-height:1.6}.app-login .form-header p{font-size:15px;max-width:none;line-height:1.9}
.app-login .lang-btn{font-size:13px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.app-login .lang-dropdown{inset-inline-start:0;inset-inline-end:auto;min-width:190px;max-width:calc(100vw - 56px)}.app-login .lang-option{font-size:14px;min-height:46px}.app-login .lang-option strong{font-size:14px}
.app-login .theme-toggle{min-width:52px;min-height:42px;border-radius:12px}.app-login .toggle-track{gap:12px;justify-content:center}.app-login .input-group{margin-bottom:24px}.app-login .input-group label{font-size:15px;font-weight:500;margin-bottom:10px}.app-login .input-wrap{direction:ltr;height:56px;border-radius:12px;background:var(--field);border-color:var(--border);padding:0 16px}.app-login .input-wrap input{direction:ltr;font-size:16px;text-align:left}.app-login .input-wrap input:focus-visible{outline:none}.app-login .input-wrap:focus-within{border-color:#4485bd;box-shadow:0 0 0 4px #3171d212}.app-login .toggle-password{min-width:40px;min-height:40px}.app-login .form-extras{direction:ltr;gap:12px;flex-wrap:wrap;margin:4px 0 28px}.app-login .remember-check,.app-login .forgot-link{font-size:13px;line-height:1.9}.app-login .btn-login{min-height:54px;background:#2968bd;border-radius:12px;font-size:15px;box-shadow:0 6px 20px #2968bd20}.app-login .btn-login:hover{background:#1e559e}.app-login .login-footer{font-size:12px;line-height:1.9;margin-top:32px}.app-login .login-footer p{margin:0}
html[lang=ar] .app-login .visual-title,html[lang=ar] .app-login .visual-subtitle,html[lang=ar] .app-login .form-header,html[lang=ar] .app-login .input-group label{direction:rtl;text-align:right}
html[lang=ar] .app-login .visual-note,html[lang=ar] .app-login .visual-bottom{direction:rtl;text-align:right}
html[lang=ar] .app-login .input-wrap input[type=email]::placeholder{text-align:right}
[data-theme=dark] .app-login .login-wrapper{box-shadow:0 24px 90px #0003}[data-theme=dark] .app-login .input-wrap{background:#172e3d}
@media(min-width:1400px){.app-login .login-wrapper{min-height:760px}}
@media(max-width:1000px){body.app-login{padding:20px}.app-login .login-visual{padding:36px 26px 80px}.app-login .visual-title{font-size:30px}.app-login .login-form-panel{padding:96px 30px 30px}.app-login .login-top-controls{inset-inline:30px}.app-login .visual-bottom{inset-inline:26px}}
@media(max-width:760px){body.app-login{padding:20px 14px;align-items:center}.app-login .login-wrapper{display:block;max-width:500px;min-height:0;border-radius:22px}.app-login .login-visual{display:none}.app-login .login-form-panel{padding:94px 28px 30px}.app-login .login-top-controls{inset-inline:28px;top:24px}.app-login .mobile-brand{display:block;background:#fff;padding:10px 14px;border:1px solid #edf0f4;border-radius:12px;margin:0 0 28px}.app-login .mobile-brand img{width:166px;height:50px;display:block;object-fit:contain}.app-login .form-header h2{font-size:28px}.app-login .form-header p{font-size:14px}.app-login .input-group label{font-size:14px}.app-login .login-footer{font-size:12px;margin-top:28px}}
@media(max-width:380px){body.app-login{padding:12px 10px}.app-login .login-form-panel{padding:88px 20px 24px}.app-login .login-top-controls{inset-inline:20px;top:20px}.app-login .form-extras{align-items:flex-start;gap:14px}.app-login .remember-check,.app-login .forgot-link{font-size:12px}}
@media(max-height:760px){body.app-login{align-items:flex-start}.app-login .login-wrapper{min-height:0}}