/* TraumAstur V5.0.10: iPhone viewport, admin modal, date sizing and release notes. */
html,body{max-width:100%;overflow-x:clip}
#overlay>.modal{box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;overscroll-behavior-y:contain}
#overlay .formgrid,#overlay .field{min-width:0;max-width:100%}
#overlay .ta-date-shell{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #d9cbe2;border-radius:10px;background:white}
#overlay .ta-date-shell input[type="date"]{display:block;box-sizing:border-box;margin:0;border:0;border-radius:0;background:transparent;width:100%!important;min-width:0!important;max-width:100%!important;min-height:46px;padding:10px 12px;font-size:16px!important;overflow:hidden;text-overflow:clip}
#overlay .ta-date-shell:focus-within{outline:2px solid #9b65b4;outline-offset:1px}
#overlay input[type="date"]::-webkit-date-and-time-value{min-width:0;max-width:100%;overflow:hidden;text-align:left}
#overlay input[type="date"]::-webkit-datetime-edit{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
#overlay input[type="date"]::-webkit-calendar-picker-indicator{flex:none;min-width:18px;margin-left:auto}
/* Keep the administrator close control at the upper-right, independently of description length. */
#adminOverlay .admin-modal>.modalheader{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;column-gap:12px}
#adminOverlay .admin-modal>.modalheader>div{grid-column:1;grid-row:1;min-width:0}
#adminOverlay .admin-modal>.modalheader>.x{grid-column:2;grid-row:1;align-self:start;justify-self:end;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;line-height:1;flex:none}
/* The nav belongs to the visual viewport; composited separately from scrolling content. */
@media(max-width:790px){
  #mobileNav.mobile-nav:not(.hide){position:fixed!important;inset-inline:0!important;bottom:0!important;top:auto!important;margin:0;max-width:100%;z-index:60;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;contain:layout style paint;overscroll-behavior:none}
  body{padding-bottom:env(safe-area-inset-bottom,0px)}
  #overlay .ta-date-shell{width:100%;max-width:100%}
  #overlay .ta-date-shell input[type="date"]{min-width:0!important;width:100%!important;max-width:100%!important}
  .ta-release-modal{width:calc(100% - 20px)!important;max-width:540px!important;max-height:min(88dvh,720px)!important;min-height:0!important;border-radius:20px!important;overflow:auto!important;padding:22px 20px max(24px,env(safe-area-inset-bottom))!important;margin:auto}
}
/* Center announcement independently of the bottom-sheet rules used by other modals. */
#releaseNoticeOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:105;padding:10px;background:#2b1248b8;overscroll-behavior:contain}
#releaseNoticeOverlay .ta-release-modal{box-sizing:border-box;background:#fff;border-radius:19px;padding:25px;max-height:90dvh;overflow:auto;box-shadow:0 20px 60px #2b12483a;color:#321f42}
.ta-release-kicker{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#754e8a;margin-bottom:9px}
#releaseNoticeTitle{font-size:clamp(22px,4vw,27px);margin:0 0 14px;color:#3a145a}
#releaseNoticeDesc{margin:0 0 10px;line-height:1.5}
#releaseNoticeOverlay ul{margin:10px 0 14px;padding-left:22px;line-height:1.5}
#releaseNoticeOverlay li{margin-bottom:11px}
.ta-release-note{font-size:12px;line-height:1.5;color:#71657b;margin-bottom:16px}
.ta-release-ack{width:100%;min-height:48px;border-radius:10px}