/* Staff application: deliberately mirrors the Bootstrap tournament registration modal. */
.staff-application-modal{z-index:1080}
.staff-application-confirmation-modal{z-index:1080}
.staff-application-confirmation-modal .modal-header{background:#e67a00;color:#fff}
.staff-application-confirmation-modal .modal-title{margin:0;color:#fff!important;text-transform:uppercase}
.staff-application-confirmation-modal .btn-close{filter:invert(1) grayscale(1) brightness(2)}
.staff-application-confirmation-modal .modal-body{padding:1.5rem;font-size:1rem;line-height:1.6}
.staff-application-confirmation-modal .modal-body p{margin:0}
.staff-application-confirmation-modal .modal-footer{justify-content:center}
.staff-application-modal .modal-content{position:relative;height:80vh;height:80dvh;max-height:80vh;max-height:80dvh;overflow:hidden}
.staff-application-modal .modal-header,.staff-application-modal .staff-application-form{transition:filter .2s ease,opacity .2s ease}
.staff-application-modal.is-submitting .modal-header,.staff-application-modal.is-submitting .staff-application-form{filter:blur(4px);opacity:.62;pointer-events:none;user-select:none}
.staff-application-modal.is-submitting .modal-content::before{content:"";position:absolute;z-index:1100;inset:0;background:rgba(0,0,0,.62);cursor:wait}
.staff-application-modal.is-submitting .modal-content::after{content:"";position:absolute;z-index:1101;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border:5px solid rgba(255,255,255,.35);border-top-color:#fff;border-right-color:#e67a00;border-radius:50%;animation:chimeraFormSubmittingSpin .8s linear infinite;pointer-events:none}
@keyframes chimeraFormSubmittingSpin{to{transform:rotate(360deg)}}
.staff-application-modal .modal-header{position:relative;display:flex;flex:0 0 auto;justify-content:center;background:#e67a00;color:#fff}
.staff-application-modal .modal-title.custom-heading{width:100%;margin:0;padding:0 3rem;color:#fff!important;text-align:center;text-transform:uppercase}
.staff-application-modal .modal-header .btn-close{position:absolute;top:50%;right:1rem;margin:0;filter:invert(1) grayscale(1) brightness(2);transform:translateY(-50%);opacity:.9}
.staff-application-modal .modal-header .btn-close:hover{transform:translateY(-50%) scale(1.05);opacity:1}
.staff-application-form{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden}
.staff-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.staff-application-modal .modal-body{width:100%;min-height:0;padding:1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.staff-application-intro{margin-bottom:3.5rem;font-size:.92rem;line-height:1.45}
.staff-application-intro p{margin:0 0:.8rem}
.staff-application-intro p:last-child{margin-bottom:0}
.staff-application-intro p:last-child,.staff-application-intro p:last-child strong{font-size:1.25rem;font-weight:800;letter-spacing:.04em}
.staff-application-intro .staff-intro-title{margin:0 0 1.4rem;color:#333;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:800;line-height:1.25;text-transform:uppercase}
.staff-application-intro h4{margin:1.65rem 0 .55rem;padding:0;color:#5f5f5f;font-size:1rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase}
.staff-application-intro .staff-intro-signature{margin-top:1.65rem}
.staff-application-modal .chimera-reg-section-title{margin:0 0 1.75rem;padding:1rem 0 0!important;border-top:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.6);font-size:1.05rem;text-transform:uppercase}
.staff-application-step:not([data-staff-step="0"]) .chimera-reg-section-title{padding-top:0!important;border-top:0}
.staff-application-modal .mb-3{margin-bottom:1.75rem!important}
.staff-application-modal .form-label.custom-heading,.staff-application-modal legend{margin-bottom:.5rem;padding:0;color:inherit;font-size:inherit;font-weight:inherit}
.staff-application-modal legend{float:none;width:auto}
.staff-application-modal .chimera-reg-help{display:block;margin:.45rem 0 0;color:rgba(0,0,0,.6);font-size:.78rem}
.staff-application-modal .iti{display:block;width:100%}
.staff-application-modal .iti+.invalid-feedback{width:100%;margin-top:.25rem}
.staff-application-modal .iti__country-list{z-index:1095}
.staff-application-modal .iti--separate-dial-code .iti__selected-flag{border-radius:.375rem 0 0 .375rem;background:rgba(221,126,22,.1)}
.staff-application-step[hidden],.staff-other-details[hidden],.staff-multiselect__menu[hidden],.staff-application-ready[hidden]{display:none!important}
.staff-application-optional{margin-bottom:1.75rem;padding:0;border:0}
.staff-application-optional p{display:block;margin:-.15rem 0 .45rem;color:rgba(0,0,0,.6);font-size:.78rem}
.staff-role-fieldset{margin:0 0 1.75rem}
.staff-consent{margin:0;padding:1rem;border:1px solid rgba(0,0,0,.2);border-radius:.375rem;background:#f8f9fa}
.staff-consent legend{margin:0 0 .75rem;font-weight:700}
.staff-consent .form-check{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding-left:1.6rem;line-height:1.5}
.staff-consent .form-check-input{flex:0 0 auto;margin-top:.3rem}
.staff-consent a{color:#b96300;text-decoration:underline}
.staff-consent .invalid-feedback{display:none;margin-top:.65rem}
.staff-consent.is-invalid{border-color:#dc3545}
.staff-consent.is-invalid .invalid-feedback{display:block}
.staff-role-grid{display:grid;gap:.45rem}
.staff-role-grid .form-check{margin:0}
.staff-role-grid .form-check-input:checked{border-color:#0d6efd;background-color:#0d6efd}
.staff-role-fieldset .invalid-feedback,.staff-multiselect .invalid-feedback{display:none}
.staff-role-fieldset.is-invalid .invalid-feedback,.staff-multiselect.is-invalid .invalid-feedback{display:block}
.staff-other-details{margin-bottom:1.75rem}
.staff-multiselect{position:relative;margin:0 0 1.75rem}
.staff-multiselect__toggle{display:flex;width:100%;min-height:calc(1.5em + .75rem + 2px);align-items:center;justify-content:space-between;padding:.375rem 2.25rem .375rem .75rem;border:1px solid #dee2e6;border-radius:.375rem;background:#fff;color:#212529;font-size:1rem;font-weight:400;line-height:1.5;text-align:left;text-transform:none;box-shadow:none;transform:none;position:relative}
.staff-multiselect__toggle:hover{transform:none}
.staff-multiselect__toggle:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.staff-multiselect__toggle i{position:absolute;right:.75rem}
.staff-multiselect__menu{position:absolute;z-index:10;top:calc(100% + .25rem);left:0;right:0;max-height:15rem;padding:.35rem;overflow-y:auto;border:1px solid rgba(0,0,0,.175);border-radius:.375rem;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.staff-multiselect__menu label{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.45rem .65rem;border-radius:.25rem;cursor:pointer}
.staff-multiselect__menu label:hover{background:#f2f2f2}
.staff-multiselect__menu i{visibility:hidden}
.staff-multiselect__menu input:checked~i{visibility:visible}
.staff-role-fieldset.is-invalid .staff-role-grid,.staff-multiselect.is-invalid .staff-multiselect__toggle{border-color:#dc3545}
.staff-application-ready{margin:1.75rem 0 0}
.staff-application-actions{display:grid!important;grid-template-columns:1fr auto 1fr;flex:0 0 auto;align-items:center;gap:1rem;padding:1rem;border-top:1px solid #dee2e6;background:#fff}
.staff-application-actions .staff-step-back{grid-column:1;justify-self:start}
.staff-application-actions .staff-step-count{grid-column:2;justify-self:center}
.staff-application-actions>div{grid-column:3;justify-self:end}
.staff-application-actions .btn-official,.staff-application-actions .btn-secondary{font-size:16px}
.staff-application-actions button:disabled{cursor:wait;opacity:.65}
.staff-step-count{color:rgba(0,0,0,.6);font-size:.9rem}
@media(max-width:575.98px){
 .staff-application-modal .modal-dialog{margin:.5rem}
 .staff-application-modal .modal-content{height:80vh;height:80dvh;max-height:80vh;max-height:80dvh}
 .staff-application-modal .modal-body{padding:1rem}
 .staff-application-actions .btn-official,.staff-application-actions .btn-secondary{padding:10px 14px;font-size:14px}
}
