/* ASCEND 4.0.Q — Focused Glass authentication. Values ported from the approved source fragments. */

:root{--navy:#00286E;--blue:#0155A2;--ink:#172B4D;--muted:#52647A;--error:#B42318}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{margin:0;font-family:Montserrat,sans-serif;color:var(--ink);font-size:16px;line-height:1.5;background:#EDF6FA}
#auth-page .product{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 7% 0%,#FFFFFF 0%,#FFFFFFA6 24%,transparent 60%),radial-gradient(ellipse at 10% 42%,#D2EBED 0%,transparent 58%),radial-gradient(ellipse at 92% 88%,#E6EFDA 0%,transparent 53%),linear-gradient(140deg,#EDF6FA,#E3EDF6)}
#auth-page .topbar{position:relative;z-index:1;display:flex;justify-content:flex-end;padding:25px 32px 0}
#auth-page .clock{text-align:right;display:grid;gap:2px;max-width:100%;font-variant-numeric:tabular-nums}
#auth-page .clock .time{font-size:20px;font-weight:600;line-height:1.35;color:var(--navy)}
#auth-page .clock .date{font-size:12px;color:var(--muted);line-height:1.5}
#auth-page .clock .zone{font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
#auth-page .stage{position:relative;display:flex;justify-content:center;padding:30px 24px 45px}
#auth-page .glass{position:relative;width:100%;max-width:450px;min-width:0;padding:34px 38px 26px;border:1px solid #FFFFFFB8;border-right-color:#CFDBE570;border-bottom-color:#BDCFDD99;border-radius:24px;background:linear-gradient(135deg,#FFFFFFD6 0%,#FFFFFFB3 55%,#F4F9FBC9 100%);backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%);box-shadow:inset 1px 1px 0 #FFFFFFF2,inset -1px -1px 0 #00286E08,2px 5px 12px #173D5910,12px 20px 36px -12px #173D5921,25px 42px 75px -32px #173D5929}
#auth-page img{display:block;height:auto;object-fit:contain;max-width:100%}
#auth-page .wordmark{width:290px;margin:0 auto 8px}
#auth-page .version{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.4px;text-align:center;color:var(--muted);margin-bottom:25px}
#auth-page .form-head{text-align:center;margin-bottom:28px}
#auth-page h1{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.5px;color:var(--navy);margin:0 0 9px}
#auth-page h1:focus{outline:none}
#auth-page .sub{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
#auth-page label{display:block;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:8px}
#auth-page .field{margin-bottom:20px}
#auth-page input{font:400 16px/1.5 Montserrat,sans-serif;color:var(--ink);width:100%;min-width:0;min-height:52px;padding:13px 14px;background:#FFFFFFED;border:1px solid #64748B;border-radius:10px;box-shadow:inset 0 1px 2px #00286E06}
#auth-page input::placeholder{color:#64748B;opacity:1}
#auth-page input[aria-invalid=true]{border-color:var(--error)}
#auth-page input:focus-visible,#auth-page button:focus-visible{outline:3px solid #0391A3;outline-offset:3px}
#auth-page .password-wrap{position:relative}
#auth-page .password-wrap input{padding-right:70px}
#auth-page button{font:600 14px/1.5 Montserrat,sans-serif;min-height:44px;touch-action:manipulation;cursor:pointer}
#auth-page button:disabled{cursor:wait}
#auth-page .reveal{position:absolute;right:5px;top:4px;bottom:4px;background:transparent;border:0;color:var(--blue);padding:0 10px;border-radius:6px}
#auth-page .primary{width:100%;min-height:52px;padding:14px 18px;color:#FFFFFF;background:linear-gradient(145deg,#0861AE,#0155A2 65%,#004C94);border:1px solid #004D93;border-radius:10px;box-shadow:inset 0 1px 0 #FFFFFF26,1px 3px 5px #00286E14,3px 7px 12px -5px #00286E30}
#auth-page .primary:not(:disabled):not([aria-disabled="true"]):hover{background:#003F7D}
#auth-page .primary:not(:disabled):not([aria-disabled="true"]):active{box-shadow:inset 0 2px 4px #00286E26}
#auth-page .primary:disabled,#auth-page .primary[aria-disabled="true"]{background:#3A6F9F;border-color:#3A6F9F;box-shadow:none}
#auth-page .primary[aria-disabled="true"]{cursor:default}
#auth-page .link-button{display:block;border:0;background:transparent;color:var(--blue);padding:0 2px;margin:-9px 0 12px auto;text-align:right;font-weight:500}
#auth-page .back-button{margin:10px auto 0;text-align:center}
#auth-page .error{font-size:12px;line-height:1.5;color:var(--error);margin-top:5px}
#auth-page .form-error{font-size:13px;line-height:1.5;color:var(--error);margin:0 0 16px;text-align:center}
#auth-page .caps{font-size:12px;line-height:1.5;color:#946200;margin-top:6px}
#auth-page .access{font-size:12px;line-height:1.8;color:var(--muted);padding-top:22px;margin:26px 0 0;border-top:1px solid #CCD9E5}
#auth-page .access strong{font-weight:600;color:var(--ink)}
#auth-page .company-wrap{position:relative;width:145px;aspect-ratio:1230 / 620;overflow:hidden;margin:22px auto 0;background:transparent}
#auth-page .company-wrap .company{position:absolute;width:117.724%;max-width:none;height:auto;left:-9.35%;top:-37.097%;margin:0;background:transparent;filter:url(#ascend-company-white-key)}
#auth-page .authorization{font-size:11px;line-height:1.5;color:var(--muted);text-align:center;margin:16px 0 0}
#auth-page .copyright{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin:12px 0 0;overflow-wrap:anywhere}
#auth-page .notice{font-size:14px;line-height:1.7;color:var(--muted);text-align:center}
#auth-page .notice p{margin:0}
#auth-page .notice.info{text-align:left;background:#EAF4FB;border:1px solid #CCD9E5;border-radius:10px;padding:14px 16px;margin:0 0 16px}
#auth-page .notice .address{display:block;font-size:16px;color:var(--navy);font-weight:600;margin:12px 0 18px;overflow-wrap:anywhere}
#auth-page .notice .inbox-tip{font-size:12px;line-height:1.7;margin:20px 0 12px}
#auth-page .secondary-action{width:100%;background:#FFFFFF99;color:var(--blue);border:1px solid #0155A2;border-radius:10px;padding:12px;margin-top:8px}
#auth-page .secondary-action:disabled{color:var(--muted);border-color:#64748B}
#auth-page .status{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin:8px 0 0;min-height:18px}
#auth-page .code-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:6px;font-variant-numeric:tabular-nums}
#auth-page .code-input::placeholder{letter-spacing:6px;font-weight:400}
#auth-page .secret-block{margin:0 0 18px;padding:16px;border:1px solid #CCD9E5;border-radius:10px;background:#FFFFFF99}
#auth-page .secret-label{font-size:12px;line-height:1.5;font-weight:500;color:var(--muted);margin:0 0 6px}
#auth-page .secret{font-size:20px;line-height:1.6;font-weight:600;color:var(--navy);margin:0 0 12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;user-select:all}
#auth-page .secret span{display:inline-block;margin-right:6px}
#auth-page .uri{font-size:12px;line-height:1.5;color:var(--muted);margin:0;overflow-wrap:anywhere;word-break:break-all;user-select:all}
#auth-page .step-hint{margin:0 0 20px;text-align:center}
#auth-page .grants{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#auth-page .grant{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:56px;padding:12px 14px;text-align:left;color:var(--ink);background:#FFFFFFED;border:1px solid #64748B;border-radius:10px}
#auth-page .grant:hover{border-color:var(--blue);background:#FFFFFF}
#auth-page .grant[aria-current=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
#auth-page .grant-name{font-size:16px;font-weight:600;color:var(--navy);overflow-wrap:anywhere}
#auth-page .grant-role{display:block;font-size:13px;font-weight:500;color:var(--muted)}
#auth-page .account-list{margin:0 0 20px;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;font-size:14px;line-height:1.5}
#auth-page .account-list dt{color:var(--muted);font-weight:500}
#auth-page .account-list dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
#auth-page .account-out{margin-top:12px}
#auth-page .secondary-action:hover,#auth-page .grant:hover{cursor:pointer}
@media(max-width:480px){
#auth-page .secret{font-size:18px}
#auth-page .code-input{font-size:22px;letter-spacing:4px}
#auth-page .account-list{grid-template-columns:minmax(0,1fr);gap:2px}
#auth-page .account-list dd{margin-bottom:10px}

#auth-page .topbar{padding:18px 20px 0}
#auth-page .clock .time{font-size:18px}
#auth-page .stage{padding:26px 16px 32px}
#auth-page .glass{padding:28px 22px 24px;border-radius:20px;box-shadow:inset 1px 1px 0 #FFFFFFF2,2px 5px 10px #173D5910,8px 16px 32px -12px #173D592B}
#auth-page .wordmark{width:260px}
#auth-page h1{font-size:24px}
#auth-page button{font-size:16px}
#auth-page .reveal{font-size:14px}
}
@supports not (backdrop-filter:blur(1px)){#auth-page .glass{background:#F8FCFD}}
