/* ATAA Visual Identity v0.5.6 — UI-only. Existing authentication and API unchanged. */
:root{
 --navy:#0C2D50;--navy-strong:#071D36;--orange:#E87918;--orange-ink:#A7490A;
 --orange-soft:#FFF1E5;--text:#173047;--sub:#687E92;--border:#DDE6EE;
 --bg:#F8FAFC;--paper:#fff;--shadow:0 12px 36px rgba(13,42,73,.055);
 color-scheme:light;
}
body{background:var(--bg)}
/* Shared identity across the site, keeping functional status colors intact. */
.sidebar{background:linear-gradient(160deg,#173E62 0%,#0B2B4A 52%,#061B32 100%)}
.sidebar .brand-mark{width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:#fff url('/static/brand/ataa-mark.png') center/88% auto no-repeat;box-shadow:0 5px 20px rgba(0,0,0,.16)}
.sidebar .brand-mark svg{display:none}
.sidebar .brand-title{color:#fff;font-size:23px}
.nav-link.active{background:rgba(236,126,28,.17);border-inline-start-color:#EF8B2D;color:#FFEAD5;box-shadow:none}
.nav-link:hover:not(.active){background:rgba(255,255,255,.09)}
.btn-primary{background:#103456;border-color:#103456;box-shadow:0 8px 20px rgba(10,43,79,.16)}
.btn-primary:hover{background:#17436B}
.btn-outline:hover{background:#FFF8F1;border-color:#E7AB7B}
.eyebrow,.case-kicker{color:var(--orange-ink)}
.kpi-ico,.quick-icon{background:var(--orange-soft);color:#BC5A13}
.quick-action:hover{background:#FFF9F2;border-color:#ECC4A5}
.top-pill{color:#AA4F13;background:#FFF1E4}
.tree-btn.active,.tree-btn:hover{background:#FFF2E7;color:#A65213}
.case-tab.is-active{border-bottom-color:#E87918}
.input:focus,.select:focus,.textarea:focus{border-color:#D97822;box-shadow:0 0 0 3px rgba(232,121,24,.12)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:3px solid #EE9B57;outline-offset:3px}

/* Login — a clean branded entry without changing the form's submit handler. */
.login-scene.ataa-enhanced{min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);background:#FAFBFD;direction:rtl}
.ataa-enhanced .login-form-wrap{background:radial-gradient(circle at 100% 3%,rgba(240,248,255,.8),transparent 35%),#FCFDFE;padding:clamp(34px,5vw,75px) clamp(24px,6vw,105px);display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100svh}
.ataa-enhanced .login-form-wrap > :not(.brand-mark){width:min(100%,450px)}
.ataa-enhanced .login-form-wrap > .brand-mark{display:none}
.ataa-enhanced .ataa-login-identity{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;border-bottom:1px solid #E5EAF0;padding-bottom:19px}
.ataa-enhanced .ataa-login-identity img{display:block;width:105px;height:110px;object-fit:contain;object-position:center}
.ataa-enhanced .ataa-login-identity .ataa-brand-text{max-width:220px}
.ataa-enhanced .ataa-brand-text strong{display:block;font-size:15px;color:#123755;line-height:1.6}
.ataa-enhanced .ataa-brand-text small{display:block;color:#8592A1;font-size:11px;line-height:1.7;margin-top:6px}
.ataa-enhanced .ataa-env{display:inline-block;border:1px solid #F3D2B6;background:#FFF5EB;color:#9C4C12;border-radius:99px;padding:6px 11px;font-size:10px;font-weight:700;margin-top:11px;white-space:nowrap}
.ataa-enhanced .login-form-wrap h2{width:min(100%,450px);margin:6px auto 7px;font-size:clamp(28px,2.6vw,36px);line-height:1.5;letter-spacing:-.6px;font-weight:800;color:#112D48}
.ataa-enhanced .login-form-wrap > p{margin:0 auto 30px;line-height:2;font-size:13px;color:#687D91}
.ataa-enhanced #login-form{max-width:none;margin:0!important}
.ataa-enhanced #login-form .field{margin-bottom:21px}
.ataa-enhanced #login-form .field label{display:block;font-size:13px;font-weight:750;color:#29465D;margin-bottom:10px}
.ataa-enhanced #login-form .input{border-radius:13px;border:1px solid #DCE5ED;min-height:56px;padding:15px 16px;background:#fff;color:#102E4C;font-size:15px;box-shadow:0 2px 4px rgba(17,43,69,.025)}
.ataa-enhanced #login-form .input::placeholder{color:#9BA7B4}
.ataa-enhanced #login-form .input:focus{border-color:#E87918;box-shadow:0 0 0 4px rgba(232,121,24,.12)}
.ataa-enhanced #login-form #username,.ataa-enhanced #login-form #password{direction:ltr;text-align:right}
.ataa-enhanced .ataa-password-wrap{position:relative;width:100%}
.ataa-enhanced .ataa-password-wrap input{padding-left:62px!important}
.ataa-enhanced .ataa-password-eye{display:grid;place-items:center;position:absolute;left:9px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:10px;color:#607A91;background:#F5F8FB;cursor:pointer;user-select:none;transition:background .15s,color .15s}
.ataa-enhanced .ataa-password-eye:hover{background:#FFF1E5;color:#A64E11}
.ataa-enhanced .ataa-password-eye svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ataa-enhanced .ataa-caps{color:#A35313;font-size:11px;min-height:16px;padding-top:7px}
.ataa-enhanced .ataa-helper{color:#718497;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 22px;font-size:12px;line-height:1.8}
.ataa-enhanced .ataa-helper i{width:7px;height:7px;background:#E87918;display:inline-block;border-radius:50%;margin-inline-end:5px}
.ataa-enhanced #login-form button[type=submit]{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:57px;background:linear-gradient(110deg,#12395D,#0B2B4D);color:white;border:0;border-radius:13px;font-size:15px;font-weight:800;box-shadow:0 10px 22px rgba(16,49,80,.17);transition:transform .15s,background .15s,box-shadow .15s}
.ataa-enhanced #login-form button[type=submit]:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(110deg,#1A4B70,#0E3559);box-shadow:0 12px 25px rgba(16,49,80,.21)}
.ataa-enhanced #login-form button[type=submit]:disabled{opacity:.78;cursor:wait}
.ataa-enhanced #login-form button[type=submit]:disabled:after{content:"";width:15px;height:15px;border:2px solid #FFFFFF66;border-top-color:#fff;border-radius:50%;animation:ataa-spin .75s linear infinite}
@keyframes ataa-spin{to{transform:rotate(360deg)}}
.ataa-enhanced #login-error .error{background:#FFF5F3;border:1px solid #F1D4CC;color:#A13D2C;padding:12px 15px;border-radius:11px;line-height:1.8;font-size:12px}
.ataa-enhanced .login-note{border:1px solid #E7ECF1;background:#F3F6F8;border-radius:13px;color:#6B7F90;padding:15px 17px;margin-top:26px;font-size:11px;line-height:2;max-width:450px}
.ataa-enhanced .login-note:before{content:'بيئة مراجعة';display:block;color:#A65317;font-weight:800;margin-bottom:4px;font-size:12px}
.ataa-enhanced .ataa-login-foot{color:#9BA9B6;font-size:11px;line-height:1.8;margin-top:22px;text-align:center}
/* Hero receives real logo artwork while keeping excellent text contrast. */
.ataa-enhanced .login-side{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 0% 0%,rgba(42,94,134,.56) 0%,transparent 55%),linear-gradient(145deg,#193D61 0%,#0B2D4F 53%,#061B34 100%);color:#fff;padding:clamp(38px,5.6vw,100px);min-width:0;overflow:hidden}
.ataa-enhanced .login-side:before{content:"";position:absolute;z-index:-1;width:460px;height:460px;left:-210px;top:-235px;border:1px solid #FFFFFF20;border-radius:50%}
.ataa-enhanced .login-side:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-210px;bottom:-340px;left:auto;top:auto;border:1px solid #FFFFFF11;border-radius:50%}
.ataa-hero-content{max-width:600px;width:100%}
.ataa-hero-symbol{width:92px;height:92px;display:grid;place-items:center;background:#fff;border-radius:24px;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 40px rgba(0,0,0,.12);margin-bottom:34px}
.ataa-hero-symbol img{display:block;width:75px;height:70px;object-fit:contain}
.ataa-hero-eyebrow{font-size:12px;color:#FFC18D;font-weight:800;letter-spacing:.3px;margin-bottom:16px}
.ataa-enhanced .login-side h1{font-size:clamp(37px,3.65vw,57px);line-height:1.48;letter-spacing:-1.1px;font-weight:800;margin:0 0 19px;max-width:600px}
.ataa-enhanced .login-side h1 span{color:#F69A46}
.ataa-enhanced .login-side p{max-width:515px;font-size:17px;line-height:2.15;color:#D8E4EF;margin:0}
.ataa-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.ataa-hero-tags span{display:inline-flex;align-items:center;gap:7px;border:1px solid #FFFFFF2B;background:#FFFFFF0C;border-radius:999px;padding:10px 15px;color:#EAF1F8;font-size:12px}
.ataa-hero-tags span:before{content:"";width:6px;height:6px;border-radius:50%;background:#F48A30}
.ataa-hero-footer{margin-top:65px;font-size:11px;color:#8DAEC8;letter-spacing:.3px}
@media(max-width:950px){.login-scene.ataa-enhanced{grid-template-columns:1fr}.ataa-enhanced .login-form-wrap{min-height:auto;padding:44px 28px 50px;order:0}.ataa-enhanced .login-side{order:1;min-height:260px;padding:45px 32px}.ataa-enhanced .login-side h1{font-size:30px}.ataa-enhanced .login-side p{font-size:14px}.ataa-hero-symbol{display:none}.ataa-hero-tags{margin-top:18px}.ataa-hero-footer{margin-top:22px}}
@media(max-width:600px){.ataa-enhanced .login-form-wrap{min-height:100dvh;padding:28px 22px 36px}.ataa-enhanced .login-side{display:none}.ataa-enhanced .ataa-login-identity{margin-bottom:24px}.ataa-enhanced .ataa-login-identity img{width:86px;height:92px}.ataa-enhanced .login-form-wrap h2{font-size:30px}.ataa-enhanced .login-form-wrap > p{font-size:12px;margin-bottom:25px}.ataa-enhanced .login-note{font-size:11px;padding:12px 14px}.ataa-enhanced .ataa-brand-text strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ataa-enhanced #login-form button[type=submit],.ataa-enhanced .ataa-password-eye{transition:none}.ataa-enhanced #login-form button[type=submit]:disabled:after{animation:none}}