/* bphoque Horizon 20260913h1. Fix Elastic's top:20vh and clipping of the login.
 * No fixed height or hidden overflow on the form/card. Does not style message HTML.
 */
body{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif}
body:not(.task-login) #layout-menu,body:not(.task-login) #layout-menu .special-buttons{background:#10395c;color:#e8f3fe}
body:not(.task-login) #layout-sidebar,body:not(.task-login) #layout-sidebar .header{background:#f0f6fc;border-right-color:#dce7f1;border-bottom-color:#dce7f1}
body:not(.task-login) #layout-list .header,body:not(.task-login) #layout-content>.header,body:not(.task-login) #layout-content .toolbar{background:#fbfdff}
body:not(.task-login) #layout-list .listing tr.selected td,body:not(.task-login) .listing li.selected>a,body:not(.task-login) .listing li.selected>div>a{background:#dfedfb;color:#164673}
body:not(.task-login) .btn-primary{background:#17649e;border-color:#17649e;border-radius:8px}
/* The complete login must remain keyboard/touch reachable at every viewport height. */
html.bphoque-login-document{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;background:#f2f8fd;color-scheme:light}
body.bphoque-login{position:static!important;display:block!important;height:auto!important;min-height:100vh;min-height:100svh;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:radial-gradient(ellipse at 90% 16%,#daedfc,transparent 57%),#f5f9fc;color:#143757;font-size:14px;line-height:1.5}
.bphoque-login *{box-sizing:border-box}
.bphoque-login #layout{position:static!important;inset:auto!important;display:block!important;height:auto!important;min-height:100vh;min-height:100svh;max-height:none!important;overflow:visible!important;background:transparent!important}
.bphoque-login #layout-content{position:static!important;inset:auto!important;display:block!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:14px 24px 48px!important;background:transparent!important;border:0!important;text-align:left!important}
.bphoque-login #layout-content>#logo{display:none!important}
.bphoque-login .bp-top{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(100% - 64px,1216px);margin:auto;padding:27px 0}
.bphoque-login .bp-top nav{display:flex;gap:26px;align-items:center;font-size:12px}
.bphoque-login .bp-top a{color:#426b8b;text-decoration:none}.bphoque-login .bp-top a:hover{color:#0d65a6}
.bphoque-login .bp-top .bp-brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:750;letter-spacing:-1px;color:#0d3457;line-height:1}
.bphoque-login .bp-dot{color:#277eb2}.bphoque-login .bp-mark{display:flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#1a5785,#092749);width:38px;height:38px;border-radius:12px;transform:rotate(-5deg)}
.bphoque-login .bp-mark i{display:block;width:9px;height:23px;border-radius:5px;background:#fff}.bphoque-login .bp-mark i+i{height:16px;margin-top:7px;background:#a9d6f4}
.bphoque-login .bp-login-shell{display:grid;grid-template-columns:.95fr 1.05fr;width:min(100%,1050px);height:auto!important;max-height:none!important;min-height:548px;margin:20px auto 0;border:1px solid #d8e7f2;border-radius:24px;overflow:visible!important;background:#ffffff;box-shadow:0 25px 80px #153d6610;isolation:isolate}
.bphoque-login .bp-story{position:relative;overflow:hidden;min-width:0;padding:49px 43px 45px;background:linear-gradient(148deg,#072641,#165888);color:#f5fbff;border-radius:23px 0 0 23px;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}
.bphoque-login .bp-eyebrow{font-size:9px;font-weight:650;letter-spacing:2.25px;line-height:1.7;color:#4e7696}
.bphoque-login .bp-story .bp-eyebrow{color:#badbef;position:relative;z-index:1}
.bphoque-login .bp-story h1{font:400 48px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.7px;margin:29px 0 17px;position:relative;z-index:1}
.bphoque-login .bp-story h1 em{color:#abd9f4;font-weight:400}
.bphoque-login .bp-story p{font-size:13px;line-height:1.9;color:#cee4f5;margin:0;position:relative;z-index:1}
.bphoque-login .bp-story-sea{position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(90deg,#103d6766,#15517844),url('login-horizon.webp') center center/cover;mask-image:linear-gradient(to bottom,transparent,#000 60%);opacity:.67;pointer-events:none}
.bphoque-login .bp-story-foot{position:relative;margin-top:auto;padding-top:80px;font-size:8px;letter-spacing:2.3px;z-index:1;color:#fff}
.bphoque-login .bp-panel{position:relative;align-self:center;min-width:0;width:100%;height:auto!important;max-height:none!important;overflow:visible!important;padding:39px 51px 35px;z-index:2}
.bphoque-login .bp-mail-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf4fe;color:#216797;margin-bottom:18px}
.bphoque-login .bp-mail-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}
.bphoque-login .bp-panel-heading h2{font:400 29px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.85px;margin:8px 0 9px;color:#143653}
.bphoque-login .bp-panel-heading p{color:#668198;font-size:13px;margin:0 0 25px}
/* CRITICAL: Elastic declares #login-form {position:relative; top:20vh}. */
body.bphoque-login #login-form,body.bphoque-login #login-form form{position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important}
.bphoque-login #login-form table,.bphoque-login #login-form tbody,.bphoque-login #login-form tr,.bphoque-login #login-form td{display:block!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;text-align:left!important;overflow:visible!important}
.bphoque-login #login-form td.title{display:none!important}
.bphoque-login #login-form .row,.bphoque-login #login-form .form-group{position:static!important;top:auto!important;margin:0!important;padding:0!important;display:block!important;width:100%!important;max-height:none!important;overflow:visible!important}
.bphoque-login #login-form .input-group{position:relative!important;top:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center;width:100%!important;margin:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
.bphoque-login #login-form .input-group-prepend{display:none!important}
.bphoque-login #login-form .bp-native-label{display:none!important}
.bphoque-login #login-form .bp-field-label{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;color:#294e6f;font-size:12px;font-weight:650;margin:17px 0 7px!important;padding:0!important;text-align:left!important;white-space:normal!important}
.bphoque-login #login-form input[name="_user"],.bphoque-login #login-form input[name="_pass"]{display:block!important;position:relative!important;top:auto!important;left:auto!important;flex:1 1 auto;width:100%!important;min-width:0!important;max-width:none!important;height:49px!important;min-height:49px;line-height:1.4;margin:0!important;padding:12px 14px!important;background:#f6faff!important;color:#173d60!important;border:1px solid #cddde9!important;border-radius:10px!important;font:400 16px/1.4 "Segoe UI",Arial,sans-serif!important;box-shadow:none!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}
.bphoque-login #login-form input:focus{outline:3px solid #88bce6!important;outline-offset:2px;border-color:#407fae!important}
.bphoque-login .bp-input-help{font-size:10px!important;line-height:1.5!important;color:#6b849a;margin:7px 0 0!important;text-align:left}
.bphoque-login #login-form .formbuttons{position:static!important;inset:auto!important;display:block!important;height:auto!important;width:100%!important;max-height:none!important;margin:23px 0 0!important;padding:0!important;overflow:visible!important}
.bphoque-login #rcmloginsubmit,.bphoque-login #login-form button[type="submit"],.bphoque-login #login-form input[type="submit"]{position:relative!important;inset:auto!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:49px!important;height:auto!important;padding:13px 20px!important;margin:20px 0 0!important;white-space:normal!important;font-size:14px!important;line-height:1.4!important;font-weight:650;border-radius:10px!important;color:#fff!important;border:1px solid #124b78!important;background:linear-gradient(130deg,#186da8,#12476f)!important;box-shadow:0 5px 18px #18497514;cursor:pointer;pointer-events:auto!important}
.bphoque-login #rcmloginsubmit:disabled{cursor:wait;opacity:.6!important}.bphoque-login #rcmloginsubmit:focus-visible{outline:3px solid #9cc9e9;outline-offset:4px}
.bphoque-login #login-footer{margin-top:14px!important;font-size:10px!important;position:static!important;color:#6a8397}
.bphoque-login .bp-note{font-size:10px;line-height:1.6;color:#788ea1;margin:17px 0 0;text-align:center}
.bphoque-login #messagestack{z-index:1000!important;max-width:calc(100vw - 24px)}
.bphoque-login #login-addon{position:static!important;max-height:none!important;margin:22px auto!important;max-width:800px!important;overflow:visible!important}
@media(max-width:850px){.bphoque-login .bp-login-shell{grid-template-columns:.85fr 1.15fr}.bphoque-login .bp-story{padding:37px 28px}.bphoque-login .bp-story h1{font-size:40px}.bphoque-login .bp-panel{padding:33px 31px}.bphoque-login .bp-top{width:calc(100% - 42px)}.bphoque-login .bp-panel-heading h2{font-size:26px}}
@media(max-width:640px){.bphoque-login .bp-top{width:calc(100% - 36px);padding:20px 0 10px;gap:12px}.bphoque-login .bp-top .bp-brand{font-size:25px;gap:9px}.bphoque-login .bp-mark{width:33px;height:33px}.bphoque-login .bp-top nav{font-size:10px;gap:12px}.bphoque-login .bp-top nav a+a{display:none}.bphoque-login #layout-content{padding:8px 16px 30px!important}.bphoque-login .bp-login-shell{display:block;min-height:0;margin-top:10px;border-radius:18px}.bphoque-login .bp-story{padding:23px 25px 22px;border-radius:17px 17px 0 0;min-height:0}.bphoque-login .bp-story h1{font-size:33px;line-height:1.1;margin:10px 0 0;letter-spacing:-1px}.bphoque-login .bp-story h1 br{display:none}.bphoque-login .bp-story h1 em{margin-left:5px}.bphoque-login .bp-story p,.bphoque-login .bp-story-sea,.bphoque-login .bp-story-foot{display:none}.bphoque-login .bp-story .bp-eyebrow{font-size:7px;letter-spacing:1.8px}.bphoque-login .bp-panel{padding:24px 24px 28px}.bphoque-login .bp-panel-heading h2{font-size:25px}.bphoque-login .bp-mail-symbol{display:none}.bphoque-login .bp-panel-heading .bp-eyebrow{font-size:8px}.bphoque-login .bp-panel-heading p{font-size:12px;margin-bottom:19px}.bphoque-login #login-form .bp-field-label{margin-top:14px!important}.bphoque-login .bp-note{font-size:10px}.bphoque-login .bp-input-help{font-size:9px!important}}
@media(max-height:560px) and (min-width:641px){.bphoque-login .bp-top{padding:15px 0}.bphoque-login .bp-login-shell{margin-top:0;min-height:0}.bphoque-login .bp-panel{padding-top:23px;padding-bottom:25px}.bphoque-login .bp-mail-symbol{display:none}.bphoque-login .bp-story{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.bphoque-login *{transition:none!important;animation:none!important}}
