/* Source metrics and brushes are generated into windows-login-tokens.css. */
body:has(#login-screen:not([hidden])) > .topbar{display:none}
#login-screen{display:grid;min-height:100dvh;place-items:start;padding:0;background:#1a1a1a;color:var(--PrimaryOneTextIcons);font:var(--login-standard-size)/1.2 var(--login-standard-family),sans-serif}
#login-dialog{margin-left:round(down,max(0px,calc((100vw - var(--dialog-width)) / 2)),1px);margin-top:round(down,max(0px,calc((100dvh - var(--dialog-height)) / 2)),1px);width:min(100%,var(--dialog-width));height:min(100dvh,var(--dialog-height));min-height:290px;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);overflow:hidden;background:var(--SecondaryBackground);position:relative}
#login-dialog *{box-sizing:border-box;font-family:inherit;letter-spacing:normal}
#login-dialog button,#login-dialog select,#login-dialog input{font:inherit}
#login-dialog button:not(:disabled):active{transform:none}
#login-dialog :focus-visible{outline:1px solid var(--SecondaryTextIcons);outline-offset:-1px}
#login-dialog .login-rail{position:relative;margin:4px 0 4px 4px;border-radius:5px;overflow:hidden;background:center 29px/64px 64px no-repeat url(/favicon.svg),right bottom/128px 128px no-repeat url(/windows-login-left_bottom.png),#000}
#login-dialog nav{position:absolute;left:6px;right:0;top:135px;display:grid;gap:3px}
#login-dialog nav button{height:20px;padding:0 5px;text-align:left;background:none;color:inherit;border:0;border-radius:3px 0 0 3px}
#login-dialog nav [aria-current]{background:var(--SecondaryBackground)}
#login-dialog nav :disabled{opacity:1;color:var(--PrimaryOneTextIcons)}
#login-dialog .login-page{position:relative;min-width:0;padding:16px 20px 16px 15px;margin:4px 0;overflow:auto}
#login-dialog h1{font-size:21px;font-weight:400;line-height:24px;margin:0;padding:0}
#login-dialog hr{border:0;border-top:1px solid var(--StrokeBackground);margin:5px 0 0}
#login-dialog .login-context{display:flex;align-items:center;min-height:12px;line-height:12px}
#directory-context{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#login-dialog #company-back{height:19px;border-radius:3px;background:var(--NeutralSecondaryButton);padding:0 8px;color:inherit}
#login-dialog #company-back{margin:3px 8px 3px 0;min-width:46px}
#login-dialog fieldset{min-width:0;border:0;padding:0;margin:0}
#login-dialog input,#login-dialog select{display:block;width:100%;background:var(--NeutralTertiaryToggleButton);border:0;border-radius:3px;padding:1px 4px;color:var(--PrimaryOneTextIcons);margin:0}
#login-dialog input{height:var(--input-height)}
#login-dialog #company-list{height:72px;margin:6px 0;border:1px solid var(--StrokeBackground);background-clip:padding-box;border-radius:0;padding:1px}
#login-dialog #company-list option{padding:3px 1px;line-height:17px}
#login-dialog #company-list option:checked{background:var(--SecondaryBackground);color:var(--PrimaryOneTextIcons)}
#login-dialog .login-positive{display:block;width:100%;height:19.5px;border-radius:3px;padding:0;color:var(--PrimaryOneTextIcons);background:var(--AccentPositiveButton)}
#login-dialog .login-positive:hover:enabled{background:var(--AccentPositiveHoverButton)}
#login-dialog .login-positive:disabled{background:var(--AccentPositiveDisabledButton);opacity:1}
#login-dialog .login-positive[aria-busy="true"]{cursor:progress}
#login-dialog #account-step label{display:block;color:var(--PrimaryOneTextIcons);font-weight:400;font-size:11px;margin:20px 0 5px}
#login-dialog #account-step label:first-child{margin-top:37px}
#login-dialog #login-submit{margin-top:25px;height:var(--command-height)}
#login-dialog .login-social{margin:78px 13px 0;display:flex;align-items:center;justify-content:space-evenly}
#login-dialog .login-social span{height:17px;width:17px;background:var(--SecondaryTextIcons);mask-image:url(/windows-login-social.png);mask-mode:alpha;mask-size:204px 17px;mask-repeat:no-repeat}
#login-dialog .login-social span:nth-child(2){mask-position:-17px 0}
#login-dialog .login-social span:nth-child(3){mask-position:-34px 0}
#login-dialog .login-social span:nth-child(4){mask-position:-51px 0}
#login-dialog .login-social span:nth-child(5){mask-position:-68px 0}
#login-dialog .login-social span:nth-child(6){mask-position:-85px 0}
#login-dialog .login-footer{position:absolute;left:15px;right:20px;bottom:75px;margin:0}
#login-dialog #login-error,#login-dialog #company-empty{font-size:11px;line-height:1.3;margin:5px 0;color:var(--ErrorTextIcons);background:none;padding:0;border:0}
#demo-fill{position:fixed;right:8px;bottom:8px;font-size:11px}
@media(max-height:450px){#login-dialog .login-footer{position:static;margin-top:15px}#login-dialog .login-social{margin-top:18px}}
@media(max-width:365px){#login-dialog{grid-template-columns:103px minmax(0,1fr)}#login-dialog .login-page{padding-right:10px}#login-dialog .login-rail{background-size:100% auto,100% auto}}

#login-dialog #publication-empty,#login-dialog #company-search-hint{margin:0;padding:0;font-weight:400;line-height:12px;color:var(--PrimaryOneTextIcons)}

#login-dialog input:focus-visible{outline:1px solid var(--StrokeBackground);outline-offset:-1px}
#login-dialog #company-list:focus-visible{outline:none;border-color:var(--StrokeBackground)}
#login-dialog h1,#login-dialog nav button,#directory-context,#login-dialog label{filter:grayscale(1)}

#login-dialog{display:block;background:transparent}
#login-dialog .login-client{position:relative;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);width:min(100%,441px);height:min(100%,473px);background:var(--SecondaryBackground);overflow:hidden}
#login-dialog .login-positive{line-height:1.2}
#login-dialog .login-awards{position:absolute;left:15px;right:20px;bottom:18px}
#login-dialog .login-awards hr{margin:0}
#login-dialog .login-awards div{display:grid;align-items:center;margin-top:15px;height:42px;grid-template-columns:25fr 42px 40fr 30px 40fr 37px 40fr 30px 40fr 45px 35fr;opacity:0.7}
#login-dialog .login-awards img{width:100%;height:42px}
#login-dialog .login-awards img:nth-child(1){grid-column:2}
#login-dialog .login-awards img:nth-child(2){grid-column:4}
#login-dialog .login-awards img:nth-child(3){grid-column:6}
#login-dialog .login-awards img:nth-child(4){grid-column:8}
#login-dialog .login-awards img:nth-child(5){grid-column:10}
#login-dialog .login-social{position:absolute;bottom:137px;left:25px;right:30px;margin:0}
#native-connection{padding-top:24px}
#native-connection label{font:inherit;color:var(--PrimaryOneTextIcons)}
#native-connection .proxy-check{display:flex;align-items:center;gap:5px}
#native-connection .proxy-check input{width:14px;height:14px}
#native-connection .proxy-address{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:5px}
#native-connection fieldset>label,#native-connection .proxy-address,#native-connection button{margin-top:20px}
#native-connection fieldset input{margin-top:5px}
#native-connection fieldset:disabled{opacity:.55}
#native-connection .proxy-state{font:inherit}
@media(max-height:445px){#login-dialog .login-awards{position:static;margin-top:12px}#login-dialog .login-social{position:static;margin:15px 0}}
@media(max-width:365px){#login-dialog .login-client{grid-template-columns:103px minmax(0,1fr)}#login-dialog .login-awards{overflow:hidden}}
/* CP56 PageControl and the painted client in the full WPF window. */
#login-dialog .login-client{width:min(100%,440.6px);height:min(100%,472.9px)}
#login-dialog h1{line-height:25px}
#login-dialog nav{top:135px;gap:5px}
#login-dialog nav button{padding-left:5px;height:19px}
#login-dialog #company-back{margin-right:10px}
#login-dialog #account-step label{line-height:12px;padding-left:1px}
#login-dialog #account-step label:first-child{margin-top:40px}
#login-dialog .login-social{left:32px;right:37px;bottom:138px}
#login-dialog .login-social span{width:18px;height:18px;mask-size:216px 18px}
#login-dialog .login-social span:nth-child(2){mask-position:-18px 0}
#login-dialog .login-social span:nth-child(3){mask-position:-36px 0}
#login-dialog .login-social span:nth-child(4){mask-position:-54px 0}
#login-dialog .login-social span:nth-child(5){mask-position:-72px 0}
#login-dialog .login-social span:nth-child(6){mask-position:-90px 0}
#login-dialog .login-awards{bottom:16px}
#login-dialog .login-awards div{margin-top:17px;padding:0 1px}

#login-dialog #qualified-company-list{box-sizing:border-box;font:11px Arial,sans-serif;width:100%;max-height:140px;min-height:72px;margin:6px 0;padding:1px;border:1px solid var(--StrokeBackground);background:var(--NeutralTertiaryToggleButton);color:var(--PrimaryOneTextIcons);overflow-y:auto;overflow-x:hidden}
#login-dialog #company-list[hidden],#login-dialog #qualified-company-list[hidden]{display:none}
#qualified-company-list [role=option]{padding:3px 1px;line-height:15px;overflow-wrap:anywhere;white-space:normal}
#qualified-company-list [aria-selected=true]{background:var(--SecondaryBackground)}
#qualified-company-list .company-logo{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:6px}
#login-dialog #directory-context.qualified-context{min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere}
#login-dialog:has(.qualified-context) #company-back{flex:none}

/* Central Bynev ID stays separate from broker credentials and connection settings. */
#login-dialog nav .bynev-id-entry{display:flex;align-items:center;min-height:19px;padding:0 5px;color:inherit;text-decoration:none;border-radius:3px 0 0 3px}
#login-dialog nav .bynev-id-entry:hover{background:var(--NeutralSecondaryButton)}