#gate .login{max-height:94dvh;overflow:auto}#gate [hidden]{display:none!important}.text-button{margin-top:16px;background:transparent;border:0;font-size:.9rem}.setup-pin{font:700 2rem monospace;letter-spacing:.15em;text-align:center;padding:24px;background:#e8f3f6;border-radius:16px}.migration-card{max-width:800px;margin:20px auto}.migration-card form{display:grid;gap:18px}.settings-user-card small{overflow-wrap:anywhere}@media(max-width:600px){#app>header{flex-wrap:wrap}.header-actions{gap:5px}.global-people-search{order:3;flex-basis:100%}.brand span{display:none}.shell{display:block}.shell>nav{display:flex;overflow:auto;position:static;flex-direction:row}.shell>nav button{white-space:nowrap}.login{padding:24px!important}.settings-columns{display:block}}#gate{isolation:isolate;background:#163b51}#gate:before{content:'';position:fixed;inset:-18px;z-index:-2;background:url('waterpark-background.png') center/cover no-repeat;filter:blur(7px);transform:scale(1.04)}#gate:after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(7,35,59,.34),rgba(9,42,62,.17))}#gate .planner-backdrop{display:none}#gate #setupPin{font-size:1rem;letter-spacing:.08em;text-align:left}#gate #setupPin::placeholder{font-size:.9rem;font-weight:400;letter-spacing:normal;color:#667b87;opacity:1}#gate #pin{letter-spacing:normal;font-size:1rem}#gate .login{background:rgba(255,255,255,.94);box-shadow:0 24px 80px #071f3450;border:1px solid #ffffff90;backdrop-filter:blur(14px)}#gate{min-height:100dvh;padding:16px;box-sizing:border-box;display:grid;place-items:center}#gate[hidden]{display:none!important}#gate .login{width:min(420px,100%);padding:22px 28px!important;max-height:none;overflow:visible;border-radius:22px;box-sizing:border-box}#gate .login>img{width:100px;max-height:56px;object-fit:contain;margin:0 auto 8px}#gate .login .eyebrow{font-size:.65rem;letter-spacing:.16em;margin:4px 0 6px}#gate .login h1{font-size:1.7rem;line-height:1.15;margin:0 0 6px}#gate .login>p{font-size:.82rem;line-height:1.35;margin:5px 0 12px}#gate #loginForm{display:grid;gap:10px;margin-top:14px}#gate .login label{display:grid;gap:4px;font-size:.8rem;line-height:1.2;margin:0;text-align:left;font-weight:650}#gate .login input{height:42px;min-height:0;padding:9px 12px;font-size:16px;line-height:1.3;letter-spacing:normal;border-radius:10px;box-sizing:border-box}#gate #setupFields{display:grid;gap:10px}#gate #setupFields p{font-size:.72rem;margin:0;line-height:1.3}#gate .login button{min-height:40px;padding:9px 14px;font-size:.88rem;line-height:1.3;border-radius:10px}#gate #setupMode{margin:8px 0 0;padding:5px;min-height:30px;font-size:.77rem}#gate #loginError:empty{display:none}#gate #loginError{font-size:.8rem;margin:8px 0}#gate .login>p:last-child{font-size:.7rem;margin:8px 0 0;color:#637785}@media(max-height:680px){#gate{padding:10px}#gate .login{padding:14px 22px!important}#gate .login>img{height:40px;margin-bottom:4px}#gate .login .eyebrow{display:none}#gate .login h1{font-size:1.4rem}#gate #loginForm{margin-top:8px;gap:8px}#gate #setupFields{gap:8px}#gate .login input{height:38px}#gate .login>p{margin-bottom:8px}}#gate .password-field{position:relative;display:block}#gate .password-field input{width:100%;padding-right:46px}#gate .password-toggle{position:absolute;right:3px;top:3px;width:36px;height:36px;min-height:0;padding:8px;border:0;background:transparent;color:#527383;display:grid;place-items:center}#gate .password-toggle:hover{background:#e8f2f6}#gate .password-toggle svg{width:20px;height:20px}#gate .eye-slash{display:none}#gate .password-toggle[aria-pressed="true"] .eye-slash{display:block}/* Search clears stay compact, visible, and responsive across pages. */
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-left:8px;border:1px solid #b9cbd6;border-radius:6px;background:#f1f6f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a586b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m8 8 8 8m0-8-8 8'/%3E%3C/svg%3E") center/20px no-repeat;cursor:pointer;transition:background-color .12s,transform .12s}
input[type="search"]::-webkit-search-cancel-button:hover{background-color:#dcebf4}
input[type="search"]::-webkit-search-cancel-button:active{transform:scale(.9);background-color:#c7dde9}
#globalPeopleSearch::-webkit-search-cancel-button{display:none}
#clearGlobalPeopleSearch,#globalPeopleClear,.global-search-clear{border:1px solid #b9cbd6!important;border-radius:6px!important;background:#f1f6f9!important;color:#3a586b!important;transition:background-color .12s,transform .12s}
#clearGlobalPeopleSearch:hover,#globalPeopleClear:hover,.global-search-clear:hover{background:#dcebf4!important}
#clearGlobalPeopleSearch:active,#globalPeopleClear:active,.global-search-clear:active{transform:scale(.9)}
#view[data-page="training"]>.filter-bar{position:static!important;top:auto!important}
#app .training-button.ellis-cert:not(.done):not(.expired){background:#fff!important;color:var(--navy)!important;border-color:var(--line)!important;border-left-color:#db4387!important}
