/* UI-057 deel 2: dialogen - modale bevestigings- en beheerdialogen. */
.app-confirm-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:rgba(12,25,20,.58);backdrop-filter:blur(2px)}
.app-confirm-card{width:min(500px,100%);display:grid;grid-template-columns:52px 1fr;gap:16px;padding:24px;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.app-confirm-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:25px}
.app-confirm-icon-warning{color:#805914;background:#fff2d9}
.app-confirm-icon-danger{color:#a52828;background:#ffe4e4}
.app-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:8px}
.app-confirm-fields{grid-column:1/-1;display:grid;gap:12px;padding-top:4px}
.app-confirm-fields .form-label{margin-bottom:4px;font-weight:600}
.app-confirm-fields textarea{resize:vertical}
.app-confirm-actions{justify-content:space-between}
.app-confirm-actions .btn{white-space:nowrap}
.confirm-open{overflow:hidden}
@media(max-width:575.98px){.app-confirm-card{grid-template-columns:44px 1fr;padding:20px}.app-confirm-icon{width:44px;height:44px}.app-confirm-actions{flex-direction:column-reverse}.app-confirm-actions .btn{width:100%}}
.pricing-agreement-dialog{padding:28px}
@media(max-width:575.98px){.pricing-agreement-dialog{padding:20px}}
.contact-management-dialog{padding:28px}
.contact-merge-candidates{max-height:230px;overflow:auto}
.contact-merge-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;margin:14px 0 20px}
.contact-merge-route>div{border:1px solid var(--tb-border-color);border-radius:10px;padding:14px;background:var(--tb-light-bg-subtle)}
.contact-merge-route span,.contact-merge-route small{display:block;color:var(--tb-secondary-color)}
.contact-merge-route>i{font-size:1.4rem;color:var(--tb-secondary-color)}
@media(max-width:575.98px){.contact-management-dialog{padding:20px}.contact-merge-route{grid-template-columns:1fr}.contact-merge-route>i{transform:rotate(90deg);justify-self:center}}
#appConfirmMessage{white-space:pre-line}