/* JP COMMUNITY v37 – auth links + calendar labels + modal fullscreen navigation. */
.auth-panel>button.btn.outline,
.auth-panel>button.subtle-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  font-size:14px!important;
  font-weight:650!important;
  padding:7px 10px!important;
  margin:7px 4px 0 0!important;
  border:0!important;
  border-radius:0!important;
  outline-offset:3px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#537364!important;
  line-height:24px!important;
  vertical-align:middle!important;
}
.auth-panel>button.btn.outline:active,.auth-panel>button.subtle-link:active{opacity:.65}

/* Standalone named-label row. No legacy color swatches, picker or preview. */
#modalbox .event-form24 .v36-label-picker{display:flex!important;flex-direction:column;gap:10px;padding:12px 0 5px!important;border:0!important;background:transparent!important;box-shadow:none!important}
#modalbox .event-form24 .v36-label-picker strong{font-size:13px!important;color:#62776a!important}
#modalbox .event-form24 .v36-label-options{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#modalbox .event-form24 .v36-label-options button{min-height:40px!important}
#modalbox #ecolor[type="hidden"]{display:none!important}

/* Foreground sheets slide over the tabs; always hide the tabs until fully dismissed. */
body .app>.nav{transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .15s ease!important}
body.v37-modal-active .app>.nav,
body.v37-modal-active .app>.nav:not(.hidden),
body.v37-modal-active:not(.is-room23) .app>.nav:not(.hidden){
 transform:translate3d(0,calc(110% + env(safe-area-inset-bottom,0px) + 8px),0)!important;
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
}
body.v37-modal-active .app{--v37-dialog-nav-hidden:1}