*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font:12px/1.4 Tahoma,Verdana,"Segoe UI",Arial,sans-serif;color:#1f2430;background:#b9bfcb;display:flex;flex-direction:column;min-height:100vh}
.topbar{height:29px;background:linear-gradient(#f5f5f8,#c9cbd3);border-bottom:1px solid #9699a4;display:flex;align-items:center;padding:0 9px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:7px;font-weight:700;color:#24324a}
.brand small{display:none}
.brandmark{font-size:14px;background:#244982;border:1px solid #7d91b9;color:white;padding:1px 4px}
.brandmark span{display:none}
.environment{font-size:9px;color:#5e616b;letter-spacing:.06em}
.login-area{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.login-window{width:100%;max-width:360px;background:#e9ebf0;border:1px solid #8a909c;box-shadow:0 2px 6px rgba(40,50,70,.25)}
.login-window h1,#conflict-dialog h2{margin:0;display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:11px;font-weight:700;color:#1f2a3c;background:linear-gradient(#f7f8fa,#cfd4de);border-bottom:1px solid #9aa0ad}
.login-window h1 svg,#conflict-dialog h2 svg,.button svg{color:#2d64b3}
.login-body{padding:14px 12px 10px}
.login-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;margin-bottom:8px;color:#3d4250}
.login-row input{height:22px;padding:2px 5px;font:inherit;color:#1f2430;background:#fff;border:1px solid #8f96a3;border-top-color:#6d7482;border-left-color:#6d7482;box-shadow:inset 1px 1px 1px rgba(0,0,0,.08);border-radius:0}
.login-row input:focus{outline:none;border-color:#4d7cc2;background:#fbfdff;box-shadow:inset 1px 1px 1px rgba(0,0,0,.06),0 0 0 1px #b9cde9}
.login-actions,.dialog-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}
.button{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 10px;font:inherit;font-size:11px;color:#1f2a3c;background:linear-gradient(#fdfdfe,#dfe2e9);border:1px solid #9aa0ad;border-radius:2px;cursor:pointer}
.button:hover{background:linear-gradient(#fff,#e9edf5);border-color:#6f89b3}
.button:focus-visible{outline:1px solid #4d7cc2;outline-offset:1px}
.button.primary{font-weight:700;border-color:#6f89b3}
.button:disabled{opacity:.6;cursor:default}
.login-message{margin:0 0 10px;padding:5px 7px;border:1px solid;font-size:11px}
.login-message.error{color:#7a1d14;background:#fbe9e6;border-color:#d9a39b}
.login-message.info{color:#1f3a63;background:#e6eef9;border-color:#a9bfdf}
.login-footer{padding:5px 8px;font-size:10px;color:#5e616b;border-top:1px solid #c3c8d2;background:#dfe2e8}
#conflict-dialog{padding:0;width:min(420px,calc(100% - 32px));background:#e9ebf0;border:1px solid #8a909c;box-shadow:0 3px 10px rgba(40,50,70,.35)}
#conflict-dialog::backdrop{background:rgba(60,68,84,.35)}
.dialog-body{padding:12px 12px 0}
.dialog-body p{margin:0 0 8px}
.dialog-actions{padding:0 12px 12px}
@media (max-width:420px){.login-row{grid-template-columns:1fr;gap:3px}}