.modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;z-index:2000!important}
.modal.hidden{display:none!important}
.modal>.modalbox{position:relative!important;margin:auto!important;max-height:calc(100vh - 36px)!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;animation:xmModalIn .16s ease-out!important}
@keyframes xmModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.modalbox>.top{display:flex!important;align-items:center!important;justify-content:space-between!important}
.modalbox>.top>button{margin-left:auto!important}
.modalbox>.actions,.modalbox>.composeFooter,.modalbox>.settingsFooter,.confirmBox>.actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-top:16px!important}
.modalbox>button[type="submit"],.modalbox>form>button[type="submit"],#roleForm>button[type="submit"],#providerForm>#providerSaveButton,#mailboxForm>button[type="submit"],#domainForm>button[type="submit"]{display:flex!important;width:max-content!important;margin:16px 0 0 auto!important}
#confirmModal{z-index:2147483500!important}
#confirmModal .modalbox{width:min(440px,calc(100vw - 28px))!important}
#confirmModal .actions{justify-content:flex-end!important}
/* Select controls use a consistent island field shell. Native option popups remain browser-controlled for compatibility. */
select,.field select,.settingControl select,.domainPicker select{border-radius:12px!important;border:1px solid rgba(122,92,255,.28)!important;background-color:var(--control-bg,var(--panel))!important;box-shadow:inset 3px 0 0 var(--brand2)!important;transition:border-color .15s,box-shadow .15s,transform .15s!important}
select:focus{border-color:rgba(122,92,255,.58)!important;box-shadow:inset 3px 0 0 var(--brand2),0 0 0 3px rgba(122,92,255,.12)!important}
#bulkDelete.hidden{display:none!important}
@media(max-width:600px){.modal{padding:10px!important}.modal>.modalbox{max-height:calc(100vh - 20px)!important;max-height:calc(100dvh - 20px)!important}.modalbox>.actions,.modalbox>.composeFooter,.confirmBox>.actions{flex-wrap:wrap!important;justify-content:flex-end!important}.modalbox>.actions .btn,.confirmBox>.actions .btn{width:auto!important}}