/* Central COE | Functional login scene v2
   Approved mockup is a visual reference, not a rendered interface.
   All login card content and clickable controls are real DOM elements.
   Clean decorative image contains no embedded card or buttons.
   Scoped to signed-out view. No OAuth, session or permission changes. */
@media(min-width:851px){
 .app:not(.logged-in){width:100%!important;max-width:none!important;background:#071321!important}
 .app:not(.logged-in)>header{display:none!important}
 .app:not(.logged-in) #main-content{display:block!important;background:#071321!important;min-height:100dvh!important;overflow:visible!important}
 .app:not(.logged-in) .landing{
   display:block!important;position:relative!important;box-sizing:border-box!important;
   width:100%!important;max-width:1672px!important;height:max(100dvh,56.2799vw)!important;
   min-height:0!important;aspect-ratio:auto!important;margin:0 auto!important;padding:0!important;
   background-color:#091929!important;background-image:url('/assets/coe-login-scene-clean-v4.jpg')!important;
   background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
   isolation:isolate!important;overflow:hidden!important
 }
 .app:not(.logged-in) .coe-login-mark{
   box-sizing:border-box!important;position:absolute!important;display:flex!important;
   left:3.3%!important;top:2.6%!important;width:auto!important;height:auto!important;max-width:42%!important;
   margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;z-index:8!important;
   align-items:center!important;gap:12px!important;color:#fff!important
 }
 .app:not(.logged-in) .coe-login-mark img{
   width:clamp(37px,3.1vw,55px)!important;height:clamp(37px,3.1vw,55px)!important;
   object-fit:contain!important;display:block!important
 }
 .app:not(.logged-in) .coe-login-mark strong{display:block!important;color:#fff!important;font-size:clamp(17px,1.7vw,29px)!important;line-height:1.1!important;font-weight:850!important}
 .app:not(.logged-in) .coe-login-mark small{display:block!important;color:#e3e9f1!important;font-size:clamp(9px,.95vw,15px)!important;letter-spacing:.07em!important;margin-top:4px!important}
 .app:not(.logged-in) .landing>.hero{
   box-sizing:border-box!important;display:block!important;position:absolute!important;
   clip-path:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;
   top:12.3%!important;left:7.4%!important;width:35.9%!important;max-width:none!important;
   height:auto!important;min-height:0!important;padding:0!important;margin:0!important;
   color:#fff!important;z-index:4!important;text-align:left!important
 }
 .app:not(.logged-in) .landing>.hero .eyebrow,
 .app:not(.logged-in) .landing>.hero .lead,
 .app:not(.logged-in) .landing>.hero .features,
 .app:not(.logged-in) .coe-hero-values{display:none!important}
 .app:not(.logged-in) .landing>.hero h1{
   display:block!important;position:static!important;margin:0!important;padding:0!important;
   width:100%!important;height:auto!important;
   color:#fff!important;font-size:clamp(36px,3.75vw,67px)!important;line-height:1.1!important;
   font-weight:900!important;letter-spacing:-.048em!important;text-align:left!important;
   text-shadow:0 2px 12px #0009!important
 }
 .app:not(.logged-in) .landing>.hero h1 em{
   display:inline!important;color:#ffd21e!important;font-style:italic!important;font-weight:900!important
 }
 .app:not(.logged-in) .landing>.hero h1:after{
   content:"";display:block!important;width:85%!important;height:6px!important;margin-top:13px!important;
   border-radius:70% 25% 60% 10%!important;background:#ffd11e!important;transform:skewX(-15deg)!important
 }
 .app:not(.logged-in) .coe-login-language{
   box-sizing:border-box!important;position:absolute!important;
   top:3.1%!important;right:3.3%!important;left:auto!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   width:12%!important;height:5.7%!important;min-height:43px!important;
   padding:0 8px!important;margin:0!important;border:1px solid #e5b95a!important;
   border-radius:12px!important;background:#0f1b2c!important;box-shadow:none!important;
   opacity:1!important;visibility:visible!important;z-index:13!important
 }
 .app:not(.logged-in) .coe-login-language select{
   box-sizing:border-box!important;width:100%!important;height:100%!important;
   color:#fff!important;background:#0f1b2c!important;border:0!important;
   font-size:clamp(12px,1vw,16px)!important;font-weight:750!important;cursor:pointer!important
 }
 .app:not(.logged-in) #login-card,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"],
 .app:not(.logged-in) #login-card:not([data-coe-auth-state="signed"]){
   box-sizing:border-box!important;position:absolute!important;display:flex!important;
   flex-direction:column!important;align-items:center!important;justify-content:center!important;
   left:67.6%!important;top:17.5%!important;width:29%!important;height:auto!important;
   min-height:62%!important;max-width:none!important;min-width:0!important;
   padding:clamp(16px,1.7vw,29px)!important;margin:0!important;
   background:#fff!important;background-image:none!important;
   border:1px solid #edc26f!important;border-radius:clamp(19px,2vw,34px)!important;
   box-shadow:0 14px 38px #0008!important;opacity:1!important;visibility:visible!important;
   color:#122348!important;overflow:visible!important;z-index:10!important;text-align:center!important
 }
 .app:not(.logged-in) #login-card>.access-top{
   box-sizing:border-box!important;position:relative!important;display:flex!important;
   flex-direction:column!important;align-items:center!important;justify-content:center!important;
   width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
   margin:0 auto 11px!important;padding:0!important
 }
 .app:not(.logged-in) #login-card>.access-top::before{
   content:""!important;display:block!important;flex:0 0 auto!important;
   width:clamp(78px,7.9vw,132px)!important;height:clamp(80px,8.1vw,135px)!important;
   background:url('/assets/coe-police-chief-badge-v2.png') center/contain no-repeat!important;
   margin:0 auto 11px!important
 }
 .app:not(.logged-in) #login-card .access-icon{display:none!important}
 .app:not(.logged-in) #login-card>.access-top .access-tag{
   display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;
   margin:0!important;padding:7px 17px!important;background:#fff0ce!important;color:#94611c!important;
   border:0!important;border-radius:999px!important;font-size:clamp(11px,1vw,16px)!important;
   letter-spacing:.01em!important;font-weight:800!important;opacity:1!important
 }
 .app:not(.logged-in) #login-card>#access-title{
   display:block!important;position:static!important;max-width:100%!important;
   margin:9px 0 9px!important;padding:0!important;color:#112145!important;
   font-size:clamp(22px,2.15vw,36px)!important;line-height:1.13!important;font-weight:850!important;
   letter-spacing:-.035em!important;text-align:center!important
 }
 .app:not(.logged-in) #login-card>.muted{
   display:block!important;max-width:100%!important;margin:0 0 13px!important;
   color:#2c3c57!important;font-size:clamp(12px,1.04vw,17px)!important;line-height:1.4!important;text-align:center!important
 }
 .app:not(.logged-in) #login-card #google,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"] #google,
 .app:not(.logged-in) #login-card:not([data-coe-auth-state="signed"]) #google{
   box-sizing:border-box!important;position:static!important;display:flex!important;
   flex-direction:row!important;align-items:center!important;justify-content:center!important;
   gap:12px!important;width:100%!important;max-width:none!important;
   min-height:clamp(48px,4.4vw,65px)!important;height:auto!important;
   margin:13px 0 10px!important;padding:10px 12px!important;
   border:1px solid #286caf!important;border-radius:12px!important;
   background:linear-gradient(180deg,#0c5fac,#073473)!important;background-image:linear-gradient(180deg,#0c5fac,#073473)!important;
   color:#fff!important;box-shadow:0 3px 8px #12365a55!important;
   font-size:clamp(13px,1.28vw,20px)!important;font-weight:850!important;
   opacity:1!important;visibility:visible!important;cursor:pointer!important;z-index:auto!important
 }
 .app:not(.logged-in) #login-card #google .coe-google-icon{
   box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 clamp(25px,2.2vw,34px)!important;width:clamp(25px,2.2vw,34px)!important;
   height:clamp(25px,2.2vw,34px)!important;background:#fff!important;padding:4px!important;
   border-radius:50%!important;opacity:1!important
 }
 .app:not(.logged-in) #login-card #google .coe-google-label{display:inline!important;color:#fff!important;font-size:inherit!important;opacity:1!important}
 .app:not(.logged-in) #login-card #google .coe-google-arrow{display:inline!important;font-size:1.4em!important;color:#fff!important;margin-left:auto!important;opacity:1!important}
 .app:not(.logged-in) #login-card .access-divider{
   display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;
   width:100%!important;height:auto!important;min-height:25px!important;
   margin:6px 0 9px!important;padding:0!important;background:transparent!important;border:0!important;
   color:#647287!important;font-size:14px!important
 }
 .app:not(.logged-in) #login-card .access-divider::before,
 .app:not(.logged-in) #login-card .access-divider::after{content:"";display:block;flex:1;height:1px;background:#d5dce6}
 .app:not(.logged-in) #login-card .access-divider::before{margin-right:14px}
 .app:not(.logged-in) #login-card .access-divider::after{margin-left:14px}
 .app:not(.logged-in) #login-card .coe-prereg-entry,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"] .coe-prereg-entry,
 .app:not(.logged-in) #login-card:not([data-coe-auth-state="signed"]) .coe-prereg-entry{
   box-sizing:border-box!important;position:static!important;display:flex!important;
   align-items:center!important;justify-content:flex-start!important;gap:12px!important;
   width:100%!important;max-width:none!important;min-height:clamp(71px,6.5vw,100px)!important;
   height:auto!important;margin:0!important;padding:10px 13px!important;
   background:#f4f6f9!important;color:#15294b!important;
   border:1px solid #e3e7ee!important;border-radius:16px!important;box-shadow:none!important;
   opacity:1!important;visibility:visible!important;cursor:pointer!important;text-decoration:none!important;
   z-index:auto!important;text-align:left!important
 }
 .app:not(.logged-in) #login-card .coe-prereg-entry .coe-prereg-icon{
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 clamp(42px,3.7vw,61px)!important;width:clamp(42px,3.7vw,61px)!important;
   height:clamp(42px,3.7vw,61px)!important;background:#fff0cf!important;color:#bd841c!important;
   font-size:clamp(24px,2.5vw,37px)!important;border-radius:15px!important
 }
 .app:not(.logged-in) #login-card .coe-prereg-entry strong{display:block!important;color:#132649!important;font-size:clamp(14px,1.28vw,20px)!important;line-height:1.25!important;text-decoration:none!important}
 .app:not(.logged-in) #login-card .coe-prereg-entry small{display:block!important;color:#43536e!important;font-size:clamp(10px,.92vw,14px)!important;line-height:1.35!important;text-decoration:none!important}
 .app:not(.logged-in) #login-card .coe-prereg-entry .coe-arrow{display:block!important;margin-left:auto!important;color:#152647!important;font-size:clamp(22px,2vw,32px)!important}
 .app:not(.logged-in) #login-card .access-steps,
 .app:not(.logged-in) #login-card .coe-access-perks,
 .app:not(.logged-in) #login-card .coe-security-note,
 .app:not(.logged-in) #login-card #gate-note{display:none!important}
 .app:not(.logged-in) #login-card #status{position:static!important;max-width:100%!important;width:100%!important;margin:8px 0!important;padding:0!important;color:#334761!important;background:transparent!important;opacity:1!important;font-size:12px!important;line-height:1.4!important}
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"] #status,
 .app:not(.logged-in) #login-card #status:empty{display:none!important}
 .app:not(.logged-in) #login-card #claim{position:static!important;width:100%!important;margin:12px 0!important;padding:0!important}
 .app:not(.logged-in) #login-card #claim[hidden],
 .app:not(.logged-in) #login-card #logout[hidden],
 .app:not(.logged-in) #login-card #player[hidden]{display:none!important}
 .app:not(.logged-in) #login-card #claim input{width:100%!important;max-width:100%!important}
 .app:not(.logged-in) #google:focus-visible,
 .app:not(.logged-in) .coe-prereg-entry:focus-visible,
 .app:not(.logged-in) .coe-login-language:focus-within{outline:3px solid #f7bb40!important;outline-offset:3px!important}
}
@media(min-width:851px) and (max-width:1130px){
 .app:not(.logged-in) .landing>.hero{left:5%!important;width:40%!important}
 .app:not(.logged-in) .landing>.hero h1{font-size:clamp(30px,3.5vw,45px)!important}
 .app:not(.logged-in) #login-card,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"],
 .app:not(.logged-in) #login-card:not([data-coe-auth-state="signed"]){
    left:65.5%!important;width:32%!important;top:16.5%!important;
    padding:15px!important;min-height:66%!important
 }
}
@media(max-width:850px){
 .app:not(.logged-in)>header{display:flex!important;height:70px!important;min-height:70px!important;background:#081729!important}
 .app:not(.logged-in) #main-content{min-height:calc(100dvh - 70px)!important;background:#071421!important}
 .app:not(.logged-in) .landing{
   box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:flex-start!important;gap:20px!important;
   position:relative!important;width:100%!important;max-width:none!important;height:auto!important;
   min-height:calc(100dvh - 70px)!important;aspect-ratio:auto!important;
   padding:28px 14px 38px!important;margin:0!important;overflow:visible!important;
   background-color:#0b192d!important;
   background-image:linear-gradient(180deg,#061323e8 0%,#06132395 50%,#0b1931cb 100%),url('/assets/coe-login-scene-clean-v4.jpg')!important;
   background-size:cover!important;background-position:35% center!important;background-repeat:no-repeat!important
 }
 .app:not(.logged-in) .coe-login-mark{display:none!important}
 .app:not(.logged-in) .landing>.hero{
   position:relative!important;display:block!important;left:auto!important;top:auto!important;
   clip-path:none!important;opacity:1!important;visibility:visible!important;
   width:100%!important;max-width:520px!important;height:auto!important;min-height:0!important;
   margin:0 auto!important;padding:0 5px!important;text-align:center!important;overflow:visible!important
 }
 .app:not(.logged-in) .landing>.hero .eyebrow,
 .app:not(.logged-in) .landing>.hero .lead,
 .app:not(.logged-in) .landing>.hero .features,
 .app:not(.logged-in) .coe-hero-values{display:none!important}
 .app:not(.logged-in) .landing>.hero h1{
   display:block!important;position:static!important;margin:0!important;padding:0!important;
   width:auto!important;color:#fff!important;font-size:clamp(30px,6.4vw,47px)!important;
   line-height:1.13!important;font-weight:900!important;letter-spacing:-.04em!important;text-align:center!important
 }
 .app:not(.logged-in) .landing>.hero h1 em{color:#ffd21e!important;font-style:italic!important}
 .app:not(.logged-in) #login-card,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"],
 .app:not(.logged-in) #login-card:not([data-coe-auth-state="signed"]){
   box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:center!important;left:auto!important;right:auto!important;
   top:auto!important;bottom:auto!important;width:100%!important;max-width:470px!important;height:auto!important;
   min-height:0!important;margin:0 auto!important;padding:22px 20px!important;
   border-radius:23px!important;border:1px solid #e9bf72!important;background:#fff!important;
   background-image:none!important;box-shadow:0 18px 50px #0009!important;
   color:#13284a!important;opacity:1!important;visibility:visible!important;overflow:visible!important;text-align:center!important
 }
 .app:not(.logged-in) #login-card>.access-top{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:0!important;margin:0 auto 12px!important}
 .app:not(.logged-in) #login-card>.access-top::before{
   content:""!important;display:block!important;flex:0 0 auto!important;
   width:90px!important;height:89px!important;margin-bottom:9px!important;
   background:url('/assets/coe-police-chief-badge-v2.png') center/contain no-repeat!important
 }
 .app:not(.logged-in) #login-card .access-icon{display:none!important}
 .app:not(.logged-in) #login-card .access-tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;
   padding:7px 15px!important;border-radius:999px!important;color:#a0691b!important;background:#fff0d0!important;
   font-size:12px!important;font-weight:800!important;letter-spacing:0!important
 }
 .app:not(.logged-in) #login-card>#access-title{display:block!important;position:static!important;width:100%!important;margin:5px 0 10px!important;font-size:clamp(24px,6vw,31px)!important;line-height:1.15!important;color:#14264a!important;text-align:center!important}
 .app:not(.logged-in) #login-card>.muted{display:block!important;position:static!important;max-width:350px!important;margin:0 auto 13px!important;font-size:13px!important;line-height:1.45!important;color:#46536b!important;text-align:center!important}
 .app:not(.logged-in) #login-card #google,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"] #google{
   box-sizing:border-box!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
   width:100%!important;min-height:53px!important;height:auto!important;margin:12px 0 10px!important;padding:9px 12px!important;
   background:linear-gradient(180deg,#0c5eaa,#08346f)!important;border:1px solid #1e62a6!important;border-radius:12px!important;
   color:#fff!important;opacity:1!important;font-size:15px!important;cursor:pointer!important
 }
 .app:not(.logged-in) #login-card #google .coe-google-icon{flex:0 0 27px!important;width:27px!important;height:27px!important;background:#fff!important;border-radius:50%!important;padding:4px!important}
 .app:not(.logged-in) #login-card #google .coe-google-label{color:#fff!important;font-size:inherit!important}
 .app:not(.logged-in) #login-card #google .coe-google-arrow{color:#fff!important;font-size:22px!important;margin-left:auto!important}
 .app:not(.logged-in) #login-card .access-divider{
   display:flex!important;align-items:center!important;justify-content:center!important;
   width:100%!important;height:26px!important;margin:7px auto 10px!important;background:transparent!important;color:#60708a!important
 }
 .app:not(.logged-in) #login-card .access-divider::before,
 .app:not(.logged-in) #login-card .access-divider::after{content:"";display:block;flex:1;height:1px;background:#d7dee9}
 .app:not(.logged-in) #login-card .access-divider::before{margin-right:10px}
 .app:not(.logged-in) #login-card .access-divider::after{margin-left:10px}
 .app:not(.logged-in) #login-card .coe-prereg-entry,
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"] .coe-prereg-entry{
   position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
   box-sizing:border-box!important;width:100%!important;min-height:80px!important;height:auto!important;
   background:#f3f5f9!important;border:1px solid #e0e6ed!important;border-radius:13px!important;
   padding:11px 12px!important;margin:0!important;opacity:1!important;color:#1b3150!important;text-decoration:none!important;text-align:left!important
 }
 .app:not(.logged-in) #login-card .coe-prereg-entry .coe-prereg-icon{
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 47px!important;width:47px!important;height:47px!important;background:#fff0cc!important;border-radius:12px!important;color:#b98018!important;font-size:27px!important
 }
 .app:not(.logged-in) #login-card .coe-prereg-entry strong{display:block!important;font-size:15px!important;color:#14284c!important;line-height:1.25!important}
 .app:not(.logged-in) #login-card .coe-prereg-entry small{display:block!important;font-size:12px!important;color:#4b5b73!important;line-height:1.4!important}
 .app:not(.logged-in) #login-card .coe-prereg-entry .coe-arrow{display:block!important;color:#13284c!important;margin-left:auto!important;font-size:23px!important}
 .app:not(.logged-in) #login-card .access-steps,
 .app:not(.logged-in) #login-card .coe-access-perks,
 .app:not(.logged-in) #login-card .coe-security-note,
 .app:not(.logged-in) #login-card #gate-note{display:none!important}
 .app:not(.logged-in) #login-card #status{position:static!important;max-width:100%!important;margin:8px auto!important;padding:0!important;background:transparent!important;color:#53657b!important;font-size:12px!important;opacity:1!important}
 .app:not(.logged-in) #login-card[data-coe-auth-state="signed"] #status,
 .app:not(.logged-in) #login-card #status:empty{display:none!important}
 .app:not(.logged-in) #login-card #claim{position:static!important;width:100%!important;margin:10px auto!important}
 .app:not(.logged-in) #login-card #claim[hidden],
 .app:not(.logged-in) #login-card #logout[hidden],
 .app:not(.logged-in) #login-card #player[hidden]{display:none!important}
 .app:not(.logged-in) .landing>.coe-login-language{display:none!important}
 .app:not(.logged-in) #google:focus-visible,
 .app:not(.logged-in) .coe-prereg-entry:focus-visible{outline:3px solid #f7bb40!important;outline-offset:3px!important}
}
@media(prefers-reduced-motion:reduce){
 .app:not(.logged-in) #google,.app:not(.logged-in) .coe-prereg-entry{transition:none!important}
}

/* Functional state and accessibility corrections. */
.app:not(.logged-in) #login-card #google[hidden],
.app:not(.logged-in) #login-card #claim[hidden],
.app:not(.logged-in) #login-card #logout[hidden],
.app:not(.logged-in) #login-card #player[hidden]{display:none!important}
.app:not(.logged-in) #login-card .access-divider .coe-or-label{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;color:#5e6c80!important;font-size:clamp(12px,1.1vw,16px)!important;
 font-weight:750!important;line-height:1.2!important;text-transform:none!important;
}
@media(max-width:850px){.app:not(.logged-in) #login-card .access-divider .coe-or-label{font-size:14px!important}}

/* Visual QA correction 2026-11-11: restore horizontal brand, centered separator.
   Overrides older login-v3.css column layout and absolute ::after label. */
@media (min-width:851px) {
 .app:not(.logged-in) .landing>.coe-login-mark {
   flex-direction:row!important;
   align-items:center!important;
   justify-content:flex-start!important;
   gap:13px!important;
   margin:0!important;
   text-align:left!important;
   top:2.7%!important;
   left:3.3%!important;
   width:auto!important;
   max-width:43%!important;
 }
 .app:not(.logged-in) .landing>.coe-login-mark img {
   display:block!important;
   width:clamp(42px,3.4vw,57px)!important;
   height:clamp(42px,3.4vw,57px)!important;
   filter:none!important;
 }
 .app:not(.logged-in) .landing>.coe-login-mark strong {
   color:#fff!important;
   font-size:clamp(18px,1.65vw,29px)!important;
   font-weight:850!important;
   line-height:1.1!important;
   text-align:left!important;
   letter-spacing:0!important;
   text-shadow:0 2px 6px #0008!important;
 }
 .app:not(.logged-in) .landing>.coe-login-mark small {
   display:block!important;
   color:#e4edf5!important;
   margin:4px 0 0!important;
   max-width:none!important;
   font-size:clamp(10px,.88vw,15px)!important;
   letter-spacing:.05em!important;
   white-space:nowrap!important;
   text-align:left!important;
 }
 .app:not(.logged-in) .landing>.hero {
   top:13.8%!important;
   left:7.5%!important;
 }
}
.app:not(.logged-in) #login-card .access-divider{
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:6px 0 10px!important;
  background:none!important;
  overflow:visible!important;
}
.app:not(.logged-in) #login-card .access-divider::before,
.app:not(.logged-in) #login-card .access-divider::after{
  content:""!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:1px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#d3dbe5!important;
}
.app:not(.logged-in) #login-card .access-divider .coe-or-label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  transform:none!important;
  margin:0 13px!important;
  padding:0!important;
  font-size:15px!important;
  color:#5d687b!important;
  background:#fff!important;
  line-height:1.2!important;
}

/* Brand and mission design lock, 2026-11-11.
   The three-line mission stays typography, never embedded into the scene. */
@media(min-width:851px){
 .app:not(.logged-in) .landing>.coe-login-mark strong{
   color:#fff!important;font-size:clamp(19px,1.7vw,29px)!important;
   letter-spacing:-.025em!important;white-space:nowrap!important;
 }
 .app:not(.logged-in) .landing>.hero h1 em{
   display:inline!important;color:#ffd324!important;font-style:italic!important;
   font-weight:900!important;text-shadow:0 2px 12px #0009!important;
 }
 .app:not(.logged-in) .landing>.hero h1::after{
   content:"";display:block!important;width:88%!important;height:5px!important;
   margin:12px 0 0!important;background:#ffce18!important;
   border-radius:70% 30% 60% 50%!important;
   transform:rotate(-1deg)!important;
 }
}

/* Screenshot QA: remove inherited decorative bar above the mission text. */
.app:not(.logged-in) .landing>.hero h1::before,
.app:not(.logged-in) .landing>.hero h1:before{
 content:none!important;
 display:none!important;
 width:0!important;height:0!important;
 margin:0!important;
}
/* The badge is decorative, not a rectangle. Clip only its outer image crop. */
.app:not(.logged-in) #login-card>.access-top::before{
 clip-path:ellipse(48% 48% at 50% 50%)!important;
}

/* Expose auth feedback which old CSS hides for the signed-out card. */
.app:not(.logged-in) #login-card #status[data-coe-login-feedback="visible"],
.app:not(.logged-in) #login-card[data-coe-auth-state="signed"] #status[data-coe-login-feedback="visible"]{
 display:block!important;position:static!important;opacity:1!important;visibility:visible!important;
 box-sizing:border-box!important;width:100%!important;height:auto!important;max-width:100%!important;
 margin:10px auto 3px!important;padding:8px 10px!important;border-radius:9px!important;
 background:#fff4dc!important;color:#6e4713!important;font-size:13px!important;
 line-height:1.45!important;text-align:left!important;
}
.app:not(.logged-in) #login-card .coe-login-troubleshooting:not([hidden]){
 display:block!important;width:100%!important;margin:6px 0 0!important;
 padding:0!important;text-align:left!important;font-size:12px!important;line-height:1.45!important;
 color:#6e4713!important;
}
.app:not(.logged-in) #login-card .coe-login-troubleshooting[hidden]{display:none!important}