/* JP COMMUNITY v34: correct layout at the source of v33 spacing issues */
:root{--v34-green:#286d53;--v34-muted:#728579;--v34-border:#dfeae2}
/* The previous icon-only nav was 48px tall, plus padding, plus the safe area. */
body:not(.is-room23) .nav{height:calc(42px + env(safe-area-inset-bottom))!important;min-height:0!important;max-height:none!important;padding:0 4px env(safe-area-inset-bottom)!important;align-items:center!important;box-shadow:0 -2px 9px #153d220b!important;background:#fff!important}
.nav button{height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}
.nav button>.nav-icon{width:42px!important;height:37px!important;min-height:37px!important;display:grid!important;place-items:center!important;position:relative!important;overflow:visible!important;margin:0 auto!important}
.nav .nav-icon svg{width:25px!important;height:25px!important}
.nav button.active>.nav-icon{border-radius:14px!important}
.nav .nav-unread{position:absolute!important;top:-2px!important;right:-4px!important;min-width:16px!important;height:16px!important;line-height:14px!important;font-size:9px!important;font-weight:800!important;padding:0 3px!important;border:1.5px solid white!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#d94e4b!important;color:white!important;white-space:nowrap!important;transform:none!important}
.app{padding-bottom:calc(46px + env(safe-area-inset-bottom))!important}
/* Calendar: date and time are sibling controls, not opposite ends of the whole row. */
#modal.is-event24 .event-form24{gap:8px!important}
#modal.is-event24 .event-pick-label24{margin-bottom:2px!important}
#modal.is-event24 .event-summary24{padding:1px 9px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important}
#modal.is-event24 .v28-event-row{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;column-gap:6px!important;row-gap:3px!important;flex-wrap:nowrap!important;min-height:48px!important;height:auto!important;margin:0!important;padding:6px 0!important}
#modal.is-event24 .v28-event-row+.v28-event-row{border-top:1px solid #eaf0eb!important}
#modal.is-event24 .v28-event-row>.event-choice{display:inline-flex!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:calc(100% - 91px)!important;margin:0!important;padding:0!important;gap:4px!important;align-items:center!important;justify-content:flex-start!important;min-height:34px!important;border:0!important}
#modal.is-event24 .v28-event-row .event-choice-label24{display:inline-block!important;width:26px!important;min-width:26px!important;flex:0 0 26px!important;font-size:12px!important;line-height:1!important}
#modal.is-event24 .v28-event-row .event-choice-date24{width:auto!important;max-width:100%!important;min-height:34px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;border-radius:10px!important;padding:7px 8px!important;font-size:12px!important;line-height:20px!important}
#modal.is-event24 .v28-event-row .v28-event-time{flex:0 0 auto!important;min-width:76px!important;min-height:34px!important;border-radius:10px!important;padding:7px 8px!important;line-height:20px!important;font-size:12px!important;text-align:center!important}
#modal.is-event24 .event-picker24:empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important;height:0!important}
#modal.is-event24 .event-picker24:not(:empty){margin:4px 0 6px!important}
/* Weekly repeat: compact, no giant native select, separate custom in-app sheet. */
#modal.is-event24 .event-form24 .repeat-options18{margin:2px 0 0!important;padding:11px 0 0!important;gap:7px!important}
#modal.is-event24 .repeat-toggle23{margin:0!important;min-height:37px!important}
#modal.is-event24 .repeat-count23{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:42px!important;margin:0!important;width:100%!important}
#modal.is-event24 .repeat-count23>select{display:none!important}
#modal.is-event24 .repeat-count23 .v34-count-button{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:auto!important;min-width:102px!important;max-width:145px!important;height:39px!important;min-height:39px!important;padding:0 12px!important;margin:0!important;border:1px solid var(--v34-border)!important;border-radius:11px!important;background:#f2f7f3!important;color:#255e46!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important}
#modal.is-event24 .repeat-count23 .v34-count-button:disabled{opacity:.55!important}
#modal.is-event24 .repeat-count23 .v34-count-button .v34-down{font-size:12px!important;color:#6c8274!important}
#modal .v34-count-overlay{position:absolute;inset:0;z-index:120;display:flex;justify-content:center;align-items:flex-end;background:rgba(21,37,28,.26);overscroll-behavior:contain}
.v34-count-sheet{width:100%;border-radius:20px 20px 0 0;background:white;padding:15px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px #152c201f}
.v34-count-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#243c2c;font-size:16px;font-weight:800}
.v34-count-head button{background:transparent;color:#447961;border:0;padding:7px 5px}
.v34-count-option{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:49px;padding:0 12px;border:0;border-bottom:1px solid #edf1ee;background:white;color:#3c5545;font-weight:650;text-align:left}
.v34-count-option.selected{color:#176244;background:#f0f7f2;border-radius:10px}
.v34-count-option:last-child{border-bottom:0}
/* Old popup replacement must stay responsive to iPhone keyboard and safe-area. */
@media(max-width:355px){#modal.is-event24 .v28-event-row{gap:3px!important}#modal.is-event24 .v28-event-row .event-choice-label24{width:23px!important;min-width:23px!important;flex-basis:23px!important}#modal.is-event24 .v28-event-row .event-choice-date24{font-size:11px!important;padding:7px 4px!important}#modal.is-event24 .v28-event-row .v28-event-time{font-size:11px!important;padding:7px 4px!important;min-width:70px!important}}
/* Prevent the historic flex-wrap rule from moving the date to a second line. */
#modal.is-event24 .v28-event-row>.event-choice{flex-wrap:nowrap!important;align-content:center!important;white-space:nowrap!important}
#modal.is-event24 .v28-event-row .event-choice-date24{flex:0 1 auto!important;white-space:nowrap!important}
#modal.is-event24 .v28-event-row>.event-choice{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}