/* Canonical sign-in screen. All rules are limited to the unauthenticated team page. */
body.team-auth-mode{--login-green:#719f86;--login-ink:#21382d;min-height:100vh;min-height:100dvh;margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:32px 20px;color:var(--login-ink);background:#b5d8e7;isolation:isolate}
body.team-auth-mode #team-login-scene{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
#team-login-scene[hidden]{display:none!important}
#team-login-scene>div{position:absolute;inset:0;background-image:url('./assets/login-terrace.png');background-size:cover;background-position:center;background-repeat:no-repeat}
#team-login-scene .login-sea-light,#team-login-scene .login-plant-breeze{display:none}
body.team-auth-mode .team-shell.team-auth-shell{width:100%;max-width:420px;min-height:0;margin:0;padding:0;overflow:hidden;background:rgba(255,255,255,.55);border:0!important;border-radius:26px;box-shadow:0 14px 50px rgba(27,59,66,.12)!important;color:var(--login-ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.team-auth-mode .login-provider-brand{display:flex;align-items:center;justify-content:center;min-height:150px;padding:30px;background:#fff;margin:0}
.team-auth-mode .login-provider-brand img{display:block;width:280px;height:82px;max-width:100%;object-fit:contain}
.team-auth-mode .login-provider-brand [hidden]{display:none}
.team-auth-mode .login-provider-fallback{font-size:29px;letter-spacing:.1em;text-align:center;font-weight:500;color:#193a29}
.team-auth-mode .team-auth{max-width:none;margin:0;padding:28px 28px 0}
.team-auth-mode .team-auth form{display:grid;gap:16px;margin:0}
.team-auth-mode .team-auth .guest-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.team-auth-mode .team-auth input:not([type=checkbox]):not([type=radio]),body.team-auth-mode .team-auth select{display:block;width:100%;height:52px;min-height:52px;margin:0;padding:14px 17px;border:0!important;border-radius:12px;background:#fff!important;color:#21382d!important;font:inherit;font-size:16px;line-height:24px;box-shadow:none!important;outline-offset:3px;caret-color:#21382d}
.team-auth-mode .team-auth input::placeholder{color:#6f7c74;opacity:1}
.team-auth-mode .login-password-field{position:relative;min-width:0}
.team-auth-mode .login-password-field input{padding-right:46px!important}
.team-auth-mode .login-recovery{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:32px;height:34px;text-decoration:none;font-size:15px;color:#819187;border:0;border-radius:8px;background:transparent}
.team-auth-mode .login-recovery:hover{color:#21382d}
.team-auth-mode .team-login-actions{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:12px;margin-top:4px;align-items:stretch}
body.team-auth-mode .team-auth .guest-button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;margin:0;padding:12px 18px;border:0!important;border-radius:12px;background:var(--login-green)!important;color:#fff;font-size:16px;font-weight:600;line-height:24px;box-shadow:none!important;cursor:pointer;text-decoration:none}
body.team-auth-mode .team-login-actions select{width:80px!important;height:52px;padding:12px 26px 12px 16px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321382d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:15px!important;cursor:pointer;font-size:14px}
body.team-auth-mode .team-auth :is(input,select,button,a):focus-visible{outline:2px solid #587b66!important;outline-offset:3px;box-shadow:none!important}
.team-auth-mode .team-auth button:disabled{opacity:.6;cursor:wait}
body.team-auth-mode .team-shell footer{margin:0;padding:22px 20px 24px;border:0;background:transparent}
.team-auth-mode .team-powered{display:flex;align-items:center;justify-content:center;gap:0;margin:0}
.team-auth-mode .team-powered>span{font-size:12px;line-height:1;color:#60776a}
.team-auth-mode .team-powered .team-wordmark{display:block;width:112px;height:28px;object-fit:contain;opacity:.85;margin-left:0;filter:none}
.team-auth-mode .team-message{margin:18px 28px 0;padding:12px 14px;font-size:13px;line-height:1.5;background:rgba(255,255,255,.9);border-radius:10px;color:#314e3f!important}
.team-auth-mode .team-message.team-error{background:#fff0e9;color:#873f35!important}
.team-auth-mode .team-message:empty{display:none}
.team-auth-mode .team-hint{margin:0;text-align:center;color:#586d60;font-size:12px;line-height:1.5}
.team-auth-mode .team-hint a{color:#496951;text-decoration:underline;text-underline-offset:3px;font-size:13px}
@media(max-width:700px){
 body.team-auth-mode{padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}
 body.team-auth-mode .team-shell.team-auth-shell{max-width:380px;border-radius:26px}
 .team-auth-mode .login-provider-brand{min-height:140px;padding:28px}
 .team-auth-mode .login-provider-brand img{width:270px;height:79px}
 .team-auth-mode .team-auth{padding:24px 24px 0}
 body.team-auth-mode .team-shell footer{padding:21px 16px 23px}
 /* The original composition stays intact: open sky above, sea and terrace below. */
 #team-login-scene>div{background-position:42% center}
}
@media(max-height:560px){body.team-auth-mode{align-items:flex-start;padding-top:20px;padding-bottom:20px}.team-auth-mode .login-provider-brand{min-height:110px;padding:18px}.team-auth-mode .login-provider-brand img{height:70px}.team-auth-mode .team-auth{padding-top:20px}}
/* Optional ambient light on the sea and a subpixel breeze; no video, JS loop, or image filters. */
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 #team-login-scene .login-sea-light{display:block;background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.07) 48%,transparent 65%);background-size:220% 100%;clip-path:polygon(0 35%,75% 35%,70% 40%,0 47%);animation:login-water-light 18s ease-in-out infinite alternate}
 #team-login-scene .login-plant-breeze{display:block;mask-image:radial-gradient(ellipse 12% 22% at 83% 27%,black 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 12% 22% at 83% 27%,black 50%,transparent 100%);transform-origin:84% 48%;animation:login-breeze 9s ease-in-out infinite alternate}
}
@keyframes login-water-light{from{background-position:0 0;opacity:.18}to{background-position:100% 0;opacity:.5}}
@keyframes login-breeze{from{transform:rotate(-.07deg)}to{transform:rotate(.07deg)}}
@media(prefers-reduced-motion:reduce){#team-login-scene .login-sea-light,#team-login-scene .login-plant-breeze{display:none!important;animation:none!important;transform:none!important}}
