/* HF05IF: Fix appointment contact and team controls without changing the form layout. */
.gf-hf-form .hf-contact-phone{margin-top:8px;max-width:370px;}
.gf-hf-form .hf-contact-phone label{display:block;margin-bottom:4px;font-weight:700;font-size:10px;color:#526a64;}
.gf-hf-form .hf-contact-phone input[type="tel"]{height:35px;max-width:100%;}
.gf-hf-form .hf-team-mode input[type="radio"],
.gf-hf-form .hf-location-picks input[type="radio"]{width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;appearance:auto!important;accent-color:#008261;}
.gf-hf-form .hf-team-mode label,.gf-hf-form .hf-location-picks label{white-space:normal;overflow-wrap:normal;word-break:normal;}
.gf-hf-form [aria-invalid="true"]{outline:2px solid #d44e4e!important;outline-offset:2px;}

/* HF05IJ: The global POS-X navigation is above the nested appointment overlay.
   Clear the navigation band rather than allowing it to cover the modal header.
   Applied ONLY while the 3-column appointment editor is open. */
.fw-dashboard .gf-editor-backdrop:has(.hm-appointment-editor){
 top:116px!important;bottom:0!important;left:0!important;right:0!important;
 height:calc(100dvh - 116px)!important;padding:6px 10px!important;
 align-items:flex-start!important;justify-content:center!important;
}
.fw-dashboard .gf-editor-backdrop .gf-editor-modal.hm-appointment-editor{
 height:100%!important;max-height:100%!important;min-height:0!important;
}
.fw-dashboard .hm-appointment-editor .gf-editor-head.hf-head{position:relative;z-index:2;min-height:69px;flex-shrink:0}
@media(max-width:760px){
 .fw-dashboard .gf-editor-backdrop:has(.hm-appointment-editor){top:72px!important;height:calc(100dvh - 72px)!important;padding:0!important}
 .fw-dashboard .gf-editor-backdrop .gf-editor-modal.hm-appointment-editor{height:100%!important;max-height:100%!important;border-radius:0!important}
}