:root{--at-ink:#193f2b;--at-muted:#64796d;--at-green:#08783d;--at-blue:#185aa7;--at-line:#d9e6de;--at-pale:#f7faf8;--at-green-pale:#eef8f1;--at-blue-pale:#edf4fd}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body.atelier-login{min-height:100vh;margin:0;display:grid;grid-template-rows:1fr auto;background:#f7faf8;color:var(--at-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.atelier-shell{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 510px;background:#f7faf8}.atelier-identity{position:relative;isolation:isolate;min-height:0;padding:clamp(45px,6.2vw,100px) clamp(40px,10vw,175px);overflow:hidden;background:radial-gradient(circle at 78% 72%,rgba(8,120,61,.09),transparent 25%),linear-gradient(145deg,#fbfefb,#edf7f0)}.atelier-identity:after{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-190px;bottom:-235px;border:56px solid rgba(8,120,61,.06);border-radius:48% 48% 44% 44%;transform:rotate(13deg)}.atelier-logo{display:block;width:min(255px,75%);height:90px;object-fit:contain;object-position:left center}.atelier-copy{position:relative;z-index:1;max-width:520px;margin-top:clamp(72px,12vh,130px)}.eyebrow{margin:0;color:var(--at-blue);font-size:10px;font-weight:800;letter-spacing:.13em}.atelier-copy h1{margin:11px 0 18px;color:#17452e;font-size:clamp(37px,4vw,54px);line-height:1.07;letter-spacing:-.06em;font-weight:750}.atelier-copy>p:not(.eyebrow){margin:0;max-width:460px;color:var(--at-muted);font-size:15px;line-height:1.7}.atelier-orbit{position:absolute;z-index:1;right:18%;top:31%;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:var(--at-green);color:#fff;font-size:45px;box-shadow:0 20px 35px rgba(8,120,61,.22)}.atelier-status{position:absolute;bottom:35px;left:clamp(40px,10vw,175px);margin:0;color:#476255;font-size:12px}.atelier-status i{margin-right:8px;color:#1aa763;font-size:9px}.atelier-auth{align-self:center;margin:0 36px;padding:37px;border:1px solid var(--at-line);border-radius:15px;background:#fff;box-shadow:0 18px 42px rgba(29,65,47,.11)}.atelier-auth form[hidden]{display:none!important}.atelier-auth-head{display:flex;align-items:center;gap:12px}.atelier-head-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:var(--at-green-pale);color:var(--at-green);font-size:21px}.atelier-auth-head p{margin:0;color:#a46c0c;font-size:9px;font-weight:800;letter-spacing:.12em}.atelier-auth-head h2{margin:2px 0 0;color:#1a402d;font-size:25px;letter-spacing:-.04em}.atelier-rule{height:1px;margin:22px 0;background:var(--at-line)}.atelier-auth label,.atelier-system legend{display:block;margin:15px 0 -4px;padding:0;color:#385446;font-size:10px;font-weight:800;text-transform:uppercase}.atelier-field{height:48px;margin-top:9px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid #cfddd4;border-radius:9px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.atelier-field:focus-within{border-color:var(--at-green);box-shadow:0 0 0 3px rgba(8,120,61,.1)}.atelier-field>i{color:#507264;font-size:16px}.atelier-field input{width:100%;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#254335;font-size:13px}.atelier-field input::placeholder{color:#91a197}.atelier-field button{width:31px;height:31px;margin-right:-5px;border:0;border-radius:50%;background:transparent;color:#617b6d}.atelier-field button:hover{color:var(--at-green);background:var(--at-green-pale)}.atelier-system{margin:19px 0 0;padding:0;border:0}.atelier-system legend{margin:0 0 9px}.atelier-system-grid{display:grid;gap:9px}.atelier-system-option{min-height:58px;display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:10px;padding:9px;border:1px solid #d5e3da;border-radius:9px;background:#fff;color:#416052;text-align:left}.atelier-system-option>i:first-child{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:var(--at-blue-pale);color:var(--at-blue);font-size:16px}.atelier-system-option span{display:grid}.atelier-system-option strong{font-size:11px;color:#284638}.atelier-system-option small{font-size:9px;color:#71857a}.atelier-system-option>i:last-child{color:#b4c1ba}.atelier-system-option.active,.atelier-system-option.is-active{border-color:var(--at-green);background:#f2faf4}.atelier-system-option.active>i:first-child,.atelier-system-option.is-active>i:first-child{background:var(--at-green);color:#fff}.atelier-system-option.active>i:last-child,.atelier-system-option.is-active>i:last-child{color:var(--at-green)}body.system-onex .atelier-system-option.active,body.system-onex .atelier-system-option.is-active{border-color:var(--at-blue);background:#f2f7fd}body.system-onex .atelier-system-option.active>i:first-child,body.system-onex .atelier-system-option.is-active>i:first-child{background:var(--at-blue)}body.system-onex .atelier-system-option.active>i:last-child,body.system-onex .atelier-system-option.is-active>i:last-child{color:var(--at-blue)}.atelier-submit{width:100%;height:49px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;background:var(--at-green);color:#fff;font-size:13px;font-weight:800;box-shadow:0 9px 18px rgba(8,120,61,.20);transition:transform .15s ease,box-shadow .15s ease}.atelier-submit:hover{transform:translateY(-1px);box-shadow:0 12px 21px rgba(8,120,61,.25)}body.system-onex .atelier-submit{background:var(--at-blue);box-shadow:0 9px 18px rgba(24,90,167,.2)}.atelier-note{margin:14px 0 0;text-align:center;color:#718279;font-size:10px}.atelier-note i{margin-right:5px;color:var(--at-green)}body.system-onex .atelier-note i{color:var(--at-blue)}.status{min-height:16px;margin:10px 0 0;color:#b52832;text-align:center;font-size:11px}.password-user{color:var(--at-muted);font-size:12px;line-height:1.5}.atelier-footer{min-height:38px;display:grid;place-items:center;padding:8px 18px;border-top:1px solid var(--at-line);background:#fff;color:#809087;font-size:9px;text-align:center}.atelier-footer strong{color:var(--at-blue)}@media(max-width:980px){.atelier-shell{grid-template-columns:1fr 465px}.atelier-identity{padding-left:55px;padding-right:55px}.atelier-orbit{right:11%}.atelier-status{left:55px}}@media(max-width:820px){body.atelier-login{display:block}.atelier-shell{grid-template-columns:1fr}.atelier-identity{min-height:270px;padding:32px 34px}.atelier-logo{height:64px;width:205px}.atelier-copy{margin-top:32px}.atelier-copy h1{font-size:34px}.atelier-copy>p:not(.eyebrow){max-width:430px;font-size:13px}.atelier-orbit{right:42px;top:107px;width:78px;height:78px;font-size:34px}.atelier-status{bottom:27px;left:34px}.atelier-auth{width:min(500px,calc(100% - 32px));margin:24px auto 34px}.atelier-footer{min-height:48px}}@media(max-width:480px){.atelier-identity{min-height:235px;padding:25px 22px}.atelier-logo{width:180px;height:58px}.atelier-copy{margin-top:28px}.atelier-copy h1{font-size:28px}.atelier-copy>p:not(.eyebrow),.atelier-orbit{display:none}.atelier-status{left:22px;bottom:21px}.atelier-auth{width:calc(100% - 20px);padding:26px 18px}.atelier-auth-head h2{font-size:23px}.atelier-footer{font-size:8px}.atelier-system-option{min-height:55px}}
.atelier-identity{background:#29374a}.atelier-identity:after,.atelier-orbit,.atelier-status,.atelier-logo,.atelier-brand,.atelier-copy{display:none}
.atelier-identity:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.02) 100%);backdrop-filter:blur(1px)}.atelier-nexus-logo{z-index:2}
.atelier-nexus-logo{position:absolute;top:50%;left:50%;display:block;width:min(76%,620px);height:auto;opacity:.86;transform:translate(-50%,-50%)}@media(max-width:820px){.atelier-nexus-logo{width:min(70%,440px)}}
.atelier-onursal-logo{display:block;width:190px;max-width:72%;height:auto;margin:0 auto 8px}

/* Giriş paneli: Bootstrap sistem yazı tipi, #1553a3 ana renk ve tutarlı kontrol geometrisi. */
.atelier-auth{display:flex;align-self:stretch;flex-direction:column;justify-content:center;margin:0;padding:42px 46px;border:0;border-left:1px solid #d9e1ea;border-radius:0;background:#fff;box-shadow:none;color:#17181c;font-family:var(--bs-body-font-family)}
.atelier-auth form{width:100%}
.atelier-onursal-logo{width:270px;max-width:82%;margin:0 auto 28px}
.atelier-auth-head{gap:12px}.atelier-head-icon{width:46px;height:46px;border-radius:8px;background:#eaf0f7;color:#1553a3;font-size:20px;box-shadow:none}.atelier-auth-head p{color:#1553a3;font-family:var(--bs-body-font-family);font-size:10px;font-weight:700;letter-spacing:.06em}.atelier-auth-head h2{color:#17181c;font-family:var(--bs-body-font-family);font-size:26px;font-weight:700;letter-spacing:-.02em}.atelier-rule{margin:20px 0;background:#e2e7ec}
.atelier-auth label,.atelier-system legend{color:#3e4b59;font-family:var(--bs-body-font-family);font-size:11px;font-weight:700;letter-spacing:.03em}.atelier-field{height:46px;border-color:#cbd2d9;border-radius:5px;background:#fff}.atelier-field:focus-within{border-color:#1553a3;box-shadow:0 0 0 3px rgba(21,83,163,.10)}.atelier-field>i{color:#6c7a89;font-size:15px}.atelier-field input{color:#17181c;font-family:var(--bs-body-font-family);font-size:14px}.atelier-field input::placeholder{color:#7c8793}.atelier-field button{color:#6c7a89}.atelier-field button:hover{color:#1553a3;background:#eef4fb}
.atelier-system{margin-top:18px}.atelier-system-grid{gap:8px}.atelier-system-option{min-height:66px;border-color:#cbd2d9;border-radius:6px;color:#17181c;font-family:var(--bs-body-font-family);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.atelier-system-option:hover{border-color:#9eafc0;background:#f8fafc}.atelier-system-option>i:first-child{border-radius:7px}.atelier-system-option strong{color:#17181c;font-size:13px}.atelier-system-option small{color:#6c7783;font-size:10px}.atelier-system-option>i:last-child{color:#a4afba}.atelier-system-option.active,.atelier-system-option.is-active{border-color:#087238;background:#f3faf6;box-shadow:inset 0 0 0 1px #087238}.atelier-system-option.active>i:first-child,.atelier-system-option.is-active>i:first-child{background:#087238}.atelier-system-option.active>i:last-child,.atelier-system-option.is-active>i:last-child{color:#087238}body.system-onex .atelier-system-option.active,body.system-onex .atelier-system-option.is-active{border-color:#1553a3;background:#f3f7fc;box-shadow:inset 0 0 0 1px #1553a3}body.system-onex .atelier-system-option.active>i:first-child,body.system-onex .atelier-system-option.is-active>i:first-child{background:#1553a3}body.system-onex .atelier-system-option.active>i:last-child,body.system-onex .atelier-system-option.is-active>i:last-child{color:#1553a3}
.atelier-submit{height:46px;border-radius:5px;font-family:var(--bs-body-font-family);font-size:13px;font-weight:700;letter-spacing:0;box-shadow:0 8px 16px rgba(8,114,56,.16)}.atelier-submit:hover{box-shadow:0 10px 20px rgba(8,114,56,.21)}body.system-onex .atelier-submit{background:#1553a3;box-shadow:0 8px 16px rgba(21,83,163,.17)}.atelier-note{font-family:var(--bs-body-font-family);font-size:10px}.atelier-note i{color:#087238}body.system-onex .atelier-note i{color:#1553a3}
@media(max-width:820px){.atelier-auth{align-self:auto;padding:34px 30px;border-left:0;border-radius:12px;box-shadow:0 12px 28px rgba(33,52,68,.10)}}
@media(max-width:480px){.atelier-auth{padding:26px 18px}.atelier-onursal-logo{margin-bottom:22px}}
/* Keep the footer in its own row and compact only the login panel on short desktop viewports. */
body.atelier-login{grid-template-rows:minmax(0,1fr) auto}.atelier-footer{display:flex;min-height:38px;align-items:center;justify-content:center;gap:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5d6875;font-family:var(--bs-body-font-family);font-size:11px;font-weight:500;letter-spacing:.01em}.atelier-footer>span{display:inline-flex;align-items:center}.atelier-footer .footer-powered{gap:4px}.atelier-footer strong{color:#1553a3;font-weight:700}.atelier-footer .footer-separator{color:#9aa5b1}
@media(min-width:821px) and (max-height:760px){.atelier-auth{padding-top:22px;padding-bottom:22px}.atelier-onursal-logo{width:230px;margin-bottom:14px}.atelier-rule{margin:12px 0}.atelier-auth-head h2{font-size:24px}.atelier-field{height:42px}.atelier-system{margin-top:12px}.atelier-system-option{min-height:58px}.atelier-submit{height:42px;margin-top:12px}.atelier-note{margin-top:9px}}
@media(max-width:480px){.atelier-footer{white-space:normal}}
.atelier-auth-head{flex-direction:column;gap:10px;text-align:center}.atelier-head-icon{width:58px;height:58px;border-radius:10px;font-size:25px}.atelier-auth-head p{margin:0;color:#3e4b59;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}.atelier-auth-head h2{margin-top:3px}
@media(min-width:821px) and (max-height:760px){.atelier-auth{padding-top:14px;padding-bottom:14px}.atelier-onursal-logo{margin-bottom:8px}.atelier-auth-head{gap:6px}.atelier-head-icon{width:52px;height:52px;font-size:22px}.atelier-auth-head p{font-size:12px}.atelier-auth-head h2{font-size:22px}.atelier-rule{margin:8px 0}.atelier-field{height:40px}.atelier-system{margin-top:9px}.atelier-system-option{min-height:54px}.atelier-submit{height:40px;margin-top:9px}.atelier-note{margin-top:7px}}
.atelier-head-icon{width:76px;height:76px;border-radius:0;background:transparent;color:#1553a3;font-size:48px;box-shadow:none}
@media(min-width:821px) and (max-height:760px){.atelier-auth-head{gap:4px}.atelier-head-icon{width:60px;height:60px;background:transparent;font-size:38px}}
.atelier-auth-head .login-security-title{margin:0;color:#17181c;font-family:var(--bs-body-font-family);font-size:22px;font-weight:700;line-height:1.13;letter-spacing:-.02em}.atelier-auth-head .login-security-title span{display:block;color:#1553a3}.atelier-auth-head .login-security-copy{margin:7px 0 0;color:#6c757d;font-family:var(--bs-body-font-family);font-size:11px;font-weight:400;letter-spacing:0;line-height:1.35}
@media(min-width:821px) and (max-height:760px){.atelier-auth{padding-bottom:10px}.atelier-rule{margin:6px 0}.atelier-auth-head .login-security-title{font-size:20px}.atelier-auth-head .login-security-copy{margin-top:3px;font-size:10px}}
.atelier-auth-head{gap:9px}.atelier-auth-head>div{display:flex;flex-direction:column;align-items:center;gap:6px}.atelier-head-icon{width:auto;height:auto;line-height:1}.atelier-auth-head .login-security-title{line-height:1.08}.atelier-auth-head .login-security-copy{margin:0}
@media(min-width:821px) and (max-height:760px){.atelier-auth-head{gap:7px}.atelier-auth-head>div{gap:4px}}
/* Right-panel accent adaptation: reference slate #313E50; the white panel surface remains unchanged. */
.atelier-auth{color:#313E50}.atelier-head-icon{color:#313E50}.atelier-auth-head p,.atelier-auth label,.atelier-system legend{color:#313E50}.atelier-auth-head .login-security-title,.atelier-auth-head .login-security-title span{color:#313E50}.atelier-auth-head .login-security-copy{color:#667384}.atelier-field:focus-within{border-color:#313E50;box-shadow:0 0 0 3px rgba(49,62,80,.12)}.atelier-field button:hover{color:#313E50;background:#edf0f4}.atelier-system-option[data-system="onex"]>i{color:#313E50;background:rgba(49,62,80,.09)}body.system-onex .atelier-system-option.active,body.system-onex .atelier-system-option.is-active{border-color:#313E50;background:#f1f3f6;box-shadow:inset 0 0 0 1px #313E50}body.system-onex .atelier-system-option.active>i:first-child,body.system-onex .atelier-system-option.is-active>i:first-child{background:#313E50}body.system-onex .atelier-system-option.active>i:last-child,body.system-onex .atelier-system-option.is-active>i:last-child{color:#313E50}body.system-onex .atelier-submit{background:#313E50;box-shadow:0 8px 16px rgba(49,62,80,.18)}body.system-onex .atelier-note i{color:#313E50}
.atelier-system-option[data-system="munex"]>i{color:#087238;background:rgba(8,114,56,.09)}
.atelier-system-option:focus,.atelier-system-option:focus-visible{outline:3px solid rgba(49,62,80,.22);outline-offset:2px}
.atelier-security-features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:13px;color:#667384;font-family:var(--bs-body-font-family);font-size:11.5px}.atelier-security-features span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.atelier-security-features i{color:#087238;font-size:14px}body.system-onex .atelier-security-features i{color:#313E50}
@media(min-width:821px) and (max-height:760px){.atelier-security-features{margin-top:9px;font-size:11px;gap:7px 13px}.atelier-security-features i{font-size:13px}}
/* Responsive containment: no horizontal overflow at any viewport width. */
html,body,body.atelier-login{max-width:100%;overflow-x:hidden}.atelier-shell,.atelier-identity,.atelier-auth,.atelier-auth form,.atelier-system,.atelier-system-grid,.atelier-system-option,.atelier-security-features{min-width:0;max-width:100%}.atelier-onursal-logo,.atelier-nexus-logo{max-width:82%}
@media(max-width:820px){.atelier-shell{display:block;width:100%}.atelier-identity{min-height:220px}.atelier-auth{max-width:calc(100% - 24px)}.atelier-security-features{padding:0 4px}}
@media(max-width:380px){.atelier-identity{min-height:200px}.atelier-auth{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:22px 14px}.atelier-onursal-logo{width:min(250px,84%);margin-bottom:18px}.atelier-head-icon{font-size:42px}.atelier-auth-head .login-security-title{font-size:20px}.atelier-auth-head .login-security-copy{font-size:10px}.atelier-security-features{gap:6px 9px;font-size:10px}.atelier-security-features i{font-size:12px}.atelier-footer{padding-left:10px;padding-right:10px;font-size:9px}}
/* Responsive kırılım katmanı: xl 1199.98, lg 991.98, md 767.98, sm 575.98. */
@media(max-width:1199.98px){.atelier-auth{padding-left:36px;padding-right:36px}}
@media(max-width:991.98px){body.atelier-login{display:block}.atelier-shell{display:block;width:100%}.atelier-identity{min-height:270px}.atelier-auth{width:min(520px,calc(100% - 32px));max-width:calc(100% - 32px);margin:24px auto 32px;padding:32px 30px;border-left:0;border-radius:12px;box-shadow:0 12px 28px rgba(33,52,68,.10)}.atelier-footer{min-height:44px}}
@media(max-width:767.98px){.atelier-identity{min-height:230px}.atelier-auth{padding:28px 24px}.atelier-onursal-logo{width:min(260px,82%);margin-bottom:20px}.atelier-security-features{gap:7px 12px}}
@media(max-width:575.98px){.atelier-identity{min-height:205px}.atelier-auth{width:calc(100% - 20px);max-width:calc(100% - 20px);margin:12px auto 24px;padding:24px 18px}.atelier-onursal-logo{width:min(240px,82%);margin-bottom:18px}.atelier-head-icon{font-size:42px}.atelier-auth-head .login-security-title{font-size:20px}.atelier-auth-head .login-security-copy{font-size:10px}.atelier-security-features{gap:7px 10px;font-size:10px}.atelier-security-features i{font-size:12px}.atelier-footer{min-height:48px;padding:10px 14px;font-size:9px;white-space:normal}}
@media(max-width:380px){.atelier-auth{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:22px 14px}.atelier-onursal-logo{width:min(220px,84%)}.atelier-security-features{gap:6px 8px;font-size:9.5px}}
body.system-unselected .atelier-submit{background:#313E50;box-shadow:0 8px 16px rgba(49,62,80,.18)}body.system-unselected .atelier-security-features i{color:#313E50}
.atelier-two-factor-copy{margin:0;color:#667384;font-family:var(--bs-body-font-family);font-size:13px;line-height:1.55;text-align:center}.atelier-two-factor-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:700;letter-spacing:.32em;text-align:center}.atelier-two-factor-field input::placeholder{letter-spacing:.22em}.atelier-two-factor-cancel{align-self:center;margin:13px auto 0;padding:0;border:0;background:transparent;color:#667384;font-family:var(--bs-body-font-family);font-size:11px;font-weight:600;cursor:pointer}.atelier-two-factor-cancel:hover,.atelier-two-factor-cancel:focus-visible{color:#313E50;text-decoration:underline;outline:none}@media(min-width:821px) and (max-height:760px){.atelier-two-factor-copy{font-size:12px}.atelier-two-factor-field input{font-size:19px}.atelier-two-factor-cancel{margin-top:9px}}
.atelier-head-icon.atelier-head-qr{width:116px;height:116px;padding:6px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;color:transparent}.atelier-head-icon.atelier-head-qr canvas,.atelier-head-icon.atelier-head-qr img{display:block;width:104px!important;height:104px!important;max-width:100%;max-height:100%}@media(min-width:821px) and (max-height:760px){.atelier-head-icon.atelier-head-qr{width:84px;height:84px;padding:4px}.atelier-head-icon.atelier-head-qr canvas,.atelier-head-icon.atelier-head-qr img{width:74px!important;height:74px!important}}@media(max-width:380px){.atelier-head-icon.atelier-head-qr{width:94px;height:94px;padding:5px}.atelier-head-icon.atelier-head-qr canvas,.atelier-head-icon.atelier-head-qr img{width:82px!important;height:82px!important}}
/* Short desktop screens: the login page itself never scrolls. Content compacts before it can exceed the viewport. */
@media(min-width:821px){body.atelier-login{height:100dvh;min-height:0;overflow:hidden}.atelier-shell{height:100%;min-height:0}.atelier-auth{min-height:0;overflow:hidden}}
@media(min-width:821px) and (max-height:760px){.atelier-security-features{gap:5px 10px;margin-top:6px;font-size:10px;line-height:1.1}.atelier-security-features i{font-size:11px}}
@media(min-width:821px) and (max-height:680px){.atelier-auth{padding-top:8px;padding-bottom:8px}.atelier-onursal-logo{width:195px;margin-bottom:4px}.atelier-auth-head{gap:2px}.atelier-head-icon{font-size:32px}.atelier-auth-head>div{gap:2px}.atelier-auth-head .login-security-title{font-size:18px}.atelier-auth-head .login-security-copy{display:none}.atelier-rule{margin:4px 0}.atelier-auth label,.atelier-system legend{font-size:10px}.atelier-field{height:36px;margin-top:5px}.atelier-system{margin-top:6px}.atelier-system legend{margin-bottom:5px}.atelier-system-grid{gap:5px}.atelier-system-option{min-height:46px;padding:6px 8px;grid-template-columns:28px 1fr 16px;gap:8px}.atelier-system-option>i:first-child{width:28px;height:28px;font-size:13px}.atelier-system-option strong{font-size:11px}.atelier-system-option small{font-size:9px}.atelier-submit{height:36px;margin-top:7px}.atelier-security-features{margin-top:5px;gap:4px 9px;font-size:9.5px}.atelier-security-features i{font-size:10px}}
@media(min-width:821px) and (max-height:560px){.atelier-auth{padding-top:5px;padding-bottom:5px}.atelier-onursal-logo{width:165px;margin-bottom:0}.atelier-head-icon{font-size:27px}.atelier-auth-head .login-security-title{font-size:16px}.atelier-rule{margin:2px 0}.atelier-field{height:32px}.atelier-system-option{min-height:40px}.atelier-submit{height:32px;margin-top:5px}.atelier-security-features{font-size:8.5px;gap:3px 7px}}

/* Viewport-fit layer: the stacked mobile layout removes its decorative pane before it consumes login space. */
html,body{min-width:0}
@media(min-width:821px) and (max-height:920px){.atelier-auth{padding-top:30px;padding-bottom:30px}.atelier-onursal-logo{margin-bottom:22px}}
@media(min-width:821px) and (max-height:820px){.atelier-auth{padding-top:14px;padding-bottom:14px}.atelier-onursal-logo{width:220px;margin-bottom:8px}.atelier-auth-head{gap:5px}.atelier-head-icon{font-size:36px}.atelier-auth-head>div{gap:3px}.atelier-auth-head .login-security-title{font-size:20px}.atelier-auth-head .login-security-copy{margin:0;font-size:10px}.atelier-rule{margin:6px 0}.atelier-field{height:40px;margin-top:6px}.atelier-system{margin-top:10px}.atelier-system-option{min-height:52px}.atelier-submit{height:40px;margin-top:9px}.atelier-security-features{margin-top:7px}}
@media(max-width:991.98px){body.atelier-login{height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.atelier-shell{height:100%;min-height:0;display:block}.atelier-identity{display:none}.atelier-auth{width:min(520px,100%);max-width:100%;height:100%;min-height:0;margin:0 auto;padding:24px 28px;border-radius:0;box-shadow:none;overflow:hidden}.atelier-footer{min-height:32px;padding:6px 12px;line-height:1.15}}
@media(max-width:575.98px){.atelier-auth{padding:14px 18px}.atelier-onursal-logo{width:210px;margin-bottom:12px}.atelier-auth-head{gap:4px}.atelier-head-icon{font-size:36px}.atelier-auth-head>div{gap:3px}.atelier-auth-head .login-security-title{font-size:19px}.atelier-auth-head .login-security-copy{font-size:9px}.atelier-rule{margin:10px 0}.atelier-auth label,.atelier-system legend{margin-top:8px;font-size:10px}.atelier-field{height:38px;margin-top:5px}.atelier-system{margin-top:10px}.atelier-system legend{margin-bottom:5px}.atelier-system-grid{gap:6px}.atelier-system-option{min-height:50px;padding:7px 8px}.atelier-system-option>i:first-child{width:30px;height:30px;font-size:14px}.atelier-submit{height:40px;margin-top:10px}.atelier-security-features{margin-top:7px;gap:5px 10px;font-size:9px}.atelier-security-features i{font-size:11px}.atelier-footer{min-height:28px;padding:5px 8px;font-size:8px}}
@media(max-width:575.98px) and (max-height:700px){.atelier-auth{padding:8px 16px}.atelier-onursal-logo{width:165px;margin-bottom:6px}.atelier-head-icon{font-size:30px}.atelier-auth-head .login-security-title{font-size:17px}.atelier-auth-head .login-security-copy{display:none}.atelier-rule{margin:6px 0}.atelier-auth label,.atelier-system legend{margin-top:6px;font-size:9px}.atelier-field{height:34px;margin-top:4px}.atelier-system{margin-top:7px}.atelier-system-option{min-height:42px;padding:5px 7px}.atelier-system-option>i:first-child{width:27px;height:27px;font-size:12px}.atelier-system-option strong{font-size:11px}.atelier-system-option small{font-size:9px}.atelier-submit{height:34px;margin-top:7px}.atelier-security-features{margin-top:5px;gap:4px 8px;font-size:8px}.atelier-security-features i{font-size:10px}.atelier-footer{min-height:24px;padding:4px 6px;font-size:7px;white-space:nowrap}}
@media(max-width:380px) and (max-height:600px){.atelier-auth{padding:6px 12px}.atelier-onursal-logo{width:140px;margin-bottom:3px}.atelier-head-icon{font-size:27px}.atelier-auth-head .login-security-title{font-size:16px}.atelier-rule{margin:4px 0}.atelier-field{height:32px}.atelier-system{margin-top:5px}.atelier-system-option{min-height:38px}.atelier-system-option small{display:none}.atelier-submit{height:32px;margin-top:5px}.atelier-security-features{flex-wrap:nowrap;gap:12px}.atelier-security-features span{font-size:0}.atelier-security-features i{font-size:12px}.atelier-footer{font-size:6.5px}}
@media(max-width:380px) and (max-height:600px){.atelier-footer .footer-separator,.atelier-footer .footer-legal{display:none}.atelier-footer .footer-powered{gap:3px}.atelier-footer{font-size:8px}}
/* TOTP kodu tarayıcı tarafından kolay okunacak modül yoğunluğunda oluşturulur. */
.atelier-head-icon.atelier-head-qr{width:var(--totp-qr-frame-size,345px);height:var(--totp-qr-frame-size,345px);padding:var(--totp-qr-padding,28px);flex:0 0 var(--totp-qr-frame-size,345px);border-color:#d9e1ea;background:#fff}.atelier-head-icon.atelier-head-qr canvas,.atelier-head-icon.atelier-head-qr img{display:block;width:var(--totp-qr-size,287px)!important;height:var(--totp-qr-size,287px)!important;max-width:none!important;max-height:none!important;image-rendering:pixelated}
.atelier-qr-help{margin:10px 0 0;color:#667384;font-family:var(--bs-body-font-family);font-size:10px;line-height:1.5;text-align:center}
/* The setup QR needs a four-module white quiet zone; let this one form scroll instead of shrinking its code. */
body.atelier-login:has(#twoFactorSetupForm:not([hidden])){height:auto;min-height:100dvh;overflow:auto}body.atelier-login:has(#twoFactorSetupForm:not([hidden])) .atelier-shell{height:auto;min-height:calc(100dvh - 32px)}body.atelier-login:has(#twoFactorSetupForm:not([hidden])) .atelier-auth{height:auto;min-height:0;overflow:visible;padding-top:32px;padding-bottom:32px}
@media(max-width:575px){.atelier-qr-help{font-size:9px}body.atelier-login:has(#twoFactorSetupForm:not([hidden])) .atelier-auth{padding-top:22px;padding-bottom:26px}}
.atelier-qr-expand{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin:10px auto 0;padding:0 13px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#313e50;font-family:var(--bs-body-font-family);font-size:10px;font-weight:700;cursor:pointer}.atelier-qr-expand:hover,.atelier-qr-expand:focus-visible{border-color:#313e50;background:#f1f3f6;outline:0}.atelier-qr-expand i{font-size:14px}.onex-totp-viewer{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:16px;background:rgba(24,35,51,.78);opacity:0;transition:opacity .16s ease}.onex-totp-viewer.is-visible{opacity:1}.onex-totp-viewer-card{position:relative;width:min(632px,calc(100vw - 32px));padding:28px 40px 32px;border:1px solid #d9e1ea;border-radius:12px;background:#fff;box-shadow:0 24px 56px rgba(15,23,42,.30);text-align:center}.onex-totp-viewer-card p{margin:0 0 18px;color:#313e50;font-family:var(--bs-body-font-family);font-size:14px;font-weight:700}.onex-totp-viewer-code{display:grid;place-items:center;width:100%;padding:40px;background:#fff}.onex-totp-viewer-code canvas,.onex-totp-viewer-code img{display:block;width:min(520px,calc(100vw - 152px))!important;height:min(520px,calc(100vw - 152px))!important;image-rendering:pixelated}.onex-totp-viewer-card small{display:block;margin-top:14px;color:#667384;font-family:var(--bs-body-font-family);font-size:11px}.onex-totp-viewer-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#667384;font-size:25px;line-height:1;cursor:pointer}.onex-totp-viewer-close:hover,.onex-totp-viewer-close:focus-visible{background:#edf0f4;color:#313e50;outline:0}@media(max-width:575px){.onex-totp-viewer-card{padding:26px 18px 24px}.onex-totp-viewer-code{padding:26px}.onex-totp-viewer-code canvas,.onex-totp-viewer-code img{width:calc(100vw - 120px)!important;height:calc(100vw - 120px)!important}}
@media(min-width:821px) and (max-height:920px){.atelier-auth{padding-top:20px;padding-bottom:20px}}
/* QR matrisi SVG olarak, tam modül sınırlarıyla çizilir; tarayıcının piksel yumuşatması devre dışıdır. */
.atelier-head-icon.atelier-head-qr svg{display:block;width:var(--totp-qr-size,343px)!important;height:var(--totp-qr-size,343px)!important;max-width:none!important;max-height:none!important;shape-rendering:crispEdges}
.onex-totp-viewer-code svg{display:block;width:min(var(--totp-qr-size,490px),calc(100vw - 152px))!important;height:min(var(--totp-qr-size,490px),calc(100vw - 152px))!important;max-width:100%;max-height:100%;shape-rendering:crispEdges}
@media(max-width:575px){.onex-totp-viewer-code svg{width:min(var(--totp-qr-size,490px),calc(100vw - 120px))!important;height:min(var(--totp-qr-size,490px),calc(100vw - 120px))!important}}