.mlos-auth-page .site-header,.mlos-auth-page .footer,.mlos-auth-page .mobile-nav,.mlos-auth-page .mlos-network-badge,.mlos-auth-page .mlos-install-app,.mlos-auth-page .mlos-pwa-update{display:none!important}.mlos-auth-page,.mlos-auth-page body{min-height:100%;padding:0!important}.mlos-auth-page .site-main,.mlos-auth-page .page-content{max-width:none;min-height:100svh;margin:0;padding:0}.mlos-auth-page .entry-content{min-height:100svh}.mlos-auth-shell{display:grid;grid-template-columns:minmax(460px,1fr) minmax(560px,1fr);min-height:100svh;background:#f7f8fb;color:#111827}.mlos-auth-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding:34px clamp(32px,4vw,68px) 58px;background:#235347;color:#fff}.mlos-auth-visual:before{content:"";position:absolute;inset:0;background-image:var(--mlos-auth-hero);background-color:rgba(35,83,71,.84);background-blend-mode:multiply;background-position:center;background-size:cover;filter:saturate(.92)}.mlos-auth-visual:after{content:"";position:absolute;right:-120px;bottom:-150px;width:430px;height:430px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 95px rgba(255,255,255,.04),0 0 0 190px rgba(255,255,255,.025)}.mlos-auth-visual>*{position:relative;z-index:1}.mlos-auth-brand{display:flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}.mlos-auth-brand img{width:62px;height:62px;border-radius:16px;background:#fff;object-fit:contain;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.mlos-auth-brand strong,.mlos-auth-brand small{display:block}.mlos-auth-brand strong{font-size:1rem}.mlos-auth-brand small{margin-top:2px;color:rgba(255,255,255,.78);font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mlos-auth-story{max-width:760px}.mlos-auth-season{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:10px 17px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.18);box-shadow:0 12px 28px rgba(0,0,0,.08);font-size:.86rem;font-weight:850;backdrop-filter:blur(10px)}.mlos-auth-season i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14)}.mlos-auth-story h1{max-width:720px;margin:0 0 20px;font-size:clamp(3.5rem,5.4vw,6.5rem);line-height:.92;letter-spacing:-.065em}.mlos-auth-story p{max-width:650px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.65}.mlos-auth-stats{display:flex;gap:38px;margin:42px 0 0}.mlos-auth-stats div{display:grid;gap:3px}.mlos-auth-stats dt{font-size:1.65rem;font-weight:950}.mlos-auth-stats dd{margin:0;color:rgba(255,255,255,.72);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mlos-auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:48px clamp(30px,6vw,100px) 24px;background:#f7f8fb}.mlos-auth-card{width:min(100%,570px);padding:12px 0}.mlos-auth-card.is-staff-card{position:relative;padding:42px;border:1px solid #e5e8ee;border-radius:20px;background:#fff;box-shadow:0 22px 62px rgba(15,23,42,.08)}.mlos-auth-card.is-staff-card:before{content:"";position:absolute;top:0;right:0;left:0;height:8px;border-radius:20px 20px 0 0;background:#235347}.mlos-auth-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border:1px solid #d8eadc;border-radius:17px;background:#eaf7ed;color:#235347}.mlos-auth-shell.is-signup .mlos-auth-icon{border-color:#f2d8d8;background:#fff0f0;color:#ef2d34}.mlos-auth-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mlos-auth-heading{text-align:center}.mlos-auth-heading h1{margin:0;font-size:clamp(2.1rem,3vw,3rem);letter-spacing:-.04em}.mlos-auth-heading p{margin:8px 0 30px;color:#697386;font-size:1rem}.mlos-auth-form{display:grid;gap:17px}.mlos-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.mlos-auth-field{display:grid!important;gap:8px;font-weight:750!important}.mlos-auth-field>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem}.mlos-auth-field small{color:#98a1b2;font-size:.67rem;font-weight:700}.mlos-input-wrap{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid #e3e7ee;border-radius:12px;background:#f7f8fb;transition:border-color .18s,box-shadow .18s,background .18s}.mlos-input-wrap:focus-within{border-color:#235347;background:#fff;box-shadow:0 0 0 4px rgba(142,182,155,.28)}.mlos-input-wrap>svg{flex:0 0 auto;width:19px;height:19px;margin-left:14px;color:#94a0b3;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mlos-input-wrap input,.mlos-input-wrap select{width:100%!important;min-height:50px!important;border:0!important;border-radius:12px!important;background:transparent!important;padding:0 43px 0 12px!important;color:#182033!important;outline:0!important;box-shadow:none!important;font-size:.92rem}.mlos-input-wrap.is-select select{appearance:none}.mlos-input-wrap input::placeholder{color:#8c97aa}.mlos-password-toggle{position:absolute;right:8px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#94a0b3;cursor:pointer}.mlos-password-toggle:hover{background:#edf0f4;color:#235347}.mlos-password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mlos-password-label a{color:#235347;text-decoration:none;font-size:.76rem}.mlos-check{display:flex!important;align-items:flex-start!important;gap:9px;color:#5d687a;font-size:.78rem;font-weight:600!important;line-height:1.45}.mlos-check input{width:16px!important;height:16px!important;min-height:0!important;margin-top:2px;accent-color:#235347}.mlos-remember{margin-top:-3px}.mlos-auth-submit{display:flex;align-items:center;justify-content:center;gap:15px;min-height:54px;border:0;border-radius:12px;background:#235347;color:#fff;box-shadow:0 9px 20px rgba(35,83,71,.22);font-weight:900;cursor:pointer;transition:transform .16s,filter .16s}.mlos-auth-submit:hover{transform:translateY(-1px);filter:saturate(1.08)}.mlos-auth-submit:disabled{opacity:.62;cursor:wait}.mlos-auth-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mlos-auth-switch,.mlos-portal-switch{text-align:center;color:#748095;font-size:.85rem}.mlos-auth-switch{margin:21px 0 0}.mlos-auth-switch a,.mlos-portal-switch a{color:#235347;font-weight:900;text-decoration:none}.mlos-or{display:flex;align-items:center;gap:14px;margin:23px 0 14px;color:#9ca5b5;font-size:.72rem;text-transform:uppercase}.mlos-or:before,.mlos-or:after{content:"";height:1px;flex:1;background:#e6e9ef}.mlos-portal-switch{margin:22px 0 0;padding-top:18px;border-top:1px solid #e9ebf0}.mlos-portal-switch a{display:inline-flex;align-items:center;gap:7px;color:#667085}.mlos-portal-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mlos-portal-badge{margin:-12px 0 20px;padding:9px 12px;border-radius:10px;background:#eff8f1;color:#235347;text-align:center;font-size:.75rem;font-weight:850}.mlos-auth-card .mlos-alert{margin-bottom:18px}.mlos-auth-copyright{margin-top:auto;padding-top:32px;color:#8c97aa;font-size:.72rem}#mlos-google-button{display:flex;justify-content:center;min-height:42px}#mlos-google-button[aria-busy=true]{opacity:.55;pointer-events:none}html[data-theme="dark"] .mlos-auth-panel{background:#09140f}html[data-theme="dark"] .mlos-auth-card:not(.is-staff-card){color:#edf7f1}html[data-theme="dark"] .mlos-auth-card.is-staff-card{border-color:#24352d;background:#0d2118;color:#edf7f1}html[data-theme="dark"] .mlos-auth-heading p,html[data-theme="dark"] .mlos-auth-switch,html[data-theme="dark"] .mlos-portal-switch{color:#9db2a7}html[data-theme="dark"] .mlos-input-wrap{border-color:#294137;background:#071710}html[data-theme="dark"] .mlos-input-wrap input,html[data-theme="dark"] .mlos-input-wrap select{color:#fff!important}html[data-theme="dark"] .mlos-or:before,html[data-theme="dark"] .mlos-or:after,html[data-theme="dark"] .mlos-portal-switch{border-color:#294137}
@media(max-width:980px){.mlos-auth-shell{grid-template-columns:1fr}.mlos-auth-visual{min-height:300px;padding:24px 28px}.mlos-auth-brand img{width:52px;height:52px}.mlos-auth-story{margin-top:80px}.mlos-auth-story h1{font-size:clamp(2.8rem,9vw,5rem)}.mlos-auth-story p{max-width:720px}.mlos-auth-stats{margin-top:24px}.mlos-auth-panel{padding:38px 24px}.mlos-auth-copyright{padding-top:28px}}
@media(max-width:640px){.mlos-auth-visual{min-height:230px;padding:18px 18px 24px}.mlos-auth-brand span{display:none}.mlos-auth-story{margin-top:44px}.mlos-auth-season{margin-bottom:14px;padding:8px 11px;font-size:.69rem}.mlos-auth-story h1{font-size:2.75rem}.mlos-auth-story p,.mlos-auth-stats{display:none}.mlos-auth-panel{justify-content:flex-start;padding:30px 18px 20px}.mlos-auth-card{width:100%}.mlos-auth-card.is-staff-card{padding:31px 20px}.mlos-auth-grid{grid-template-columns:1fr}.mlos-auth-heading h1{font-size:2.1rem}.mlos-auth-heading p{margin-bottom:23px}.mlos-auth-copyright{margin-top:22px}.mlos-auth-icon{width:58px;height:58px}}


/* 19.6 Mashinani forest palette */
.mlos-auth-shell{background:#DAF1DE;color:#051F20}.mlos-auth-visual{background:#235347}.mlos-auth-visual:before{background-color:rgba(35,83,71,.84)}.mlos-auth-panel{background:#DAF1DE}.mlos-auth-card{border-color:#8EB69B;background:#f4fbf5;color:#051F20}.mlos-auth-submit{background:#235347!important;color:#DAF1DE!important}.mlos-auth-submit:hover{background:#163832!important}.mlos-auth-icon{background:#DAF1DE;color:#235347}.mlos-auth-links a,.mlos-auth-card a{color:#235347}

/* Approved Mashinani League palette — exact values from the official colour reference. */
.mlos-auth-card.is-staff-card:before{background:#235347}.mlos-auth-shell.is-signup .mlos-auth-icon{border-color:#8EB69B;background:#DAF1DE;color:#163832}.mlos-input-wrap{border-color:#8EB69B;background:#f4fbf5}.mlos-input-wrap:focus-within{border-color:#235347;background:#fff;box-shadow:0 0 0 4px rgba(142,182,155,.28)}.mlos-password-label a,.mlos-auth-switch a{color:#235347}.mlos-check input{accent-color:#235347}.mlos-password-toggle:hover{background:#DAF1DE;color:#235347}.mlos-portal-badge{background:#DAF1DE;color:#163832}.mlos-auth-season{background:rgba(142,182,155,.22)}

/* v20.4.7 Auth polish: clearer staff portal option + better layout rhythm */
.mlos-auth-shell{background:#eef8f0!important;min-height:100vh!important;}
.mlos-auth-visual{padding:42px clamp(34px,4.5vw,76px) 64px!important;}
.mlos-auth-panel{background:#eef8f0!important;padding:54px clamp(34px,6vw,96px) 30px!important;}
.mlos-auth-card{width:min(100%,620px)!important;background:#ffffff!important;border:1px solid rgba(142,182,155,.45)!important;border-radius:28px!important;padding:38px!important;box-shadow:0 28px 80px rgba(5,31,32,.10)!important;}
.mlos-auth-card.is-staff-card{width:min(100%,560px)!important;padding:42px!important;border-top:8px solid #235347!important;}
.mlos-auth-card.is-staff-card:before{display:none!important;}
.mlos-auth-heading h1{font-size:clamp(2.4rem,3.4vw,3.9rem)!important;line-height:1!important;}
.mlos-auth-heading p{max-width:440px;margin:10px auto 24px!important;color:#5c6d65!important;line-height:1.45!important;}
.mlos-auth-icon{width:72px!important;height:72px!important;border-radius:22px!important;margin-bottom:20px!important;background:#DAF1DE!important;color:#235347!important;border-color:#b7d8bf!important;}
.mlos-auth-portal-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px;}
.mlos-auth-portal-choice a{display:flex;align-items:center;gap:11px;min-height:68px;padding:12px 14px;border:1px solid #dbe9df;border-radius:18px;background:#f7fcf8;color:#163832;text-decoration:none!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.mlos-auth-portal-choice a:hover{transform:translateY(-1px);border-color:#8EB69B;box-shadow:0 14px 32px rgba(5,31,32,.08);}
.mlos-auth-portal-choice a.is-active{border-color:#235347;background:#DAF1DE;box-shadow:inset 0 0 0 1px rgba(35,83,71,.15);}
.mlos-auth-portal-choice a.is-staff-choice{border-color:#b8d2c0;}
.mlos-auth-portal-choice a.is-staff-choice:not(.is-active){background:#fff;}
.mlos-auth-portal-choice svg{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#235347;}
.mlos-auth-portal-choice strong{display:block;font-size:.92rem;line-height:1.05;color:#051F20;}
.mlos-auth-portal-choice small{display:block;margin-top:4px;font-size:.68rem;line-height:1.2;color:#60766a;font-weight:750;}
.mlos-staff-access-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin:0 0 20px;padding:14px;border:1px solid #b7d8bf;border-radius:20px;background:#f4fbf5;color:#163832;}
.mlos-staff-access-callout>div{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#DAF1DE;color:#235347;}
.mlos-staff-access-callout svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.mlos-staff-access-callout p{margin:0!important;font-size:.85rem;line-height:1.35;color:#34524a;}
.mlos-staff-access-callout p strong{color:#051F20;font-size:.92rem;}
.mlos-staff-access-callout a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:#235347;color:#DAF1DE!important;text-decoration:none!important;font-size:.78rem;font-weight:950;white-space:nowrap;}
.mlos-portal-badge{margin:0 0 20px!important;border:1px solid #b7d8bf;background:#f4fbf5!important;border-radius:999px!important;color:#163832!important;}
.mlos-auth-form{gap:18px!important;}
.mlos-input-wrap{min-height:58px!important;border-radius:16px!important;background:#f8fcf9!important;border-color:#cfe0d4!important;}
.mlos-input-wrap input,.mlos-input-wrap select{min-height:56px!important;font-size:1rem!important;}
.mlos-auth-submit{min-height:58px!important;border-radius:16px!important;font-size:1rem!important;box-shadow:0 18px 36px rgba(35,83,71,.22)!important;}
.mlos-google-shell,#mlos-google-button{margin-top:4px!important;}
.mlos-or{margin:22px 0 14px!important;}
.mlos-portal-switch{margin-top:18px!important;padding-top:18px!important;}
.mlos-portal-switch a{font-weight:950!important;color:#235347!important;}
.mlos-alert{border-radius:16px!important;padding:13px 15px!important;margin-bottom:18px!important;}
.mlos-auth-copyright{margin-top:22px!important;color:#71847a!important;}
body.mlos-auth-page .mlos-auth-page-spacer{display:none!important;}
@media(max-width:720px){.mlos-auth-card,.mlos-auth-card.is-staff-card{padding:24px!important;border-radius:22px!important}.mlos-auth-portal-choice{grid-template-columns:1fr}.mlos-staff-access-callout{grid-template-columns:auto 1fr}.mlos-staff-access-callout a{grid-column:1/-1;width:100%}.mlos-auth-panel{padding:30px 18px 22px!important}.mlos-auth-visual{padding:22px!important}.mlos-auth-heading h1{font-size:2.3rem!important}}


/* v20.4.8 Auth Rebuild — finished login/signup/staff experience */
body.mlos-auth-page {
  background:#f3f8f4 !important;
  overflow-x:hidden !important;
}

body.mlos-auth-page .mlos-network-badge,
body.mlos-auth-page .mlos-install-app,
body.mlos-auth-page .mlos-pwa-update,
body.mlos-auth-page .mlos-floating-actions,
body.mlos-auth-page .mlos-quick-actions,
body.mlos-auth-page .mlos-qr-share,
body.mlos-auth-page .mashinani-floating-actions,
body.mlos-auth-page .mashinani-quick-actions,
body.mlos-auth-page .mashinani-qr-share,
body.mlos-auth-page .mcp-floating-actions,
body.mlos-auth-page .mcp-quick-actions,
body.mlos-auth-page .mcp-qr-share,
body.mlos-auth-page .mssr-floating-staff,
body.mlos-auth-page .mspr-floating-staff,
body.mlos-auth-page .mfc-admin-search-fixed,
body.mlos-auth-page .mfc-qr-pill-fixed,
body.mlos-auth-page [class*="admin-search"],
body.mlos-auth-page [id*="admin-search"] {
  display:none !important;
}

.mlos-auth-v2048 {
  min-height:100vh !important;
  display:grid !important;
  grid-template-columns:minmax(440px, 0.95fr) minmax(540px, 1.05fr) !important;
  background:#f3f8f4 !important;
  color:#071f1b !important;
}

.mlos-auth-v2048 .mlos-auth-visual {
  min-height:100vh !important;
  padding:42px clamp(34px,4.5vw,72px) 54px !important;
  background:#163832 !important;
  position:relative !important;
  overflow:hidden !important;
  justify-content:space-between !important;
}

.mlos-auth-v2048 .mlos-auth-visual:before {
  background-image:var(--mlos-auth-hero) !important;
  background-color:rgba(5,31,32,.74) !important;
  background-blend-mode:multiply !important;
  background-position:center !important;
  background-size:cover !important;
  filter:saturate(.95) contrast(1.02) !important;
}

.mlos-auth-v2048 .mlos-auth-visual:after {
  display:block !important;
  right:-160px !important;
  bottom:-160px !important;
  width:520px !important;
  height:520px !important;
  border-color:rgba(218,241,222,.18) !important;
  box-shadow:0 0 0 110px rgba(218,241,222,.045),0 0 0 220px rgba(218,241,222,.025) !important;
}

.mlos-auth-v2048 .mlos-auth-brand {
  gap:14px !important;
}

.mlos-auth-v2048 .mlos-auth-brand img {
  width:66px !important;
  height:66px !important;
  border-radius:18px !important;
  background:#fff !important;
  padding:7px !important;
}

.mlos-auth-v2048 .mlos-auth-brand strong {
  font-size:1.05rem !important;
  font-weight:1000 !important;
}

.mlos-auth-v2048 .mlos-auth-brand small {
  font-size:.68rem !important;
  letter-spacing:.14em !important;
  color:rgba(255,255,255,.82) !important;
}

.mlos-auth-v2048 .mlos-auth-season {
  background:rgba(218,241,222,.18) !important;
  border-color:rgba(218,241,222,.28) !important;
  color:#fff !important;
  margin-bottom:26px !important;
}

.mlos-auth-v2048 .mlos-auth-story h1 {
  max-width:760px !important;
  font-size:clamp(4.2rem,6vw,7.2rem) !important;
  line-height:.91 !important;
  letter-spacing:-.07em !important;
  color:#fff !important;
}

.mlos-auth-v2048 .mlos-auth-story p {
  max-width:640px !important;
  font-size:clamp(1rem,1.35vw,1.25rem) !important;
  color:rgba(255,255,255,.88) !important;
}

.mlos-auth-v2048 .mlos-auth-stats {
  gap:42px !important;
  margin-top:42px !important;
}

.mlos-auth-v2048 .mlos-auth-stats dt {
  color:#fff !important;
  font-size:1.9rem !important;
}

.mlos-auth-v2048 .mlos-auth-stats dd {
  color:rgba(255,255,255,.76) !important;
}

.mlos-auth-v2048 .mlos-auth-panel {
  min-height:100vh !important;
  justify-content:center !important;
  align-items:center !important;
  background:#f3f8f4 !important;
  padding:42px clamp(34px,5.5vw,86px) 28px !important;
  position:relative !important;
}

.mlos-auth-v2048 .mlos-auth-card {
  width:min(100%, 610px) !important;
  max-height:none !important;
  background:#ffffff !important;
  border:1px solid rgba(142,182,155,.38) !important;
  border-radius:32px !important;
  padding:34px 38px 30px !important;
  box-shadow:0 32px 90px rgba(5,31,32,.10) !important;
}

.mlos-auth-v2048 .mlos-auth-card.is-staff-card {
  width:min(100%, 560px) !important;
  padding:40px 42px 34px !important;
  border-top:8px solid #235347 !important;
  background:#fff !important;
}

.mlos-auth-v2048 .mlos-auth-card.is-staff-card:before {
  display:none !important;
}

.mlos-auth-v2048 .mlos-auth-icon {
  width:64px !important;
  height:64px !important;
  border-radius:20px !important;
  margin:0 auto 16px !important;
  background:#eaf7ed !important;
  border:1px solid #c7e3cf !important;
  color:#235347 !important;
}

.mlos-auth-v2048.is-signup .mlos-auth-icon {
  background:#fceeee !important;
  border-color:#f3c8c8 !important;
  color:#e23030 !important;
}

.mlos-auth-v2048 .mlos-auth-icon svg {
  width:28px !important;
  height:28px !important;
}

.mlos-auth-v2048 .mlos-auth-heading h1 {
  margin:0 !important;
  font-size:clamp(2.6rem,3.8vw,4.1rem) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  color:#071f1b !important;
}

.mlos-auth-v2048.is-staff .mlos-auth-heading h1 {
  font-size:2.15rem !important;
  letter-spacing:-.035em !important;
}

.mlos-auth-v2048 .mlos-auth-heading p {
  max-width:460px !important;
  margin:10px auto 22px !important;
  color:#66756f !important;
  line-height:1.45 !important;
  font-size:.98rem !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:0 0 18px !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice a {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:70px !important;
  padding:13px 14px !important;
  border:1px solid #dcebe1 !important;
  border-radius:20px !important;
  background:#f8fcf9 !important;
  color:#163832 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice a.is-active {
  background:#DAF1DE !important;
  border-color:#235347 !important;
  box-shadow:inset 0 0 0 1px rgba(35,83,71,.14) !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice a.is-staff-choice:not(.is-active) {
  background:#ffffff !important;
  border-color:#b9d8c1 !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice a:hover {
  transform:translateY(-1px) !important;
  border-color:#235347 !important;
  box-shadow:0 16px 36px rgba(5,31,32,.08) !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice svg {
  flex:0 0 auto !important;
  width:22px !important;
  height:22px !important;
  color:#235347 !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice strong {
  display:block !important;
  color:#051F20 !important;
  font-size:.93rem !important;
  line-height:1.1 !important;
}

.mlos-auth-v2048 .mlos-auth-portal-choice small {
  display:block !important;
  margin-top:4px !important;
  color:#5f746a !important;
  font-size:.69rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.mlos-auth-v2048 .mlos-staff-access-callout {
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 20px !important;
  padding:14px !important;
  border:1px solid #c4dec9 !important;
  border-radius:22px !important;
  background:#f6fcf7 !important;
}

.mlos-auth-v2048 .mlos-staff-access-callout > div {
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  background:#eaf7ed !important;
  color:#235347 !important;
}

.mlos-auth-v2048 .mlos-staff-access-callout p {
  margin:0 !important;
  color:#41564d !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
}

.mlos-auth-v2048 .mlos-staff-access-callout strong {
  color:#071f1b !important;
  font-size:.96rem !important;
}

.mlos-auth-v2048 .mlos-staff-access-callout a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:#235347 !important;
  color:#DAF1DE !important;
  font-size:.8rem !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 12px 28px rgba(35,83,71,.17) !important;
}

.mlos-auth-v2048 .mlos-portal-badge {
  margin:0 0 20px !important;
  padding:11px 14px !important;
  border:1px solid #c4dec9 !important;
  border-radius:999px !important;
  background:#f6fcf7 !important;
  color:#235347 !important;
  font-size:.76rem !important;
  font-weight:900 !important;
}

.mlos-auth-v2048 .mlos-auth-form {
  gap:16px !important;
}

.mlos-auth-v2048 .mlos-auth-field {
  gap:8px !important;
}

.mlos-auth-v2048 .mlos-auth-field > span:first-child {
  color:#071f1b !important;
  font-size:.82rem !important;
  font-weight:950 !important;
}

.mlos-auth-v2048 .mlos-input-wrap {
  min-height:56px !important;
  border-radius:16px !important;
  border-color:#d3e4d8 !important;
  background:#fbfefc !important;
}

.mlos-auth-v2048 .mlos-input-wrap input,
.mlos-auth-v2048 .mlos-input-wrap select {
  min-height:54px !important;
  font-size:.96rem !important;
  color:#071f1b !important;
}

.mlos-auth-v2048 .mlos-input-wrap:focus-within {
  border-color:#235347 !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(142,182,155,.22) !important;
}

.mlos-auth-v2048 .mlos-check {
  margin:0 !important;
  color:#61736a !important;
  font-size:.8rem !important;
}

.mlos-auth-v2048 .mlos-auth-submit {
  min-height:58px !important;
  border-radius:18px !important;
  background:#235347 !important;
  color:#DAF1DE !important;
  font-size:1rem !important;
  box-shadow:0 18px 38px rgba(35,83,71,.22) !important;
}

.mlos-auth-v2048.is-signup .mlos-auth-submit {
  background:#e43131 !important;
  color:#fff !important;
  box-shadow:0 18px 38px rgba(228,49,49,.20) !important;
}

.mlos-auth-v2048 .mlos-auth-switch {
  margin:18px 0 0 !important;
  color:#69786f !important;
  font-size:.86rem !important;
}

.mlos-auth-v2048 .mlos-auth-switch a,
.mlos-auth-v2048 .mlos-portal-switch a {
  color:#235347 !important;
  font-weight:1000 !important;
  text-decoration:none !important;
}

.mlos-auth-v2048 .mlos-or {
  margin:18px 0 12px !important;
  color:#8b9a92 !important;
  font-size:.68rem !important;
  letter-spacing:.14em !important;
  font-weight:1000 !important;
}

.mlos-auth-v2048 #mlos-google-button {
  min-height:42px !important;
  display:flex !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:14px !important;
}

.mlos-auth-v2048 .mlos-portal-switch {
  margin:18px 0 0 !important;
  padding-top:17px !important;
  border-top:1px solid #e0ebe4 !important;
}

.mlos-auth-v2048 .mlos-portal-switch a {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#52665c !important;
}

.mlos-auth-v2048 .mlos-alert {
  margin:0 0 18px !important;
  padding:13px 15px !important;
  border-radius:16px !important;
  font-weight:800 !important;
}

.mlos-auth-v2048 .mlos-auth-copyright {
  margin-top:24px !important;
  padding-top:0 !important;
  color:#788a80 !important;
}

/* Remove duplicate Google blocks left by old temporary auth add-ons if still active. */
body.mlos-auth-page .mlos-auth-card .mlos-or:nth-of-type(n+2),
body.mlos-auth-page .mlos-auth-card #mlos-google-button:nth-of-type(n+2) {
  display:none !important;
}

/* If an old auth add-on injects external duplicate Google rows, keep them visually quiet. */
body.mlos-auth-page .mau-auth-shell,
body.mlos-auth-page .mspr-staff-portal-box,
body.mlos-auth-page .mssr-staff-link {
  display:none !important;
}

@media (max-width:1100px) {
  .mlos-auth-v2048 {
    grid-template-columns:1fr !important;
  }
  .mlos-auth-v2048 .mlos-auth-visual {
    min-height:390px !important;
  }
  .mlos-auth-v2048 .mlos-auth-story {
    margin-top:70px !important;
  }
  .mlos-auth-v2048 .mlos-auth-story h1 {
    font-size:clamp(3.4rem,9vw,5.8rem) !important;
  }
  .mlos-auth-v2048 .mlos-auth-panel {
    min-height:auto !important;
    padding:40px 22px 30px !important;
  }
}

@media (max-width:720px) {
  .mlos-auth-v2048 .mlos-auth-visual {
    min-height:260px !important;
    padding:20px !important;
  }
  .mlos-auth-v2048 .mlos-auth-brand span {
    display:none !important;
  }
  .mlos-auth-v2048 .mlos-auth-story {
    margin-top:46px !important;
  }
  .mlos-auth-v2048 .mlos-auth-story h1 {
    font-size:2.8rem !important;
  }
  .mlos-auth-v2048 .mlos-auth-story p,
  .mlos-auth-v2048 .mlos-auth-stats {
    display:none !important;
  }
  .mlos-auth-v2048 .mlos-auth-card,
  .mlos-auth-v2048 .mlos-auth-card.is-staff-card {
    width:100% !important;
    padding:24px !important;
    border-radius:24px !important;
  }
  .mlos-auth-v2048 .mlos-auth-portal-choice {
    grid-template-columns:1fr !important;
  }
  .mlos-auth-v2048 .mlos-staff-access-callout {
    grid-template-columns:44px minmax(0,1fr) !important;
  }
  .mlos-auth-v2048 .mlos-staff-access-callout a {
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .mlos-auth-v2048 .mlos-auth-grid {
    grid-template-columns:1fr !important;
  }
}


/* v20.4.8 Auth Rebuild — finished login/signup/staff experience */
body.mlos-auth-page{background:#f3f8f4!important;overflow-x:hidden!important;}
body.mlos-auth-page .mlos-network-badge,
body.mlos-auth-page .mlos-install-app,
body.mlos-auth-page .mlos-pwa-update,
body.mlos-auth-page .mlos-floating-actions,
body.mlos-auth-page .mlos-quick-actions,
body.mlos-auth-page .mlos-qr-share,
body.mlos-auth-page .mashinani-floating-actions,
body.mlos-auth-page .mashinani-quick-actions,
body.mlos-auth-page .mashinani-qr-share,
body.mlos-auth-page .mcp-floating-actions,
body.mlos-auth-page .mcp-quick-actions,
body.mlos-auth-page .mcp-qr-share,
body.mlos-auth-page .mssr-floating-staff,
body.mlos-auth-page .mspr-floating-staff,
body.mlos-auth-page .mfc-admin-search-fixed,
body.mlos-auth-page .mfc-qr-pill-fixed,
body.mlos-auth-page [class*="admin-search"],
body.mlos-auth-page [id*="admin-search"]{display:none!important;}

.mlos-auth-v2048{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(440px,.95fr) minmax(540px,1.05fr)!important;background:#f3f8f4!important;color:#071f1b!important;}
.mlos-auth-v2048 .mlos-auth-visual{min-height:100vh!important;padding:42px clamp(34px,4.5vw,72px) 54px!important;background:#163832!important;position:relative!important;overflow:hidden!important;justify-content:space-between!important;}
.mlos-auth-v2048 .mlos-auth-visual:before{background-image:var(--mlos-auth-hero)!important;background-color:rgba(5,31,32,.74)!important;background-blend-mode:multiply!important;background-position:center!important;background-size:cover!important;filter:saturate(.95) contrast(1.02)!important;}
.mlos-auth-v2048 .mlos-auth-visual:after{display:block!important;right:-160px!important;bottom:-160px!important;width:520px!important;height:520px!important;border-color:rgba(218,241,222,.18)!important;box-shadow:0 0 0 110px rgba(218,241,222,.045),0 0 0 220px rgba(218,241,222,.025)!important;}
.mlos-auth-v2048 .mlos-auth-brand{gap:14px!important;}
.mlos-auth-v2048 .mlos-auth-brand img{width:66px!important;height:66px!important;border-radius:18px!important;background:#fff!important;padding:7px!important;}
.mlos-auth-v2048 .mlos-auth-brand strong{font-size:1.05rem!important;font-weight:1000!important;}
.mlos-auth-v2048 .mlos-auth-brand small{font-size:.68rem!important;letter-spacing:.14em!important;color:rgba(255,255,255,.82)!important;}
.mlos-auth-v2048 .mlos-auth-season{background:rgba(218,241,222,.18)!important;border-color:rgba(218,241,222,.28)!important;color:#fff!important;margin-bottom:26px!important;}
.mlos-auth-v2048 .mlos-auth-story h1{max-width:760px!important;font-size:clamp(4.2rem,6vw,7.2rem)!important;line-height:.91!important;letter-spacing:-.07em!important;color:#fff!important;}
.mlos-auth-v2048 .mlos-auth-story p{max-width:640px!important;font-size:clamp(1rem,1.35vw,1.25rem)!important;color:rgba(255,255,255,.88)!important;}
.mlos-auth-v2048 .mlos-auth-stats{gap:42px!important;margin-top:42px!important;}
.mlos-auth-v2048 .mlos-auth-stats dt{color:#fff!important;font-size:1.9rem!important;}
.mlos-auth-v2048 .mlos-auth-stats dd{color:rgba(255,255,255,.76)!important;}

.mlos-auth-v2048 .mlos-auth-panel{min-height:100vh!important;justify-content:center!important;align-items:center!important;background:#f3f8f4!important;padding:42px clamp(34px,5.5vw,86px) 28px!important;position:relative!important;}
.mlos-auth-v2048 .mlos-auth-card{width:min(100%,610px)!important;max-height:none!important;background:#fff!important;border:1px solid rgba(142,182,155,.38)!important;border-radius:32px!important;padding:34px 38px 30px!important;box-shadow:0 32px 90px rgba(5,31,32,.10)!important;}
.mlos-auth-v2048 .mlos-auth-card.is-staff-card{width:min(100%,560px)!important;padding:40px 42px 34px!important;border-top:8px solid #235347!important;background:#fff!important;}
.mlos-auth-v2048 .mlos-auth-card.is-staff-card:before{display:none!important;}
.mlos-auth-v2048 .mlos-auth-icon{width:64px!important;height:64px!important;border-radius:20px!important;margin:0 auto 16px!important;background:#eaf7ed!important;border:1px solid #c7e3cf!important;color:#235347!important;}
.mlos-auth-v2048.is-signup .mlos-auth-icon{background:#fceeee!important;border-color:#f3c8c8!important;color:#e23030!important;}
.mlos-auth-v2048 .mlos-auth-icon svg{width:28px!important;height:28px!important;}
.mlos-auth-v2048 .mlos-auth-heading h1{margin:0!important;font-size:clamp(2.6rem,3.8vw,4.1rem)!important;line-height:.96!important;letter-spacing:-.055em!important;color:#071f1b!important;}
.mlos-auth-v2048.is-staff .mlos-auth-heading h1{font-size:2.15rem!important;letter-spacing:-.035em!important;}
.mlos-auth-v2048 .mlos-auth-heading p{max-width:460px!important;margin:10px auto 22px!important;color:#66756f!important;line-height:1.45!important;font-size:.98rem!important;}

.mlos-auth-v2048 .mlos-auth-portal-choice{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 18px!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice a{display:flex!important;align-items:center!important;gap:12px!important;min-height:70px!important;padding:13px 14px!important;border:1px solid #dcebe1!important;border-radius:20px!important;background:#f8fcf9!important;color:#163832!important;text-decoration:none!important;box-shadow:none!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice a.is-active{background:#DAF1DE!important;border-color:#235347!important;box-shadow:inset 0 0 0 1px rgba(35,83,71,.14)!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice a.is-staff-choice:not(.is-active){background:#fff!important;border-color:#b9d8c1!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice a:hover{transform:translateY(-1px)!important;border-color:#235347!important;box-shadow:0 16px 36px rgba(5,31,32,.08)!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice svg{flex:0 0 auto!important;width:22px!important;height:22px!important;color:#235347!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice strong{display:block!important;color:#051F20!important;font-size:.93rem!important;line-height:1.1!important;}
.mlos-auth-v2048 .mlos-auth-portal-choice small{display:block!important;margin-top:4px!important;color:#5f746a!important;font-size:.69rem!important;font-weight:800!important;line-height:1.2!important;}

.mlos-auth-v2048 .mlos-staff-access-callout{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;margin:0 0 20px!important;padding:14px!important;border:1px solid #c4dec9!important;border-radius:22px!important;background:#f6fcf7!important;}
.mlos-auth-v2048 .mlos-staff-access-callout>div{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#eaf7ed!important;color:#235347!important;}
.mlos-auth-v2048 .mlos-staff-access-callout p{margin:0!important;color:#41564d!important;font-size:.86rem!important;line-height:1.35!important;}
.mlos-auth-v2048 .mlos-staff-access-callout strong{color:#071f1b!important;font-size:.96rem!important;}
.mlos-auth-v2048 .mlos-staff-access-callout a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 16px!important;border-radius:999px!important;background:#235347!important;color:#DAF1DE!important;font-size:.8rem!important;font-weight:1000!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 12px 28px rgba(35,83,71,.17)!important;}
.mlos-auth-v2048 .mlos-portal-badge{margin:0 0 20px!important;padding:11px 14px!important;border:1px solid #c4dec9!important;border-radius:999px!important;background:#f6fcf7!important;color:#235347!important;font-size:.76rem!important;font-weight:900!important;}

.mlos-auth-v2048 .mlos-auth-form{gap:16px!important;}
.mlos-auth-v2048 .mlos-auth-field{gap:8px!important;}
.mlos-auth-v2048 .mlos-auth-field>span:first-child{color:#071f1b!important;font-size:.82rem!important;font-weight:950!important;}
.mlos-auth-v2048 .mlos-input-wrap{min-height:56px!important;border-radius:16px!important;border-color:#d3e4d8!important;background:#fbfefc!important;}
.mlos-auth-v2048 .mlos-input-wrap input,.mlos-auth-v2048 .mlos-input-wrap select{min-height:54px!important;font-size:.96rem!important;color:#071f1b!important;}
.mlos-auth-v2048 .mlos-input-wrap:focus-within{border-color:#235347!important;background:#fff!important;box-shadow:0 0 0 4px rgba(142,182,155,.22)!important;}
.mlos-auth-v2048 .mlos-check{margin:0!important;color:#61736a!important;font-size:.8rem!important;}
.mlos-auth-v2048 .mlos-auth-submit{min-height:58px!important;border-radius:18px!important;background:#235347!important;color:#DAF1DE!important;font-size:1rem!important;box-shadow:0 18px 38px rgba(35,83,71,.22)!important;}
.mlos-auth-v2048.is-signup .mlos-auth-submit{background:#e43131!important;color:#fff!important;box-shadow:0 18px 38px rgba(228,49,49,.20)!important;}
.mlos-auth-v2048 .mlos-auth-switch{margin:18px 0 0!important;color:#69786f!important;font-size:.86rem!important;}
.mlos-auth-v2048 .mlos-auth-switch a,.mlos-auth-v2048 .mlos-portal-switch a{color:#235347!important;font-weight:1000!important;text-decoration:none!important;}
.mlos-auth-v2048 .mlos-or{margin:18px 0 12px!important;color:#8b9a92!important;font-size:.68rem!important;letter-spacing:.14em!important;font-weight:1000!important;}
.mlos-auth-v2048 #mlos-google-button{min-height:42px!important;display:flex!important;justify-content:center!important;overflow:hidden!important;border-radius:14px!important;}
.mlos-auth-v2048 .mlos-portal-switch{margin:18px 0 0!important;padding-top:17px!important;border-top:1px solid #e0ebe4!important;}
.mlos-auth-v2048 .mlos-portal-switch a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#52665c!important;}
.mlos-auth-v2048 .mlos-alert{margin:0 0 18px!important;padding:13px 15px!important;border-radius:16px!important;font-weight:800!important;}
.mlos-auth-v2048 .mlos-auth-copyright{margin-top:24px!important;padding-top:0!important;color:#788a80!important;}

/* Remove duplicate Google blocks left by old temporary auth add-ons if still active. */
body.mlos-auth-page .mau-auth-shell,
body.mlos-auth-page .mspr-staff-portal-box,
body.mlos-auth-page .mssr-staff-link{display:none!important;}

@media(max-width:1100px){
  .mlos-auth-v2048{grid-template-columns:1fr!important;}
  .mlos-auth-v2048 .mlos-auth-visual{min-height:390px!important;}
  .mlos-auth-v2048 .mlos-auth-story{margin-top:70px!important;}
  .mlos-auth-v2048 .mlos-auth-story h1{font-size:clamp(3.4rem,9vw,5.8rem)!important;}
  .mlos-auth-v2048 .mlos-auth-panel{min-height:auto!important;padding:40px 22px 30px!important;}
}
@media(max-width:720px){
  .mlos-auth-v2048 .mlos-auth-visual{min-height:260px!important;padding:20px!important;}
  .mlos-auth-v2048 .mlos-auth-brand span{display:none!important;}
  .mlos-auth-v2048 .mlos-auth-story{margin-top:46px!important;}
  .mlos-auth-v2048 .mlos-auth-story h1{font-size:2.8rem!important;}
  .mlos-auth-v2048 .mlos-auth-story p,.mlos-auth-v2048 .mlos-auth-stats{display:none!important;}
  .mlos-auth-v2048 .mlos-auth-card,.mlos-auth-v2048 .mlos-auth-card.is-staff-card{width:100%!important;padding:24px!important;border-radius:24px!important;}
  .mlos-auth-v2048 .mlos-auth-portal-choice{grid-template-columns:1fr!important;}
  .mlos-auth-v2048 .mlos-staff-access-callout{grid-template-columns:44px minmax(0,1fr)!important;}
  .mlos-auth-v2048 .mlos-staff-access-callout a{grid-column:1/-1!important;width:100%!important;}
  .mlos-auth-v2048 .mlos-auth-grid{grid-template-columns:1fr!important;}
}

.mlos-auth-device-note{display:block;margin-top:-10px;color:#7b8798;font-size:.7rem;line-height:1.45}.mlos-staff-auth-page .mlos-remember{margin-bottom:0}html[data-theme="dark"] .mlos-auth-device-note{color:#94a99e}


/* v44.0.2: explicit Member / Staff sign-in switch. */
body.mlos-auth-page .mlos-login-type-switch{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 20px!important;
}
body.mlos-auth-page .mlos-login-type-switch>a{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:72px!important;
  padding:13px 15px!important;
  border:1px solid #bfd8c6!important;
  border-radius:18px!important;
  background:#f7fcf8!important;
  color:#163832!important;
  text-decoration:none!important;
  overflow:visible!important;
}
body.mlos-auth-page .mlos-login-type-switch>a.is-active{
  border-color:#235347!important;
  background:#DAF1DE!important;
  box-shadow:inset 0 0 0 1px rgba(35,83,71,.16)!important;
}
body.mlos-auth-page .mlos-login-type-switch .mlos-staff-signin-direct{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body.mlos-auth-page .mlos-login-type-switch>a:hover,
body.mlos-auth-page .mlos-login-type-switch>a:focus-visible{
  border-color:#235347!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 30px rgba(5,31,32,.10)!important;
  outline:none!important;
}
body.mlos-auth-page .mlos-login-type-switch>a svg{
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  color:#235347!important;
}
body.mlos-auth-page .mlos-login-type-switch>a strong{
  display:block!important;
  color:#051F20!important;
  font-size:.92rem!important;
  line-height:1.15!important;
}
body.mlos-auth-page .mlos-login-type-switch>a small{
  display:block!important;
  margin-top:4px!important;
  color:#61766b!important;
  font-size:.68rem!important;
  font-weight:750!important;
  line-height:1.25!important;
}
html[data-theme="dark"] body.mlos-auth-page .mlos-login-type-switch>a,
html[data-appearance="dark"] body.mlos-auth-page .mlos-login-type-switch>a,
body.mlos-auth-page.is-dark-mode .mlos-login-type-switch>a,
body.mlos-auth-page.mlv39-mode-dark .mlos-login-type-switch>a{
  border-color:#315044!important;
  background:#102219!important;
  color:#eff8f2!important;
}
html[data-theme="dark"] body.mlos-auth-page .mlos-login-type-switch>a.is-active,
html[data-appearance="dark"] body.mlos-auth-page .mlos-login-type-switch>a.is-active,
body.mlos-auth-page.is-dark-mode .mlos-login-type-switch>a.is-active,
body.mlos-auth-page.mlv39-mode-dark .mlos-login-type-switch>a.is-active{
  border-color:#48c579!important;
  background:#173c29!important;
}
html[data-theme="dark"] body.mlos-auth-page .mlos-login-type-switch>a strong,
html[data-appearance="dark"] body.mlos-auth-page .mlos-login-type-switch>a strong,
body.mlos-auth-page.is-dark-mode .mlos-login-type-switch>a strong,
body.mlos-auth-page.mlv39-mode-dark .mlos-login-type-switch>a strong{
  color:#f4fbf6!important;
}
html[data-theme="dark"] body.mlos-auth-page .mlos-login-type-switch>a small,
html[data-appearance="dark"] body.mlos-auth-page .mlos-login-type-switch>a small,
body.mlos-auth-page.is-dark-mode .mlos-login-type-switch>a small,
body.mlos-auth-page.mlv39-mode-dark .mlos-login-type-switch>a small{
  color:#a9bcb1!important;
}
@media(max-width:620px){
  body.mlos-auth-page .mlos-login-type-switch{
    grid-template-columns:1fr!important;
  }
}


/* v44.0.3: simple Member / Staff sign-in buttons with no account descriptions. */
body.mlos-auth-page .mlos-login-type-switch--simple{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0 0 20px!important;
}
body.mlos-auth-page .mlos-login-type-switch--simple>a{
  min-height:50px!important;
  padding:12px 16px!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:14px!important;
}
body.mlos-auth-page .mlos-login-type-switch--simple>a strong{
  display:block!important;
  margin:0!important;
  font-size:.9rem!important;
  line-height:1!important;
}
body.mlos-auth-page .mlos-login-type-switch--simple>a svg,
body.mlos-auth-page .mlos-login-type-switch--simple>a small,
body.mlos-auth-page .mlos-login-type-switch--simple>a span{
  display:none!important;
}
@media(max-width:620px){
  body.mlos-auth-page .mlos-login-type-switch--simple{
    grid-template-columns:1fr 1fr!important;
  }
}


/* v44.0.4: show only the opposite sign-in portal. */
body.mlos-auth-page .mlos-auth-cross-portal{
  display:block!important;
  width:100%!important;
  margin:0 0 20px!important;
}
body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  padding:12px 16px!important;
  border:1px solid #bfd8c6!important;
  border-radius:14px!important;
  background:#f7fcf8!important;
  color:#163832!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link:hover,
body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link:focus-visible{
  border-color:#235347!important;
  background:#DAF1DE!important;
  box-shadow:0 12px 28px rgba(5,31,32,.10)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link strong{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:.9rem!important;
  line-height:1!important;
}
html[data-theme="dark"] body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link,
html[data-appearance="dark"] body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link,
body.mlos-auth-page.is-dark-mode .mlos-auth-cross-portal .mlos-cross-portal-link,
body.mlos-auth-page.mlv39-mode-dark .mlos-auth-cross-portal .mlos-cross-portal-link{
  border-color:#315044!important;
  background:#102219!important;
  color:#f4fbf6!important;
}
html[data-theme="dark"] body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link:hover,
html[data-appearance="dark"] body.mlos-auth-page .mlos-auth-cross-portal .mlos-cross-portal-link:hover,
body.mlos-auth-page.is-dark-mode .mlos-auth-cross-portal .mlos-cross-portal-link:hover,
body.mlos-auth-page.mlv39-mode-dark .mlos-auth-cross-portal .mlos-cross-portal-link:hover{
  border-color:#48c579!important;
  background:#173c29!important;
}
