/* TRIPLOOM V15.1.09 · Unified Modal Interaction Layer · Final Audit
   Visual styling remains feature-owned. This layer only guarantees predictable
   interaction, focus visibility, and closed-overlay click safety. */
html.triploom-modal-open-v15109,html.triploom-modal-open-v15109 body{overflow:hidden!important;overscroll-behavior:none!important}

.modal:not(.open):not(.is-open){pointer-events:none!important}
.modal.open,.modal.is-open{pointer-events:auto!important}
.modal.open>.modal-card,.modal.is-open>.modal-card{pointer-events:auto!important}

.modal.open :is(input,textarea,select:not(.triploom-native-select-v1565),button,a[href],[role="button"],[contenteditable="true"]),
.modal.is-open :is(input,textarea,select:not(.triploom-native-select-v1565),button,a[href],[role="button"],[contenteditable="true"]){pointer-events:auto!important}
.modal.open select.triploom-native-select-v1565,
.modal.is-open select.triploom-native-select-v1565{pointer-events:none!important}
.modal.open :is(input:not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,[contenteditable="true"]),
.modal.is-open :is(input:not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,[contenteditable="true"]){-webkit-user-select:text!important;user-select:text!important;touch-action:auto!important}

.modal>.modal-card::before,.modal>.modal-card::after,
.modal .modal-card>form::before,.modal .modal-card>form::after,
.modal [class*="footer"]::before,.modal [class*="footer"]::after,
.modal [class*="banner"]::before,.modal [class*="banner"]::after{pointer-events:none!important}

.modal select:not([multiple]){visibility:visible}
.modal :is(input,textarea,select):disabled,.modal :is(input,textarea)[readonly]{cursor:not-allowed}
.modal :is(input,textarea,select,button,a,[role="button"]):focus-visible{outline:2px solid #8EDFF0!important;outline-offset:2px!important}
.modal .modal-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

@media(max-width:760px){
  .modal.open :is(input,textarea,select),.modal.is-open :is(input,textarea,select){font-size:max(16px,1em)}
  .modal.open>.modal-card,.modal.is-open>.modal-card{max-width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){.modal,.modal *{scroll-behavior:auto!important}}