.trs-brand-row{display:flex;align-items:flex-start;position:relative;margin:0 15px 25px;gap:18px}.trs-brand-row .trs-brand{margin:0}.trs-brand-row .trs-brand small{white-space:nowrap}.trs-flow-widget{position:relative;flex:none;margin-top:4px}.trs-globe-button{position:relative;display:block;width:36px;height:36px;background:none;border:0;padding:0;cursor:pointer;color:inherit}.trs-globe-button canvas{width:36px;height:36px;display:block}.trs-globe-button i{position:absolute;bottom:0;right:0;width:5px;height:5px;border-radius:50%;background:#8a8c8d}.trs-flow-widget[data-state=LIVE] i{background:#a9c3ac}.trs-flow-widget[data-state=STALE] i{background:#d8bb7a}.trs-flow-widget:is([data-state=ERROR],[data-state=DISCONNECTED]) i{background:#d67c7c}.trs-flow-pop{position:fixed;top:77px;left:20px;z-index:110;max-width:min(360px,90vw);background:#181b1f;color:#ddd;border:1px solid #4b4b4b;border-radius:8px;padding:16px;white-space:pre-line;font:12px/1.7 system-ui;box-shadow:0 12px 35px #0006}.trs-flow-pop[hidden]{display:none}.trs-brand-row .trs-brand small{font-size:8px;letter-spacing:1.7px}.trs-brand-row .trs-brand{width:82px}.trs-brand-row .trs-brand small{width:150px}
@media(max-width:760px){.trs-brand-row{margin:0;align-items:center;gap:18px}.trs-brand-row .trs-brand{width:auto}.trs-brand-row .trs-brand small{width:auto}.trs-flow-widget{margin:0}.trs-flow-pop{top:66px;left:16px}}
/* Beyaz giriş sahnesi; dashboard teması bağımsız kalır. */
.trs-brand-row{align-items:center;gap:24px}
.trs-brand-row .trs-brand{width:auto;line-height:0}
.trs-brand-emblem{display:block;width:58px;height:58px;box-sizing:border-box;padding:5px;border-radius:15px;background:#fff}
.trs-flow-widget{margin-top:0}
body.trs-login{margin:0;min-height:100dvh;background:#fff;color:#193e30;font:14px/1.5 system-ui;display:flex;align-items:center;color-scheme:light;overflow-x:hidden}
.login-scene{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 32% 48%,#f2f6f1 0,transparent 60%)}
.login-globe{position:fixed;left:33%;top:50%;width:min(59vw,80vh,790px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;transition:left 1s ease,width 1s ease;filter:drop-shadow(0 30px 32px #193e300a)}
.login-globe canvas{width:100%;height:100%;display:block}
.login-identity{position:fixed;top:30px;left:38px;z-index:3}
.login-identity img{display:block;width:64px;height:64px}
.login-wrap{position:relative;z-index:2;width:min(350px,calc(100vw - 48px));margin:80px 6vw 80px 63%;opacity:1;transition:opacity .7s,transform .7s}
.trs-login.intro .login-wrap{opacity:0;transform:translateY(10px)}
.trs-login.intro .login-wrap:focus-within{opacity:1;transform:none}
.trs-login.intro .login-globe{left:50%;width:min(82vw,80vh,790px)}
.login-wrap form{padding:30px 28px 24px;border:1px solid #e3e8e0;border-radius:18px;background:#ffffffed;box-shadow:0 16px 70px #193e3008}
.login-wrap h1{font-size:24px;font-weight:550;margin:0 0 8px;letter-spacing:-.7px;line-height:1.25}
.login-wrap p{margin:0 0 25px;color:#6b7b70;font-size:12px}
.login-wrap label{display:block;font-size:12px;font-weight:500;color:#425c4b;margin:17px 0 8px}
.login-wrap input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d6dfd5;border-radius:7px;background:#fafcf9;color:#193e30;font:15px system-ui;outline-offset:3px;outline-color:#b8a568}
.login-wrap input:focus{border-color:#8a9e8d;background:#fff}
.password-row{position:relative}.password-row input{padding-right:68px}
.password-toggle{position:absolute;right:5px;top:5px;border:0;background:transparent;color:#536a59;font-size:11px;min-height:34px;cursor:pointer}
.login-submit{width:100%;margin-top:25px;min-height:46px;border:1px solid #193e30;border-radius:7px;background:#193e30;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}
.login-submit:hover{background:#28523f}.login-submit:focus-visible{outline:2px solid #b8a568;outline-offset:4px}.login-submit:disabled{opacity:.6;cursor:wait}
.login-error{color:#a33232;font-size:12px;min-height:18px;margin-top:12px}
.login-footer{position:relative;text-align:center;color:#7a857c;font:11px/1.9 system-ui;margin:20px 0}
.login-wrap a{color:#586c5e;text-decoration:none}.login-wrap a:hover{text-decoration:underline}
.login-meta{position:fixed;bottom:25px;left:0;right:0;text-align:center;font:9px system-ui;letter-spacing:3px;color:#8a967f;pointer-events:none}
.login-exit .login-wrap{opacity:0;pointer-events:none}
.login-exit .login-globe{transition:left .75s cubic-bezier(.5,0,.2,1),top .75s cubic-bezier(.5,0,.2,1),width .75s cubic-bezier(.5,0,.2,1);left:146px;top:53px;width:36px}
.login-exit .login-scene{transition:opacity .75s;opacity:0}
@media(max-width:1000px) and (min-width:761px){.login-wrap{margin-left:58%;margin-right:3vw;width:36vw}.login-globe{left:29%;width:57vw}}
@media(max-width:760px){
 .trs-brand-emblem{width:46px;height:46px;border-radius:12px}.trs-brand-row{gap:20px}
 body.trs-login{justify-content:center;align-items:flex-start}
 .login-identity{top:20px;left:23px}.login-identity img{width:46px;height:46px}
 .login-globe{position:absolute;left:50%;top:235px;width:min(94vw,430px)}
 .trs-login.intro .login-globe{width:min(94vw,430px);top:42vh}
 .login-wrap{margin:360px 24px 48px;width:min(350px,calc(100vw - 48px))}
 .login-wrap form{padding:26px 25px 20px}.login-wrap h1{font-size:23px}
 .login-exit .login-globe{left:101px;top:39px;width:36px}
 .login-meta{position:absolute;top:21px;left:auto;right:24px;bottom:auto;font-size:7px;letter-spacing:1.3px;max-width:170px;text-align:right}
}
@media(prefers-reduced-motion:reduce){.login-wrap,.login-globe,.login-exit .login-globe,.login-exit .login-scene{transition:none}}
.render-fallback .trs-globe-button{border:1px solid #9aa99a;border-radius:50%}
.login-globe.render-fallback{border:1px solid #d6dfd5;border-radius:50%;background:#fafcf9 url('/brand-emblem.svg') center/24% no-repeat}