.app-modal-backdrop{position:fixed;z-index:7000;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.42);padding:18px}.app-modal{width:min(450px,100%);display:grid;gap:14px;border:1px solid rgba(148,163,184,.45);border-radius:12px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.28);padding:22px}.app-modal-header h2{margin:0;color:#111827;font-size:var(--app-font-size-modal-title);line-height:1.25}.app-modal-body{color:#374151;font-size:var(--app-font-size-body);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.app-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.app-modal-btn{min-width:92px;min-height:38px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-control);padding:0 18px}.app-modal-btn-primary{background:#1877f2;color:#fff}.app-modal-btn-primary:hover{background:#166fe5}.app-modal-btn-primary.is-danger{background:#b4233c}.app-modal-btn-primary.is-danger:hover{background:#9f1f35}.app-modal-btn-secondary{background:#eef1f5;color:#374151}.app-modal-btn-secondary:hover{background:#e1e5eb}@media (max-width:520px){.app-modal{padding:18px}.app-modal-actions{display:grid;grid-template-columns:1fr 1fr}.app-modal-btn{width:100%}}