/* eTicks unified modal system v9.1 */
:root{--mx:#111315;--ms:#fff;--mb:rgba(7,9,11,.64);}
body.eticks-modal-open,body.bk-lock,body.event-modal-open{overscroll-behavior:none;}
body.eticks-modal-open{touch-action:none;}
button,[role="button"]{touch-action:manipulation;}

#authModal.auth-modal{z-index:100000!important;isolation:isolate;}
#authModal .auth-backdrop{background:rgba(10,12,14,.56)!important;backdrop-filter:blur(22px) saturate(.85)!important;}
#authModal .auth-container{padding:24px!important;}
#authModal .auth-card{border:1px solid rgba(17,19,21,.09)!important;border-radius:28px!important;box-shadow:0 34px 100px rgba(0,0,0,.22)!important;overflow:hidden;}
#authModal input{min-height:48px;border-radius:15px!important;background:#f6f7f6!important;border-color:rgba(17,19,21,.08)!important;outline:none!important;transition:.18s ease!important;}
#authModal input:focus{background:#fff!important;border-color:rgba(5,107,95,.45)!important;box-shadow:0 0 0 4px rgba(5,107,95,.08)!important;}
#authModal .btn-primary,#authModal .btn-outline{min-height:48px!important;border-radius:15px!important;font-weight:780!important;cursor:pointer;}
#authError{margin:0 0 12px;padding:11px 13px;border-radius:13px;background:#fff1f0;color:#9b2019;font-size:13px;line-height:1.4;border:1px solid rgba(155,32,25,.12);}
#authError.hidden{display:none!important;}

#eventModal{z-index:99960!important;}
#eventModal .event-modal-sheet{box-shadow:0 34px 90px rgba(0,0,0,.20)!important;}
#eventModal .hero-icon-btn{width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important;backdrop-filter:blur(16px)!important;}
#eventModal .event-card-scroll{scrollbar-width:thin;overscroll-behavior:contain;}
#eventModal button:focus-visible{outline:3px solid rgba(5,107,95,.28);outline-offset:2px;}
#eventModal .poster-action-btn,#eventModal .poster-profile-btn,#eventModal .follow-btn{min-height:42px;border-radius:14px!important;}
#eventModal .poster-footer{padding-bottom:calc(22px + env(safe-area-inset-bottom));}

#bkOverlay{background:rgba(7,9,11,.54)!important;backdrop-filter:blur(18px)!important;z-index:99980!important;}
.bk-mini-sheet,.bk-full-sheet,.bk-processing,.bk-success{border:1px solid rgba(17,19,21,.07)!important;box-shadow:0 32px 100px rgba(0,0,0,.2)!important;}
.bk-option{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;}
.bk-option:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(17,19,21,.07);}
.bk-option.is-selected{border-color:#111315!important;box-shadow:0 0 0 1px #111315 inset,0 12px 30px rgba(17,19,21,.08)!important;}
.bk-input,.bk-select{min-height:48px!important;border-radius:14px!important;}

#createEventModalRoot{z-index:99990!important;}
#createEventModalRoot input,#createEventModalRoot textarea,#createEventModalRoot select{border-radius:14px!important;outline:none;transition:.18s ease;}
#createEventModalRoot input:focus,#createEventModalRoot textarea:focus,#createEventModalRoot select:focus{border-color:rgba(5,107,95,.42)!important;box-shadow:0 0 0 4px rgba(5,107,95,.08)!important;}

@media(max-width:767px){
 #authModal .auth-container{padding:0!important;align-items:end!important;}
 #authModal .auth-card{width:100%!important;max-width:none!important;border-radius:28px 28px 0 0!important;max-height:min(90dvh,760px);overflow:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom));}
 .bk-mini-sheet,.bk-full-sheet,.bk-processing,.bk-success{border-radius:28px 28px 0 0!important;}
}
@media(prefers-reduced-motion:reduce){.bk-option,#authModal *,#eventModal *{transition:none!important;scroll-behavior:auto!important;}}


/* Final modal UX details */
.auth-modal,.login-modal,.event-modal,#createEventModalRoot,.report-modal,.share-modal,.settings-modal,#userProfileModal,#organizerProfileModal{font-synthesis:none;}
.auth-modal .auth-card,.login-sheet,.event-modal-sheet,.share-sheet,.settings-sheet,.report-modal__panel{will-change:transform,opacity;}
#authModal .auth-close,.event-modal .hero-icon-btn,.login-modal button{touch-action:manipulation;}
@media(max-width:767px){#authModal .auth-card{padding-top:max(18px,env(safe-area-inset-top));}}
