/* Large native radio rows keep names, role colors, and long practice titles readable on iOS. */
.bbbtp-message-form .bbbtp-message-picker{min-width:0;margin:0;padding:0;border:0}
.bbbtp-message-form .bbbtp-message-picker legend{float:none;width:100%;margin:0 0 10px;padding:0;color:#fff;font-size:16px;line-height:1.5;font-weight:800}
.bbbtp-message-picker__list{max-height:360px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px;border:1px solid #48677a;border-radius:12px;background:#091522}
.bbbtp-message-form .bbbtp-message-picker label{display:flex!important;align-items:center;gap:12px;min-height:60px;margin:6px 0;padding:12px;border:1px solid #38536c;border-radius:9px;background:#122436;cursor:pointer}
.bbbtp-message-form .bbbtp-message-picker input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;flex:0 0 22px;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;accent-color:#54c8ff}
.bbbtp-message-form .bbbtp-message-picker label>span{display:grid;min-width:0;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere}
.bbbtp-message-picker label:has(input:checked){border-color:#fff!important;box-shadow:inset 4px 0 #fff;background:#203f59}
.bbbtp-message-picker label:focus-within{outline:2px solid #fff;outline-offset:2px}
.bbbtp-recipient-group{--recipient-color:#e2e8f0;margin-bottom:14px}
.bbbtp-recipient-group.is-staff{--recipient-color:#ffaf62}
.bbbtp-recipient-group.is-parents{--recipient-color:#67c7ff}
.bbbtp-recipient-group.is-family{--recipient-color:#78e7a8}
.bbbtp-message-picker .bbbtp-recipient-group h4{margin:12px 4px 8px!important;font-size:17px!important;line-height:1.5!important}
.bbbtp-message-picker .bbbtp-recipient-group h4,.bbbtp-message-picker .bbbtp-recipient-group strong,.bbbtp-message-picker .bbbtp-recipient-group small{color:var(--recipient-color)!important;-webkit-text-fill-color:var(--recipient-color)!important}
.bbbtp-message-picker .bbbtp-recipient-group strong{font-size:18px!important;line-height:1.5!important;white-space:normal!important}
.bbbtp-message-picker .bbbtp-recipient-group small{font-size:14px!important;line-height:1.5!important}
.bbbtp-message-form input[type=text]{height:54px!important;min-height:54px!important;max-height:none!important;line-height:normal!important}
.bbbtp-message-form textarea{height:auto!important;min-height:150px!important;max-height:none!important;line-height:1.5!important}
/* Keep the app viewport stationary; only its content frame scrolls. This avoids
   Safari moving a fixed toolbar during document rubber-band scrolling. */
html.bbbtp-app-ready{height:100%;overflow:hidden!important}
body.bbbtp-app-shell{height:100%;min-height:0!important;overflow:hidden!important;transform:none!important;filter:none!important;perspective:none!important;contain:none!important}
.bbbtp-app-shell .bbbtp-app-frame{height:100vh;height:100dvh;min-height:0!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;padding-bottom:calc(130px + env(safe-area-inset-bottom))}
.bbbtp-app-shell>.bbbtp-app-bottom.is-viewport-anchored{position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:calc(var(--bbbtp-viewport-bottom,0px) + max(8px,env(safe-area-inset-bottom)))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;transform:none!important;translate:none!important;transition:none!important;animation:none!important;will-change:auto!important}
.bbbtp-app-shell .bbbtp-app-bottom{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.bbbtp-app-shell .bbbtp-app-bottom>a{min-width:0;font-size:10px!important}