#lj12d19f-switch,#lj12d19f-crew-switch{position:fixed;left:14px;top:66px;z-index:31000;display:flex;gap:3px;padding:4px;background:#f5fafc;border:1px solid #bfd6df;border-radius:11px;box-shadow:0 7px 22px rgba(24,67,84,.10);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#lj12d19f-switch button,#lj12d19f-crew-switch button{border:0;background:transparent;border-radius:8px;padding:9px 13px;color:#365766;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
#lj12d19f-switch button.active{background:#157ea7;color:#fff;box-shadow:0 2px 7px rgba(20,90,120,.22)}
#lj12d19f-crew-switch{left:auto;right:18px}
#lj12d19f-crew-switch button{background:#157ea7;color:white}
#lj12d19f-password{position:fixed;inset:0;z-index:60000;background:rgba(8,29,40,.72);display:grid;place-items:center;padding:20px}
.lj12d19f-card{width:min(480px,94vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.35);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.lj12d19f-card .kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#37809a}.lj12d19f-card h2{font-size:26px;margin:7px 0}.lj12d19f-card p{color:#627985;line-height:1.5}
.lj12d19f-card label{display:block;font-size:13px;font-weight:700;color:#405c68;margin:13px 0}.lj12d19f-card input{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #c9dbe2;border-radius:10px;padding:11px;font:inherit}
.lj12d19f-card button{width:100%;border:0;border-radius:10px;padding:12px;background:#087f78;color:#fff;font-weight:800;cursor:pointer}.lj12d19f-card .msg{margin-top:10px;color:#45636e;min-height:20px}
@media(max-width:760px){#lj12d19f-switch{top:auto;bottom:12px;left:12px;right:12px;justify-content:stretch}#lj12d19f-switch button{flex:1;padding:9px 5px;font-size:12px}}

/* 12d19f: on the public website, place the owner switch inside the real header. */
#lilyjo-public-site .lj12d19f-switch.public-inline{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  z-index:auto !important;
  margin:0 14px 0 auto !important;
  display:flex !important;
  flex:0 0 auto;
  padding:4px !important;
  border:1px solid #d7e5ec;
  border-radius:14px;
  background:#f7fbfd;
  box-shadow:none !important;
  gap:2px;
}
#lilyjo-public-site .lj12d19f-switch.public-inline button{
  min-height:36px;
  padding:0 11px;
  border-radius:10px;
  white-space:nowrap;
  font-size:13px;
}
@media (max-width:1100px){
  #lilyjo-public-site .lj12d19f-switch.public-inline{
    margin-left:8px !important;
    margin-right:8px !important;
  }
  #lilyjo-public-site .lj12d19f-switch.public-inline button{
    padding:0 8px;
    font-size:12px;
  }
}
@media (max-width:820px){
  #lilyjo-public-site .lj12d19f-switch.public-inline{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    top:auto !important;
    margin:0 !important;
    z-index:31000 !important;
    justify-content:stretch;
  }
  #lilyjo-public-site .lj12d19f-switch.public-inline button{
    flex:1 1 33%;
  }
}