/*
 * SweetAlert dressed as part of CMIS rather than as a generic library popup.
 *
 * The defaults are a rounded white card with a coloured ring and pill buttons, which sits at odds
 * with everything around it. This pulls the popup onto the app's own tokens - the same corner
 * radius, border colour, typography and button styles the rest of the interface uses - so a
 * confirmation reads as the system asking a question rather than as something bolted on.
 *
 * Everything keys off the Velzon CSS variables the theme already defines, so it follows the
 * light/dark switch without a second palette to maintain.
 */

.swal2-popup.cmis-swal {
    border-radius: 10px;
    border: 1px solid var(--vz-border-color, var(--vz-border-color));
    box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
    padding: 26px 26px 20px;
    background: var(--vz-secondary-bg, #fff);
    color: var(--vz-body-color, #495057);
    font-family: inherit;
}

.swal2-popup.cmis-swal .swal2-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--vz-heading-color, #212529);
    padding: 0;
    margin: 0 0 6px;
}

.swal2-popup.cmis-swal .swal2-html-container {
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--vz-secondary-color, #878a99);
    margin: 0;
    padding: 0;
}

/* The icon is a filled circle with a Remix glyph, matching the avatar-title treatment used on
   cards elsewhere, instead of SweetAlert's outlined ring. */
.swal2-popup.cmis-swal .swal2-icon {
    width: 58px;
    height: 58px;
    margin: 4px auto 16px;
    border: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 26px;
}
.swal2-popup.cmis-swal .swal2-icon .swal2-icon-content {
    font-size: 26px;
    line-height: 1;
}

.cmis-swal-icon-danger  { background: var(--vz-danger-bg-subtle,  #f9e7e6); color: var(--vz-danger,  #f06548); }
.cmis-swal-icon-warning { background: var(--vz-warning-bg-subtle, #fdf3e3); color: var(--vz-warning, #f7b84b); }
.cmis-swal-icon-success { background: var(--vz-success-bg-subtle, #e2f6ec); color: var(--vz-success, #0ab39c); }
.cmis-swal-icon-info    { background: var(--vz-info-bg-subtle,    #e4f1fb); color: var(--vz-info,    var(--nexus-accent, #22D3EE)); }
.cmis-swal-icon-primary { background: var(--vz-primary-bg-subtle, #e8eaf1); color: var(--vz-primary, var(--nexus-primary, #6366F1)); }

.swal2-popup.cmis-swal .swal2-actions {
    margin: 20px 0 0;
    gap: 8px;
}

/* Buttons are the app's own .btn classes (buttonsStyling is off in the helper), so they inherit
   hover, focus ring and disabled states rather than approximating them. */
.swal2-popup.cmis-swal .swal2-styled {
    margin: 0;
    padding: 7px 18px;
    font-size: 13px;
    border-radius: 4px;
}

.swal2-container.cmis-swal-container {
    backdrop-filter: blur(1px);
}