/* Shared skin for login, setup, password and user administration. */
.security-cover{background:#071b2e url('patagonia-access-landscape.png') center/cover fixed no-repeat}
.security-cover .cover-filter{position:absolute;pointer-events:none}
.security-cover .security-layout{max-width:none;min-height:100svh;grid-template-columns:minmax(0,1.62fr) minmax(420px,1fr);position:relative;isolation:isolate}
.security-cover .security-layout::before{content:"";position:absolute;inset:0 0 0 61.83%;background:#06182c85;backdrop-filter:blur(15px);z-index:-1;border-left:1px solid #87b5d63b}
.security-cover .security-story{background:linear-gradient(90deg,#00132926,transparent 90%);border:0;padding:clamp(24px,3vh,36px) clamp(38px,6.1vw,106px) 34px;min-height:100svh;position:relative}
.security-cover .security-brand{width:clamp(280px,21vw,350px);max-width:100%;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;filter:drop-shadow(0 2px 5px #00132970)}
.security-cover .cover-logo{display:block;width:100%;height:auto;object-fit:contain;filter:url(#pd-cover-logo)}
.security-cover .security-intro{position:absolute;left:29%;right:5%;bottom:18%;margin:0;padding:24px 28px;max-width:700px;width:auto;background:linear-gradient(100deg,#04182e52,#061b2e28);border:1px solid #d6e9f214;border-radius:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 6px 24px #00132914}
.security-cover .security-story h2{font-size:clamp(26px,2.05vw,40px);font-weight:750;line-height:1.15;letter-spacing:-1px;margin:0 0 20px;text-shadow:0 2px 20px #00182e}
.security-cover .security-story h2 span{color:#ffcc00}
.security-cover .security-story p{max-width:580px;font-size:clamp(14px,1.1vw,18px);color:#d1e2f4;text-shadow:0 2px 8px #001329;margin:0;line-height:1.6}
.security-cover .cover-signature{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:3px;color:#d2e4f4;text-shadow:0 1px 4px #001329}
.cover-signature span{height:2px;width:60px;background:#ffcc00}
.security-cover main{align-self:center;justify-self:center;width:calc(100% - 72px);max-width:590px;margin:50px 36px;padding:clamp(34px,4.5vw,74px) clamp(28px,3vw,50px) 28px;background:linear-gradient(150deg,#102b44d9,#041524e8);border:1px solid #b0d2ec70;border-radius:17px;box-shadow:0 20px 65px #0006,inset 0 1px 0 #fff1;backdrop-filter:blur(12px)}
.security-cover .security-kicker{font-size:10px;letter-spacing:3px;color:#3ac4fc;margin-bottom:20px}
.security-cover h1{font-size:clamp(26px,2.15vw,37px);font-weight:750;letter-spacing:-.6px;line-height:1.15}
.security-cover main>p{font-size:15px;color:#d1e2f4;margin-top:10px;line-height:1.6}
.security-cover form{margin:40px 0 28px}
.security-cover label{font-size:14px;font-weight:600;color:#f0f5fc;margin:22px 0}
.security-cover input{min-height:52px;border-color:#8cb2cf80;background:#0b2339a8;font-size:16px;font-weight:400}
.security-cover input:autofill{box-shadow:0 0 0 50px #102b43 inset;-webkit-text-fill-color:#ecf5ff}
.security-cover form>button{position:relative;min-height:54px;margin-top:20px;font-size:16px;background:#ffcc00;color:#061321;box-shadow:0 5px 25px #ffcc0012}
.security-cover form>button:hover{background:#ffcc00;box-shadow:0 0 0 2px #ffcc0060,0 5px 25px #ffcc0020}
.security-cover form>button>.ui-icon{position:absolute;right:20px;top:17px;width:21px;height:21px}
.security-cover .password-toggle{min-height:42px}
.security-cover .security-connection{font-size:11px!important;line-height:1.5;margin:24px 0!important}
.security-cover .security-session-note{border-color:#9eb8cd55;font-size:11px!important;margin:24px 0 18px;padding-top:21px}
.security-cover .security-session-note small{font-size:inherit;color:#b5cadb}
.security-cover .security-version{font-size:11px;color:#b5cadb!important}
@media(min-width:1600px){.security-cover main{padding-top:80px;padding-bottom:30px}.security-cover form{margin-top:45px}}
@media(max-width:1100px) and (min-width:801px){.security-cover .security-layout{grid-template-columns:minmax(0,1fr) 440px}.security-cover .security-layout::before{left:calc(100% - 440px)}.security-cover .security-story{padding-left:25px;padding-right:20px}.security-cover main{width:calc(100% - 40px);margin:30px 20px;padding:36px 28px}.security-cover .security-intro{left:25px;right:20px;bottom:25%;padding:20px;margin:0}.security-cover .security-intro h2{font-size:26px}.security-cover .cover-signature{letter-spacing:1.5px;gap:15px}}
@media(max-width:800px){.security-cover{background-position:35% center}.security-cover .security-layout{display:flex;min-height:100svh;padding:26px 18px;align-items:center;justify-content:center}.security-cover .security-layout::before{inset:0;background:#06182c45;backdrop-filter:none}.security-cover .security-story{display:none}.security-cover main{width:100%;max-width:470px;margin:0;padding:30px 25px;background:#061b2eee}.security-cover .security-mobile-brand{display:block;margin:0 0 32px}.security-cover .security-mobile-brand img.cover-logo{width:250px;height:auto;max-width:100%;filter:url(#pd-cover-logo)}.security-cover .security-kicker{font-size:9px;letter-spacing:2px;margin-bottom:16px}.security-cover h1{font-size:27px}.security-cover main>p{font-size:14px}.security-cover form{margin:28px 0 20px}}
@media(max-height:740px) and (min-width:801px){.security-cover main{margin-top:24px;margin-bottom:24px;padding-top:32px}.security-cover .security-intro{padding:18px 22px}.security-cover .security-intro p{font-size:14px}.security-cover form{margin-top:25px}.security-cover .security-story{padding-top:24px}.security-cover .security-brand{width:280px;padding:0}}

/* Administration retains a wide working area over the shared landscape. */
@media(min-width:801px){
  .security-cover.screen-users .security-layout{grid-template-columns:280px minmax(0,1fr)}
  .security-cover.screen-users .security-layout::before{left:280px}
  .security-cover.screen-users .security-story{padding:30px 24px;position:sticky;top:0;height:100svh;min-height:100svh}
  .security-cover.screen-users .security-brand{width:230px}
  .security-cover.screen-users main{max-width:1100px;width:calc(100% - 72px);padding:36px;margin:36px}
}
.security-cover input[type=checkbox]{min-height:auto}