/* Scoped fix: do not change other modules' modal conventions. */
#planModal[hidden]{display:none!important}
#planModal{padding:16px;overflow:auto}
#planModal .modal-box{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
#planModal .card-head{position:sticky;top:-24px;background:#fffdf9;z-index:2;padding:12px 0}
#planModal .actions{position:sticky;bottom:-24px;background:#fffdf9;z-index:2;padding:12px 0}
@media(max-width:700px){#planModal{padding:8px}#planModal .modal-box{max-height:calc(100dvh - 16px)}#planModal .card-head{top:-16px}#planModal .actions{bottom:-16px}#planModal .rule-row{grid-template-columns:repeat(2,minmax(0,1fr))}#planModal .rule-row strong{grid-column:1/-1}#planModal .rule-row input{width:100%;min-width:0}}