/**
 * Premium Design notification theme (SweetAlert2 skin).
 *
 * Brand styling for the centralized notification system (notify.js / AvatarNotify).
 * Kept tiny and tenant-themeable: every colour is a CSS custom property, so a
 * tenant's area stylesheet (frontend.css / partner.css — loaded AFTER this one)
 * can rebrand every dialog and toast by overriding just these variables, e.g.
 *     :root { --avatar-notify-accent: #0d6efd; }
 *
 * Only the bits that need to match the design are overridden; SweetAlert2's own
 * icon colours and layout are left untouched.
 */
:root {
    --avatar-notify-accent: #B78E56;       /* brand gold (confirm buttons)        */
    --avatar-notify-accent-dark: #8a6a3e;  /* hover/active                        */
    --avatar-notify-cancel: #6b7280;       /* neutral cancel button               */
    --avatar-notify-danger: #dc2626;       /* destructive confirm button          */
    --avatar-notify-radius: 14px;          /* dialog corner radius                */
}

/* Dialog + toast share the design's font and rounded corners. */
.avatar-notify-popup {
    border-radius: var(--avatar-notify-radius);
    font-family: inherit;
}
.avatar-notify-title {
    font-weight: 600;
}

/* Primary (confirm/OK) button — brand gold, flat, with a soft focus ring. */
.avatar-notify-confirm {
    background-color: var(--avatar-notify-accent) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600;
}
.avatar-notify-confirm:hover {
    background-color: var(--avatar-notify-accent-dark) !important;
}
.avatar-notify-confirm:focus {
    box-shadow: 0 0 0 3px rgba(183, 142, 86, .35) !important;
}

/* Destructive confirm (delete/remove flows) — red instead of gold. */
.avatar-notify-confirm.avatar-notify-danger {
    background-color: var(--avatar-notify-danger) !important;
}
.avatar-notify-confirm.avatar-notify-danger:focus {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .30) !important;
}

/* Secondary (cancel) button. */
.avatar-notify-cancel {
    background-color: var(--avatar-notify-cancel) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600;
}

/* Compact toast (corner feedback for quick actions). */
.avatar-notify-toast {
    font-family: inherit;
}

/* Validation error list rendered inside an error dialog. */
.avatar-notify-errors {
    text-align: left;
    margin: 0;
    padding-left: 1.1rem;
}
.avatar-notify-errors li {
    margin-bottom: 4px;
}