/* Connect collaboration scene; login form geometry and typography are preserved. */
body.wd-ui.wd-ui.wd-ui.connect-auth-scene{background:#f5f7fa!important;background-image:radial-gradient(ellipse at 18% 35%,#e8f3ef 0,transparent 48%),radial-gradient(ellipse at 88% 70%,#edf0f6 0,transparent 45%)!important;isolation:isolate;overflow-x:hidden!important}
.connect-login-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.connect-login-network{width:100%;height:100%;opacity:.7}
.connect-login-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#f5f7fa00 25%,#f5f7fa80 100%)}
body.wd-ui.wd-ui.wd-ui.connect-auth-scene :is(.wd-auth-body,.password-card){position:relative!important;overflow:visible!important;transform-origin:50% calc(-1 * var(--connect-cable-length,200px));box-shadow:0 24px 65px #22364d14!important;border-color:#dde4ec!important;will-change:transform}
body.wd-ui.wd-ui.wd-ui.connect-auth-scene .wd-auth-top{border-radius:10px 10px 0 0!important;background:#fff!important}
body.wd-ui.wd-ui.wd-ui.connect-auth-scene .wd-auth-bottom{border-radius:0 0 10px 10px!important;background:#fff!important}
.connect-data-cable{position:absolute;bottom:100%;left:calc(50% - 4px);width:8px;height:var(--connect-cable-length,200px);background:repeating-linear-gradient(0deg,#657384 0 3px,#8591a0 3px 5px);border-left:1px solid #aeb6c1;border-right:1px solid #495b6f;box-shadow:2px 0 3px #21344712;pointer-events:none}
.connect-data-cable:before{content:"";position:absolute;bottom:0;left:-7px;width:22px;height:29px;border:1px solid #a4afbd;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,#d2d9e2,#fafcff 42%,#cad3df);box-shadow:0 2px 4px #22364d15}
.connect-data-cable:after{content:"";position:absolute;bottom:-5px;left:-3px;width:14px;height:9px;border:1px solid #8795a7;border-radius:2px;background:repeating-linear-gradient(90deg,#b69b67 0 2px,#e9d7ad 2px 4px)}
html.connect-theme-ready body.connect-auth-scene :is(.wd-auth-body,.password-card){animation:connect-card-drop 1900ms both}
@keyframes connect-card-drop{0%{transform:translateY(-110vh);opacity:0}10%{opacity:1}48%{transform:translateY(9px) rotate(1.6deg)}64%{transform:translateY(-3px) rotate(-1.2deg)}79%{transform:translateY(0) rotate(.6deg)}91%{transform:rotate(-.25deg)}100%{transform:translateY(0) rotate(0)}}
@media(max-width:700px){.connect-login-network{opacity:.26}}
@media(prefers-reduced-motion:reduce){html.connect-theme-ready body.connect-auth-scene :is(.wd-auth-body,.password-card){animation:none!important;transform:none!important}}
/* Darker collaboration canvas brings the white login card forward. */
body.wd-ui.wd-ui.wd-ui.connect-auth-scene{background:#293442!important;background-image:radial-gradient(ellipse at 18% 35%,#3c5060 0,transparent 52%),radial-gradient(ellipse at 88% 70%,#354252 0,transparent 48%)!important}
.connect-login-network{opacity:.22}
.connect-login-scene:after{background:radial-gradient(ellipse at center,#29344200 20%,#1b243455 100%)}
.connect-data-cable{left:calc(50% - 5px);width:10px;background:linear-gradient(90deg,#111923 0%,#46566a 30%,#65768a 43%,#263442 68%,#121e2b 100%);border:1px solid #14202c;border-radius:5px;box-shadow:3px 0 5px #0003}
.connect-data-cable:before,.connect-data-cable:after{display:none}
.connect-rj45{position:absolute;left:-12px;bottom:-7px;width:32px;height:61px;overflow:visible;filter:drop-shadow(1px 2px 2px #0003)}
@media(max-width:700px){.connect-login-network{opacity:.14}}
body.wd-ui.wd-ui.wd-ui .connect-data-cable>svg.connect-rj45{position:absolute!important;left:-12px!important;right:auto!important;top:auto!important;bottom:-7px!important;width:32px!important;height:61px!important;max-width:none!important;max-height:none!important;display:block!important;transform:none!important;overflow:visible!important}

/* Reset/update pages share the scene without changing form contents. */
body.wd-ui.wd-ui.wd-ui.connect-auth-scene .wd-auth-panel{background:transparent!important;background-image:none!important}
body.wd-ui.wd-ui.wd-ui.connect-auth-scene .password-page:not(.wd-auth-panel){background:transparent!important}
body.wd-ui.wd-ui.wd-ui.connect-auth-scene .password-card{background:#fff!important}