#staff360{width:100%;max-width:1050px;margin:auto;padding:28px 20px}.staff-legacy360{display:block;text-align:center;margin-top:18px;font-size:12px;color:#527264;text-decoration:none}.staff-sites360{max-width:580px;margin:0 auto}.staff-sites360 h1{font-size:24px}.staff-site-list360{display:grid;gap:10px;margin:24px 0}.staff-site-list360 button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:#f6faf7;border:1px solid #d7e6dc;color:#254b3c;padding:16px}.staff-site-list360 button:hover{background:#eaf4ee;border-color:#8db9a4}.staff-site-list360 strong{display:block;font-size:14px}.staff-site-list360 small{display:block;font-weight:400;margin-top:5px;font-size:12px}.staff-site-list360 button>span:last-child{margin-left:auto}.staff-site-icon360{font-size:25px}.staff-sites360 .brand{margin-bottom:0}.staff-sites360 .login-brand360{margin-top:4px}@media(max-width:600px){#staff360{padding:18px 14px}.staff-sites360 h1{font-size:21px}.staff-site-list360 button{padding:12px}.staff-site-list360{margin:16px 0}.staff-legacy360{margin-top:12px;font-size:11px}}

/* Compact shared login; header and footer keep their existing layout. */
#staff360:has(.split-login360){display:grid;align-items:center;padding:28px 24px}
#staff360 .split-login360{width:100%;max-width:900px;margin:auto}
#staff360 .split-login360>.card{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;overflow:hidden;border:1px solid #d4e3dc;border-radius:24px;box-shadow:0 20px 60px #163f2f0b}
.split-story360{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:36px;color:#fff;background:radial-gradient(ellipse at 0 100%,#297e66 0,transparent 65%),#125541;overflow:hidden}
.split-story360:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff0c;border-radius:50%;right:-140px;top:90px;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03;pointer-events:none}
.split-brand360{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.split-brand360 img{border:1px solid #ffffff22;border-radius:13px;width:44px;height:44px}.split-brand360>span{font-size:24px;font-weight:750;letter-spacing:-.8px;line-height:1.1}.split-brand360 b{color:#dec38a}.split-brand360 small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:#c3dcd2;font-weight:600}
.split-story-copy360{position:relative;z-index:1}.split-kicker360{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#dec38a}.split-story-copy360 h2{font-size:29px;line-height:1.3;font-weight:650;letter-spacing:-.8px;margin:13px 0 16px;color:#fff}.split-story-copy360 h2 em{font-style:normal;color:#d6eadd}.split-story-copy360 p{font-size:12px;line-height:1.85;color:#c1d9cf;margin:0;max-width:280px}
.split-bottom360{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.7;color:#bbd6c9}.split-bottom360 b{font-weight:500;color:#e4eee7}.split-house360{width:35px;height:38px;border:1px solid #ffffff24;border-radius:10px;display:grid;place-items:center}.split-house360 svg{width:19px;height:19px}
#staff360 .split-form360{padding:36px;background:#fff;min-width:0}#staff360 .split-form360 .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 9px}#staff360 .split-form360 h1{font-size:26px;letter-spacing:-.6px;margin:0 0 7px}#staff360 .split-form360 .login-intro360 p{font-size:12px;line-height:1.6;margin:0;color:#7b8d84}
#staff360 .split-form360 form{margin-top:24px}#staff360 .split-form360 label{font-size:12px;gap:7px;margin:0 0 16px}#staff360 .split-form360 label>small{font-size:10px;color:#82938b}#staff360 .split-form360 .login-field360 input{min-height:46px;height:46px;padding:10px 12px 10px 42px;border-radius:10px;font-size:13px;background:#fafcfb}#staff360 .split-form360 .login-field360 svg{top:14px;left:14px;width:17px;height:17px}#staff360 .split-form360 button[type=submit]{margin:2px 0 0;min-height:45px;border-radius:10px;font-size:13px}#staff360 .split-form360 .error:empty{display:none}#staff360 .split-form360 .login-help360{margin:18px 0 0;padding:12px 0 0;border-top:1px solid #e7eee9;border-radius:0;background:none;color:#809187;font-size:10px;line-height:1.7}#staff360 .split-form360 .login-help360 p{margin:0}
@media(max-width:700px){#staff360:has(.split-login360){padding:16px 12px;align-items:start}#staff360 .split-login360{max-width:440px}#staff360 .split-login360>.card{grid-template-columns:1fr;border-radius:19px}.split-story360{padding:20px 23px;gap:20px}.split-brand360>span{font-size:21px}.split-brand360 img{width:36px;height:36px;border-radius:10px}.split-brand360 small{font-size:7px}.split-story-copy360 h2{font-size:21px;line-height:1.3;margin:0}.split-story-copy360 h2 br{display:none}.split-story-copy360 h2 em{display:block}.split-story-copy360 p,.split-kicker360,.split-bottom360{display:none}#staff360 .split-form360{padding:23px}#staff360 .split-form360 h1{font-size:23px}#staff360 .split-form360 form{margin-top:18px}#staff360 .split-form360 .login-help360{margin-top:14px;padding-top:11px}#staff360 .split-form360 label{margin-bottom:13px}}
/* Unified application install area */
.split-story360 .install-card360{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #ffffff30;border-radius:15px;background:#ffffff0c;position:relative;z-index:1}.install-card360[hidden]{display:none!important}.install-device360{display:grid;place-items:center;width:42px;height:54px;flex:none;color:#e6cd99}.install-device360 svg{width:30px;height:38px}.install-card360 strong{display:block;font-size:12px;color:#fff}.install-card360 small{display:block;font-size:10px;color:#d5e8e0;margin:5px 0 11px}.split-story360 .install-card360 button{display:flex;align-items:center;gap:22px;background:#f4f9f6;color:#155e4c;border:0;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.install-card360 button:hover{background:#e3efe8}.install-card360 button:focus-visible{outline:3px solid #e6cd99;outline-offset:3px}
#install-guide360{box-sizing:border-box;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:30px;border:1px solid #d6e7de;border-radius:22px;background:#fff;color:#213f36;box-shadow:0 24px 90px #123c3433;font-family:inherit}#install-guide360::backdrop{background:#173d365c;backdrop-filter:blur(5px)}#install-guide360 h2{font-size:23px;margin:17px 0 8px}#install-guide360 p{font-size:12px;line-height:1.7;color:#668078}#install-guide360 .install-close360{position:absolute;top:14px;right:14px;background:#edf5f1;color:#326c59;border:0;border-radius:9px;width:32px;height:32px;font-size:23px;cursor:pointer}.install-tabs360{display:flex;gap:6px;margin:22px 0}.install-tabs360 button{flex:1;padding:10px 5px;border:1px solid #dce8e2;border-radius:8px;background:#fff;color:#557266;font:inherit;font-size:11px;cursor:pointer}.install-tabs360 button[aria-pressed=true]{background:#176b53;color:white;border-color:#176b53}#install-guide360 ol{padding-left:23px;font-size:13px;line-height:1.7}#install-guide360 li{padding-left:5px;margin:13px 0}#install-guide360 li::marker{color:#176b53;font-weight:700}#install-guide360 .install-note360{border-top:1px solid #e0ebe5;padding-top:14px;margin-bottom:0;font-size:11px}
@media(max-width:700px){.split-story360 .install-card360{padding:12px;gap:10px}.install-device360{width:28px;height:36px}.install-device360 svg{width:24px;height:30px}.install-card360 small{margin:4px 0 8px}.split-story360 .install-card360 button{padding:7px 11px}.split-story360:has(.install-card360){gap:17px}.split-story-copy360 h2{margin:0}#install-guide360{padding:24px}}
/* Compact access picker with a persistent search above its scrollable list. */
#staff360 .staff-sites360{max-width:560px;width:100%}#staff360 .staff-sites360>.card{padding:22px;border-radius:20px}#staff360 .staff-sites360 .login-brand360{margin:0 0 18px;padding-bottom:16px}#staff360 .staff-sites360 .brand img{width:36px;height:36px}#staff360 .staff-sites360 .brand b{font-size:14px}#staff360 .staff-sites360 .brand small{font-size:10px}#staff360 .staff-sites360 .eyebrow{font-size:9px;margin:0 0 7px}#staff360 .staff-sites360 h1{font-size:21px;margin:0 0 5px}#staff360 .staff-sites360 h1+.muted{font-size:12px;margin:0 0 17px}.staff-search360{display:flex!important;align-items:center;gap:9px;border:1px solid #d4e3dc;border-radius:10px;background:#f8fbf9;padding:0 12px;margin:0!important}.staff-search360:focus-within{border-color:#21765c;box-shadow:0 0 0 3px #176b5310}.staff-search360 svg{width:18px;height:18px;flex:none;color:#769487}#staff-search360{border:0;background:transparent;box-shadow:none;outline:0;padding:11px 0;margin:0;font-size:12px;min-width:0;width:100%}.staff-search-count360{font-size:10px;color:#728b7f;margin:10px 0 7px}#staff360 .staff-site-list360{display:grid;gap:7px;margin:0 0 14px;max-height:320px;max-height:min(320px,42dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bad0c4 transparent;padding:2px}#staff360 .staff-site-list360 form{margin:0}#staff360 .staff-site-list360 [hidden]{display:none!important}#staff360 .staff-site-list360 button{padding:11px 12px;gap:10px;border-radius:10px;min-height:62px}#staff360 .staff-site-list360 button>span:nth-child(2){min-width:0}#staff360 .staff-site-list360 strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}#staff360 .staff-site-list360 small{font-size:10px;margin-top:3px;line-height:1.5}#staff360 .staff-site-icon360{font-size:20px;width:27px;flex:none;text-align:center}#staff-logout360{font-size:12px;padding:11px;min-height:40px}.staff-search-empty360{text-align:center;padding:22px 10px;color:#728b7f;font-size:12px;line-height:1.6}@media(max-width:600px){#staff360 .staff-sites360>.card{padding:18px}#staff360 .staff-sites360 h1{font-size:20px}#staff360 .staff-site-list360{max-height:36dvh}#staff360 .staff-sites360 .login-brand360{margin-bottom:14px;padding-bottom:12px}}
/* Mobile entry is an app screen: prioritize the form over the marketing shell. */
@media(max-width:700px){
 body.staff-entry-page360{grid-template-rows:minmax(0,1fr)}
 body.staff-entry-page360 #entry-header360,body.staff-entry-page360 #entry-footer360{display:none}
 body.staff-entry-page360 #staff360{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;align-content:start;overflow:auto}
 #staff360 .split-login360{margin:0 auto;max-width:400px}
 #staff360 .split-story360{padding:18px;gap:14px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
 #staff360 .split-story-copy360{display:none}
 #staff360 .split-brand360{gap:9px}#staff360 .split-brand360>span{font-size:20px}#staff360 .split-brand360 img{width:34px;height:34px}
 #staff360 .split-story360 .install-card360{padding:0;border:0;background:none;gap:0}
 #staff360 .install-card360 strong,#staff360 .install-card360 small,#staff360 .install-device360{display:none}
 #staff360 .split-story360 .install-card360 button{font-size:10px;min-height:40px;padding:9px;gap:7px}
 #staff360 .split-form360{padding:20px 18px}
 #staff360 .split-form360 .eyebrow{display:none}
 #staff360 .split-form360 h1{font-size:24px;margin-bottom:5px}
 #staff360 .split-form360 .login-intro360 p{font-size:12px}
 #staff360 .split-form360 form{margin-top:19px}
 #staff360 .split-form360 label{margin-bottom:13px;font-size:12px;gap:6px}
 #staff360 .split-form360 .login-field360 input{height:46px;min-height:46px;font-size:16px}
 #staff360 .split-form360 button[type=submit]{min-height:46px;font-size:14px}
 #staff360 .split-form360 .login-help360{margin-top:14px;padding-top:12px;font-size:10px;line-height:1.5}
 #staff360 .staff-sites360{margin:0 auto;max-width:440px}
 #staff-search360{font-size:16px}
 #staff360 .staff-site-list360{max-height:calc(100dvh - 330px);min-height:64px}
}
@media(max-width:359px){#staff360 .split-story360{padding:15px 13px}#staff360 .split-brand360>span{font-size:18px}#staff360 .split-brand360 img{width:30px;height:30px}#staff360 .split-form360{padding:18px 15px}}
/* Balanced, compact form panel on desktop and mobile. */
#staff360 .split-login360{max-width:820px}
#staff360 .split-story360{padding:26px;gap:26px}
#staff360 .split-story-copy360 h2{font-size:25px}
#staff360 .split-form360{display:flex;flex-direction:column;justify-content:center;padding:26px}
#staff360 .split-form360 h1{font-size:24px}
#staff360 .split-form360 form{margin-top:18px}
#staff360 .split-form360 label{margin-bottom:12px}
#staff360 .split-form360 .login-help360{margin-top:13px;padding-top:11px}
@media(max-width:700px){
 #staff360:has(.split-login360){align-content:center;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #staff360 .split-login360{max-width:360px}
 #staff360 .split-story360{padding:13px 16px;gap:10px}
 #staff360 .split-brand360 img{width:30px;height:30px}
 #staff360 .split-brand360>span{font-size:18px}
 #staff360 .split-form360{padding:20px 17px}
 #staff360 .split-form360 h1{font-size:22px}
 #staff360 .split-form360 .login-intro360{text-align:center}
 #staff360 .split-form360 .login-intro360 p{font-size:11px}
 #staff360 .split-form360 form{margin-top:16px;margin-bottom:0}
 #staff360 .split-form360 label{margin-bottom:10px;gap:5px}
 #staff360 .split-form360 .login-field360 input{height:44px;min-height:44px}
 #staff360 .split-form360 button[type=submit]{min-height:44px}
 #staff360 .split-form360 .login-help360{display:none}
}
@media(max-width:700px) and (max-height:450px){#staff360:has(.split-login360){align-content:start}}
@media(max-width:700px){body.staff-entry-page360 #staff360:has(.split-login360){align-content:center}}
@media(max-width:700px) and (max-height:450px){body.staff-entry-page360 #staff360:has(.split-login360){align-content:start}}
@media(max-width:700px){body.staff-entry-page360:has(#staff360){grid-template-rows:minmax(0,1fr)}}
#staff360 button.split-brand360{border:0;background:none;padding:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer;align-self:flex-start}
#staff360 .split-story360>.entry-close360{position:absolute;right:16px;top:27px;z-index:2}
#staff360 .entry-close360{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:#ffffff18;color:inherit;font-size:24px;line-height:1;cursor:pointer}
#staff360 .entry-close360:hover{background:#ffffff30}#staff360 .entry-brand-row360{display:flex;align-items:center;justify-content:space-between;gap:8px}
#staff360 .entry-brand-row360 .brand{border:0;background:none;padding:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer}#staff360 .entry-brand-row360 .entry-close360{background:#edf5f0;color:#316e59;flex:none}
#entry-close-guide360{width:min(360px,calc(100% - 32px));box-sizing:border-box;border:1px solid #d5e4dc;border-radius:18px;padding:24px;color:#264b3d;background:white;font:inherit;margin:auto}#entry-close-guide360::backdrop{background:#153e3655}#entry-close-guide360 h2{font-size:20px;margin:0 0 12px}#entry-close-guide360 p{font-size:13px;line-height:1.7}#entry-close-guide360 form{margin:18px 0 0}#entry-close-guide360 button{width:100%;background:#176b53;color:white;border:0;border-radius:9px;padding:12px;cursor:pointer}
@media(max-width:700px){#staff360 .split-story360{padding-right:51px}#staff360 .split-story360>.entry-close360{top:13px;right:12px}#staff360 .split-story360 .install-card360{width:100%;margin-top:0}#staff360 .split-story360 .install-card360 button{min-height:30px;padding:5px 9px}#staff360 .split-story360{gap:9px}}
/* Keep the install dialog close icon independent of generic button padding. */
#install-guide360 .install-close360{box-sizing:border-box;display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;line-height:1;font-family:Arial,sans-serif;font-size:23px;text-align:center}

@media(max-width:700px){#staff360 .split-form360 .login-field360 input::placeholder{font-size:12px;font-weight:400;letter-spacing:0;color:#829189;opacity:1}}
.desktop-city360{display:none}
@media(min-width:701px){
 body.staff-entry-page360 #staff360:has(.split-login360){background:radial-gradient(ellipse at 16% 25%,#dfece55c,transparent 45%),radial-gradient(ellipse at 85% 80%,#eee4cc38,transparent 40%);padding:30px}
 #staff360 .split-login360{max-width:980px}
 #staff360 .split-login360>.card{grid-template-columns:1.08fr 1fr;border-radius:26px;border:1px solid #d5e4dc;box-shadow:0 24px 70px #12483412,0 3px 9px #12483405}
 #staff360 .split-story360{padding:32px 36px;gap:23px;background:radial-gradient(ellipse at 0 100%,#278a71,transparent 75%),linear-gradient(135deg,#0d493b,#155e4b);justify-content:flex-start}
 #staff360 .split-story360:after{width:390px;height:390px;right:-220px;top:130px;border-color:#d7c3961a;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02}
 #staff360 .split-brand360>span{font-size:26px}#staff360 .split-brand360 img{width:44px;height:44px}
 #staff360 .split-story360>.entry-close360{right:22px;top:34px}
 #staff360 .desktop-city360{display:block;position:absolute;left:22px;right:18px;top:92px;color:#d8c28e;opacity:.3;pointer-events:none}
 .desktop-city360 svg{display:block;width:100%;height:125px}
 #staff360 .split-story-copy360{margin-top:112px}
 #staff360 .split-kicker360{font-size:9px;letter-spacing:2px;color:#e0c992}
 #staff360 .split-story-copy360 h2{font-size:32px;font-weight:650;line-height:1.2;letter-spacing:-1px;margin:13px 0 14px}
 #staff360 .split-story-copy360 p{font-size:12px;line-height:1.8;max-width:330px;color:#c9e0d7}
 #staff360 .split-story360 .install-card360{margin-top:auto;padding:13px 15px;gap:13px;border:1px solid #ffffff29;background:#ffffff09;border-radius:13px;backdrop-filter:blur(5px)}
 #staff360 .install-card360>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;width:100%}
 #staff360 .install-card360 strong{font-size:11px}#staff360 .install-card360 small{font-size:9px;margin:0;grid-column:1}
 #staff360 .install-card360 button{grid-column:2;grid-row:1/3;padding:10px;font-size:10px;gap:10px;min-height:40px}
 #staff360 .install-device360{width:24px;height:35px}#staff360 .install-device360 svg{width:23px;height:30px}
 #staff360 .split-form360{padding:36px 42px;justify-content:center;background:linear-gradient(150deg,#fff 65%,#f9fcfa)}
 #staff360 .split-form360 .eyebrow{color:#a98547;font-size:9px;letter-spacing:2px;margin-bottom:12px}
 #staff360 .split-form360 h1{font-size:31px;letter-spacing:-.9px;font-weight:650;margin-bottom:10px}
 #staff360 .split-form360 .login-intro360 p{font-size:12px;line-height:1.75;max-width:280px}
 #staff360 .split-form360 form{margin-top:28px;margin-bottom:0}
 #staff360 .split-form360 label{font-size:12px;margin-bottom:19px;gap:8px}
 #staff360 .split-form360 .login-field360 input{height:49px;background:#f8fbf9;border:1px solid #d6e4dc;border-radius:10px;font-size:13px;transition:border-color .15s,box-shadow .15s}
 #staff360 .split-form360 .login-field360 input:focus{outline:0;border-color:#337f65;box-shadow:0 0 0 3px #176b5310;background:white}
 #staff360 .split-form360 .login-field360 input::placeholder{font-size:12px;color:#8a9b91}
 #staff360 .split-form360 .login-field360 svg{top:16px}
 #staff360 .split-form360 button[type=submit]{height:48px;background:#176b53;box-shadow:0 5px 12px #176b5318;font-weight:650;letter-spacing:.1px}
 #staff360 .split-form360 .login-help360{margin-top:22px;padding-top:17px;font-size:10px;line-height:1.8;color:#85978b}
}
@media(min-width:701px) and (max-width:1000px){#staff360 .split-story360{padding:26px}#staff360 .split-form360{padding:30px}#staff360 .split-story-copy360 h2{font-size:28px}#staff360 .install-card360>div{display:block}#staff360 .install-card360 small{margin:5px 0 8px}}

.phone-consents360{margin:16px 0;padding:16px;border:1px solid #c9ded4;border-radius:12px;background:#f5f9f7}.phone-consents360 h2{font-size:16px;margin:0 0 8px}.phone-consents360 p{font-size:12px;line-height:1.6}.phone-consents360 article{border-top:1px solid #dce8e2;padding:12px 0}.phone-consents360 article>div{display:flex;gap:8px}.phone-consents360 button{width:auto;padding:9px 16px}

/* Close the entire login card from its upper right corner. */
#staff360 .split-login360>.card{position:relative}
#staff360 .split-login360>.card>.entry-close360{position:absolute;top:16px;right:16px;left:auto;z-index:5;background:#edf5f0;color:#186650}
#staff360 .split-login360>.card>.entry-close360:hover{background:#dcece4;color:#124c3c}
@media(max-width:700px){#staff360 .split-login360>.card>.entry-close360{top:12px;right:12px}}