/* Keep focus visible, blue and clear of the field labels. */
#join-dialog #join-preview-form label:not(:has(input[type=checkbox])){display:flex;flex-direction:column;gap:12px;margin:26px 0}
#join-dialog #join-preview-form label>span{line-height:1.5}
#join-dialog #join-preview-form :is(input:not([type=checkbox]),textarea,select){display:block;width:100%;min-width:0;max-width:100%;min-height:52px;padding:12px 14px;border:1px solid #72878e!important;border-radius:10px;background:#fff;color:#24343b;font:inherit;box-sizing:border-box;outline:none}
#join-dialog #join-preview-form textarea{resize:vertical}
#join-dialog #join-preview-form :is(input,textarea,select):focus,#join-dialog #join-preview-form :is(input,textarea,select):focus-visible{border-color:#315e69!important;outline:2px solid #315e69;outline-offset:2px;box-shadow:none}
#join-dialog #join-preview-form input[type=checkbox]{accent-color:#315e69;min-height:auto}
@media(forced-colors:active){#join-dialog #join-preview-form :is(input,textarea,select):focus{outline:2px solid Highlight}}