/* Giriş sayfası — kayıt ve panellerin stillerinden bağımsız. */
body.auth-login { grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr); background:#f5f8fb; }
.auth-login .auth-art { min-height:100vh; padding:50px clamp(30px,4.5vw,72px); background:#031722; isolation:isolate; }
.auth-login .auth-art::before { content:''; position:absolute; inset:0; z-index:-2; background: url('/assets/giris-cnc.jpg') center center/cover no-repeat; }
.auth-login .auth-art::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(1,16,24,.95) 0%,rgba(1,19,29,.87) 36%,rgba(1,20,30,.3) 85%),linear-gradient(0deg,rgba(0,14,22,.8),transparent 35%); }
.auth-login .auth-art .logo-img { height:44px; }
.auth-login .auth-art .eyebrow { color:#8ddce1; letter-spacing:.22em; margin-top:10px; font-size:10px; }
.auth-login .auth-art h1 { max-width:420px; font-size:clamp(42px,4.9vw,72px); letter-spacing:-.055em; line-height:1.02; margin:auto 0 20px; }
.auth-login .auth-art h1 em { color:#25c4cf; }
.auth-login .auth-art p { color:#d5e2e7; max-width:365px; font-size:15px; line-height:1.65; }
.auth-login .auth-art svg { display:none; }
.auth-login .auth-points { margin-top:38px; border-top:1px solid rgba(205,230,234,.22); color:#d7e5e9; gap:22px; }
.auth-login .auth-points b { color:#5cd9de; }
.auth-login .auth-form { min-width:0; background:linear-gradient(140deg,#fff 0%,#f3f8fc 100%); padding:48px 36px; }
.auth-login .auth-box { width:min(460px,100%); min-width:0; max-width:100%; }
.auth-login .auth-top { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:0 0 32px; color:#64777b; font-size:13px; }
.auth-login .auth-top a { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:1px solid #b9dfe1; border-radius:10px; color:#087f88; background:#fff; font-weight:700; text-decoration:none; }
.auth-login .auth-top a:hover { background:#e8f8f8; }
.auth-login .auth-top a:focus-visible { outline:2px solid #16a7b1; outline-offset:3px; }
.auth-login .auth-box h2 { font-size:clamp(30px,3vw,40px); letter-spacing:-.04em; line-height:1.15; color:#16262d; }
.auth-login .auth-box .lead { font-size:14px; line-height:1.65; margin-bottom:22px; }
.auth-login .login-roles { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 6px; padding:0; border:0; min-width:0; }
.auth-login .login-roles legend { color:#30464b; font-size:13px; font-weight:650; padding:0; margin-bottom:10px; }
.auth-login .login-role { position:relative; display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:48px; border:1px solid #d5e3e6; border-radius:12px; background:#fff; color:#30464b; font:inherit; font-weight:650; cursor:pointer; }
.auth-login .login-role[aria-pressed="true"], .auth-login .login-role:has(input:checked) { color:#077f89; border-color:#18a8b1; background:#e8f8f8; box-shadow:0 0 0 1px #18a8b1; }
.auth-login .login-role input { accent-color:#0a9da5; }
.auth-login .auth-box form { gap:15px; }
.auth-login .auth-box .field input { min-height:50px; border:1px solid #cedce0; border-radius:10px; background:#fff; }
.auth-login .auth-box .field input:focus { outline:2px solid #4ec4ca; outline-offset:1px; }
.auth-login .auth-box .btn[type=submit] { min-height:52px; border-radius:11px; background:#fb8d20; color:#17262c; border:0; font-weight:700; }
.auth-login .auth-box .btn[type=submit]:hover { background:#ff9e35; }
.auth-login .auth-alt a { color:#087f88; }
.auth-login .demo-note, .auth-login .demo-notice { border:1px solid #d2e9eb; background:#eef9fa; color:#365a5f; border-radius:12px; padding:12px 14px; font-size:12px; line-height:1.5; margin:16px 0; }
.auth-login .login-demo-form label { color:#30464b; font-size:13px; font-weight:600; display:grid; gap:7px; }
.auth-login .login-demo-form input { width:100%; min-height:46px; border:1px solid #d6e1e4; border-radius:10px; padding:10px 13px; background:#eef3f4; color:#60777c; font:inherit; }
.auth-login .login-demo-form button { min-height:46px; border:0; border-radius:10px; background:#e7a866; color:#42382f; font:inherit; font-weight:700; opacity:.7; }
.auth-login .demo-caption { margin-top:20px; font-size:13px; font-weight:650; color:#354a4e; }
.auth-login .demo-admin { margin-top:15px; color:#536b70; font-size:13px; }
.auth-login .demo-admin summary { cursor:pointer; }
.auth-login .demo-admin .demo-acc { margin-top:10px; }
.auth-login .demo-choices { margin-top:17px; padding-top:15px; border-top:1px solid #dce7e9; }
.auth-login .demo-list { display:grid; gap:8px; margin-top:10px; }
.auth-login .demo-acc { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; border:1px solid #d7e4e7; border-radius:11px; padding:11px 13px; background:white; color:#263b40; font:inherit; text-align:left; cursor:pointer; }
.auth-login .demo-acc:hover { border-color:#22aab2; background:#f4fbfb; }
.auth-login .demo-acc span { color:#60777c; font-size:12px; }
@media (max-width:800px) { body.auth-login { display:block; } .auth-login .auth-art { min-height:350px; padding:30px 26px; } .auth-login .auth-art h1 { margin:55px 0 14px; font-size:45px; } .auth-login .auth-points { margin-top:24px; padding-top:15px; } .auth-login .auth-form { padding:36px 22px 48px; } }
@media (prefers-reduced-motion:reduce) { .auth-login * { scroll-behavior:auto; } }