/* ---- Invite dialog — Figma: 540px, radius 19.25px ---- */
/* Both descendant and same-element selectors to handle MudBlazor rendering */
.dialog--invite .mud-dialog,
.dialog--invite.mud-dialog {
    width: 540px !important;
    max-width: 540px !important;
    border-radius: 19.25px !important;
    box-shadow: 0 0 0 0.8px rgba(228, 228, 231, 0.5), 0 16px 48px -12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
}

.dialog--invite .mud-dialog-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -0.4px !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    padding: 20px 20px 16px !important;
    border-bottom: 0.8px solid rgba(244, 244, 245, 0.8) !important;
}

.dialog--invite .mud-dialog-content {
    padding: 0 !important;
}

.dialog--invite .mud-dialog-actions {
    border-top: 0.8px solid rgba(244, 244, 245, 0.8) !important;
    padding: 16px 20px !important;
    margin-top: 16px !important;
    gap: 9.62px !important;
    justify-content: flex-end !important;
    border-radius: 0 0 19.25px 19.25px !important;
    --mud-default-borderradius: 0 !important;
}

.dialog--invite .mud-dialog-actions .mud-button:first-child {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    padding: 4px 5px !important;
    height: 32px !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dialog--invite .mud-dialog-actions .mud-button:last-child {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--color-text-inverse) !important;
    text-transform: none !important;
    padding: 4px 10px !important;
    height: 32px !important;
    border-radius: 12px !important;
    background: var(--color-brand-primary) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.2) !important;
}

.dialog--invite .mud-input,
.dialog--invite .mud-select {
    font-family: 'DM Sans', sans-serif !important;
    color: var(--color-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.15px !important;
}

.dialog--invite .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dialog--invite .mud-input-outlined-border legend {
    display: none !important;
}

.dialog--invite .mud-input-outlined .mud-input-outlined-border,
.dialog--invite .mud-select .mud-input-outlined .mud-input-outlined-border {
    border-radius: 12px !important;
    border-color: var(--color-border-muted) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.036) !important;
}

/* ---- Suspend dialog — Figma DT-401: 360px, radius 16px ---- */
/* Both descendant and same-element selectors to handle MudBlazor rendering */
.dialog--suspend .mud-dialog,
.dialog--suspend.mud-dialog {
    max-width: 360px !important;
    width: 360px !important;
    border-radius: 16px !important;
    border: 1px solid var(--color-bg-white) !important;
    box-shadow: 0 0 0 0.8px rgba(228, 228, 231, 0.5), 0 16px 48px -12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
}

.dialog--suspend .mud-dialog-title,
.dialog--suspend .mud-dialog-title-region {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    padding: 0 24px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(244, 244, 245, 0.8) !important;
}

.dialog--suspend .mud-dialog-content {
    padding: 24px !important;
}

.dialog--suspend .mud-dialog-actions {
    background: var(--color-bg-muted) !important;
    border-top: 1px solid rgba(244, 244, 245, 0.8) !important;
    padding: 16px 24px !important;
    height: 80px !important;
    gap: 12px !important;
    margin-top: 0 !important;
    justify-content: flex-end !important;
    border-radius: 0 !important;
}

.dialog--suspend .mud-dialog-actions .mud-button:first-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 40px !important;
    border-radius: 12px !important;
    padding: 8px 11px !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    white-space: nowrap !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dialog--suspend .mud-dialog-actions .mud-button:last-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 40px !important;
    border-radius: 12px !important;
    padding: 8px 22px !important;
    color: var(--color-text-inverse) !important;
    text-transform: none !important;
    white-space: nowrap !important;
    background: var(--color-brand-primary) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.2) !important;
}

.dialog--suspend .mud-dialog-actions .mud-button:last-child.mud-disabled,
.dialog--suspend .mud-dialog-actions .mud-button:last-child[disabled] {
    background: rgba(42, 47, 111, 0.4) !important;
    color: rgba(255, 255, 255, 0.6) !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.suspend-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #E1F5FE;
    border: 1px solid #B2EBF2;
    border-radius: 8px;
}

/* ---- Delete dialog — Figma DT-403: 360px, danger variant ---- */
.dialog--delete .mud-dialog,
.dialog--delete.mud-dialog {
    max-width: 360px !important;
    width: 360px !important;
    border-radius: 16px !important;
    border: 1px solid var(--color-bg-white) !important;
    box-shadow: 0 0 0 0.8px rgba(228, 228, 231, 0.5), 0 16px 48px -12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
}

.dialog--delete .mud-dialog-title,
.dialog--delete .mud-dialog-title-region {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--color-danger-bright) !important;
    text-transform: none !important;
    padding: 0 24px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(244, 244, 245, 0.8) !important;
}

.dialog--delete .mud-dialog-content {
    padding: 0 !important;
}

.dialog--delete .confirm-dialog-warning {
    padding: 24px;
}

.dialog--delete .mud-dialog-actions {
    background: var(--color-bg-muted) !important;
    border-top: 1px solid rgba(244, 244, 245, 0.8) !important;
    padding: 16px 24px !important;
    height: 80px !important;
    gap: 12px !important;
    margin-top: 0 !important;
    justify-content: flex-end !important;
    border-radius: 0 !important;
}

.dialog--delete .mud-dialog-actions .mud-button:first-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 40px !important;
    border-radius: 12px !important;
    padding: 8px 11px !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    white-space: nowrap !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dialog--delete .mud-dialog-actions .mud-button:last-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 40px !important;
    border-radius: 12px !important;
    padding: 8px 22px !important;
    color: var(--color-text-inverse) !important;
    text-transform: none !important;
    white-space: nowrap !important;
    background: var(--color-danger) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.2) !important;
}

.dialog--delete .mud-dialog-actions .mud-button:last-child.mud-disabled,
.dialog--delete .mud-dialog-actions .mud-button:last-child[disabled] {
    background: rgba(17, 24, 39, 0.06) !important;
    color: rgba(156, 163, 175, 0.4) !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.dialog--delete .mud-input-outlined .mud-input-outlined-border {
    border-radius: 12px !important;
    border-color: var(--color-border-strong) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.036) !important;
}

.dialog--delete .mud-input {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--color-text-primary) !important;
    letter-spacing: 0.15px !important;
}

.dialog--delete .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ---- Dialog Alerts: force wrap so long text doesn't stretch dialog width ---- */
.mud-dialog .mud-alert {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.mud-dialog .mud-alert .mud-alert-position {
    min-width: 0;
    flex: 1 1 0;
}

.mud-dialog .mud-alert .mud-alert-message,
.mud-dialog .mud-alert .mud-typography {
    min-width: 0;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ---- Edit Profile Dialog ---- */

/* Container */
.mud-dialog.dialog-edit-profile,
.dialog-edit-profile .mud-dialog {
    width: 370px !important;
    max-width: 370px !important;
    min-width: 370px !important;
    min-height: 410px !important;
    border-radius: 16px !important;
    border: 1px solid var(--color-bg-white) !important;
    box-shadow: 0px 0px 0px 0.8px rgba(228, 228, 231, 0.5), 0px 16px 48px -12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}

/* Title bar — 80px, padding 0 24px */
.mud-dialog.dialog-edit-profile .mud-dialog-title,
.dialog-edit-profile .mud-dialog .mud-dialog-title {
    padding: 0 24px !important;
    height: 80px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(244, 244, 245, 0.8) !important;
    border-radius: 0 !important;
}

/* Title text — Plus Jakarta Sans 700 16px */
.mud-dialog.dialog-edit-profile .dialog-title,
.dialog-edit-profile .mud-dialog .dialog-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--color-text-primary) !important;
    flex-grow: 1 !important;
}

/* Content area — padding 24px, 248px height */
.mud-dialog.dialog-edit-profile .mud-dialog-content,
.dialog-edit-profile .mud-dialog .mud-dialog-content {
    padding: 0 !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
}

.mud-dialog.dialog-edit-profile .dialog-body,
.dialog-edit-profile .mud-dialog .dialog-body {
    padding: 24px !important;
    gap: 16px !important;
}

/* Labels — DM Sans 400 12px, 4px gap to input */
.mud-dialog.dialog-edit-profile .dialog-label,
.dialog-edit-profile .mud-dialog .dialog-label {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: var(--color-text-secondary) !important;
    margin-bottom: 4px !important;
}

/* Input fields — 36px height, 12px horizontal padding */
.mud-dialog.dialog-edit-profile .mud-input-control,
.dialog-edit-profile .mud-dialog .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dialog--delete .mud-input-outlined-border legend {
    display: none !important;
}

.delete-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #FFEBEE;
    border: 1px solid #FFCDD2;
    border-radius: 8px;
}

.mud-dialog.dialog-edit-profile .mud-input-outlined .mud-input-outlined-border,
.dialog-edit-profile .mud-dialog .mud-input-outlined .mud-input-outlined-border {
    border: 1px solid #DCDFE4 !important;
    border-radius: 12px !important;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.036) !important;
}

.mud-dialog.dialog-edit-profile .mud-input-outlined-border legend,
.dialog-edit-profile .mud-dialog .mud-input-outlined-border legend {
    display: none !important;
}

.mud-dialog.dialog-edit-profile .mud-input-slot,
.dialog-edit-profile .mud-dialog .mud-input-slot {
    height: 36px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.15px !important;
    color: var(--color-text-secondary) !important;
}

.mud-dialog.dialog-edit-profile .mud-select .mud-input-slot,
.dialog-edit-profile .mud-dialog .mud-select .mud-input-slot {
    height: 36px !important;
}

.mud-dialog.dialog-edit-profile .mud-select .mud-input-outlined .mud-input-outlined-border,
.dialog-edit-profile .mud-dialog .mud-select .mud-input-outlined .mud-input-outlined-border {
    border: 1px solid #DCDFE4 !important;
    border-radius: 12px !important;
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.036) !important;
}

/* Actions bar — 80px, bg #F1F3F8, padding 16px 24px */
.mud-dialog.dialog-edit-profile .mud-dialog-actions,
.dialog-edit-profile .mud-dialog .mud-dialog-actions {
    padding: 16px 24px !important;
    gap: 12px !important;
    height: 80px !important;
    background: var(--color-bg-muted) !important;
    border-top: 1px solid rgba(244, 244, 245, 0.8) !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    justify-content: flex-end !important;
}

/* Cancel button — DM Sans 400 16px, transparent */
.mud-dialog.dialog-edit-profile .mud-dialog-actions .mud-button:first-child,
.dialog-edit-profile .mud-dialog .mud-dialog-actions .mud-button:first-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    padding: 8px 11px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Update button — DM Sans 400 16px, #2A2F6F */
.mud-dialog.dialog-edit-profile .mud-dialog-actions .mud-button:last-child,
.dialog-edit-profile .mud-dialog .mud-dialog-actions .mud-button:last-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: var(--color-text-inverse) !important;
    text-transform: none !important;
    padding: 8px 22px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: var(--color-brand-primary) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2) !important;
}

/* ---- Edit List Dialog (shared by Edit Groups and Edit Roles) ---- */

/* Container — 540px, auto height */
.mud-dialog.dialog-edit-list,
.dialog-edit-list .mud-dialog {
    width: 540px !important;
    max-width: 540px !important;
    min-width: 540px !important;
    border-radius: 16px !important;
    border: 1px solid var(--color-bg-white) !important;
    box-shadow: 0px 0px 0px 0.8px rgba(228, 228, 231, 0.5), 0px 16px 48px -12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}

/* Title bar — 80px, border-bottom */
.mud-dialog.dialog-edit-list .mud-dialog-title,
.dialog-edit-list .mud-dialog .mud-dialog-title {
    padding: 0 24px !important;
    height: 80px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(244, 244, 245, 0.8) !important;
}

/* Heading column (title + subtitle) */
.edit-groups-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    flex: 1;
}

/* Title — Plus Jakarta Sans 700 16px */
.dialog-edit-list .dialog-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--color-text-primary) !important;
}

/* Subtitle — Plus Jakarta Sans 500 13px */
.dialog-edit-list .dialog-subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: var(--color-text-secondary) !important;
}

/* Content area — 24px padding */
.mud-dialog.dialog-edit-list .mud-dialog-content,
.dialog-edit-list .mud-dialog .mud-dialog-content {
    padding: 24px !important;
}

/* Footer — 80px, #F1F3F8 background */
.mud-dialog.dialog-edit-list .mud-dialog-actions,
.dialog-edit-list .mud-dialog .mud-dialog-actions {
    padding: 16px 24px !important;
    gap: 12px !important;
    height: 80px !important;
    background: var(--color-bg-muted) !important;
    border-top: 1px solid rgba(244, 244, 245, 0.8) !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    justify-content: flex-end !important;
}

/* Cancel button — DM Sans 400 16px, transparent */
.mud-dialog.dialog-edit-list .mud-dialog-actions .mud-button:first-child,
.dialog-edit-list .mud-dialog .mud-dialog-actions .mud-button:first-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: var(--color-text-primary) !important;
    text-transform: none !important;
    padding: 8px 11px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Update/Close button — DM Sans 400 16px, #2A2F6F */
.mud-dialog.dialog-edit-list .mud-dialog-actions .mud-button:last-child,
.dialog-edit-list .mud-dialog .mud-dialog-actions .mud-button:last-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: var(--color-text-inverse) !important;
    text-transform: none !important;
    padding: 8px 22px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: var(--color-brand-primary) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2) !important;
}

/* ---- Empty state (no groups) ---- */

.edit-groups-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    gap: 16px;
    background: var(--color-bg-soft);
    border-radius: 12px;
}

.edit-groups-empty-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #E1F5FE;
    border: 1px solid rgba(89, 155, 255, 0.37);
    border-radius: 10.5px;
}

.edit-groups-empty-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    color: var(--color-text-primary) !important;
}

.edit-groups-empty-desc {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    text-align: center !important;
    color: var(--color-text-secondary) !important;
}

/* ---- Edit list items (with checkboxes) — shared by Edit Groups and Edit Roles ---- */

.edit-list-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 8px;
    background: var(--color-bg-soft);
    border-radius: 12px;
}

.edit-list-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.edit-list-checkbox-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    flex: 1;
    height: 44px;
}

.edit-list-checkbox.mud-checkbox {
    margin: 0 !important;
}

.edit-list-checkbox .mud-button-root {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
}

.edit-list-checkbox .mud-icon-root {
    font-size: 20px !important;
    color: rgba(17, 24, 39, 0.64) !important;
}

.edit-list-checkbox .Mui-checked .mud-icon-root,
.edit-list-checkbox input:checked + .mud-icon-root {
    color: var(--color-brand-primary) !important;
}

.edit-list-label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: var(--color-text-primary);
    flex: 1;
}

/* Overlay — blur (MudDialog renders overlay globally) */
.mud-overlay-dialog,
.mud-dialog-container > .mud-overlay,
.mud-overlay.mud-overlay-absolute {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(2px) !important;
}

/* Global dialog baseline — scoped variants override these */
.mud-dialog-container .mud-dialog {
    overflow: hidden !important;
}

/* MudTextField/MudSelect override — rounded inputs */
.page-top .mud-input-outlined .mud-input-outlined-border,
.cm-filters .mud-input-outlined .mud-input-outlined-border {
    border-radius: 12px !important;
    border-color: var(--color-border-muted) !important;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.036) !important;
}

/* ---- Re-run confirmation dialog (Figma rerun.txt — 440x252) ---- */
/* Pattern mirrors dialog--suspend: title/content/actions styled directly on
   .mud-dialog-* elements (no inner wrapper divs), so the tinted footer bg sits
   on the actual MudBlazor element and Firefox can't bleed it past the corner. */
.dialog--rerun.mud-dialog,
.dialog--rerun .mud-dialog {
    width: 440px !important;
    max-width: 440px !important;
    min-width: 440px !important;
    border-radius: 16px !important;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 0.8px rgba(228, 228, 231, 0.5),
                0 16px 48px -12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.dialog--rerun .mud-dialog-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 24px !important;
    margin: 0 !important;
    height: 80px !important;
    border-bottom: 1px solid rgba(244, 244, 245, 0.8) !important;
    border-radius: 0 !important;
    background: #FFFFFF !important;
}

.dialog--rerun .mud-dialog-content {
    padding: 24px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.dialog--rerun .mud-dialog-actions {
    background: #F1F3F8 !important;
    border-top: 1px solid rgba(244, 244, 245, 0.8) !important;
    padding: 16px 24px !important;
    height: 80px !important;
    gap: 12px !important;
    margin-top: 0 !important;
    margin: 0 !important;
    justify-content: flex-end !important;
    border-radius: 0 !important;
}

.rerun-dlg-icon {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #E1F5FE;
    border: 1px solid #B2EBF2;
    border-radius: 8px;
    flex-shrink: 0;
    color: var(--ob-brand-blue);
}

.rerun-dlg-title {
    flex: 1;
    margin: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #111827;
}

.rerun-dlg-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 4px;
    transition: background 150ms ease-in-out;
}

.rerun-dlg-close:hover {
    background: rgba(33, 33, 33, 0.08);
}

.rerun-dlg-close:focus-visible {
    outline: 2px solid #2A2F6F;
    outline-offset: 2px;
}

.rerun-dlg-message {
    margin: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 160%;
    color: #6B7280;
}

.rerun-dlg-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 8px 22px;
    gap: 8px;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    text-transform: none;
    white-space: nowrap;
    transition: background 150ms ease-in-out, transform 100ms ease-in-out;
}

.rerun-dlg-btn:active {
    transform: translateY(1px);
}

.rerun-dlg-btn--cancel {
    background: transparent;
    color: #111827;
    padding: 8px 11px;
}

.rerun-dlg-btn--cancel:hover {
    background: rgba(17, 24, 39, 0.06);
}

.rerun-dlg-btn--cancel:focus-visible {
    outline: 2px solid #2A2F6F;
    outline-offset: 2px;
}

.rerun-dlg-btn--confirm {
    background: #2A2F6F;
    color: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14),
                0px 2px 1px -1px rgba(0, 0, 0, 0.2);
}

.rerun-dlg-btn--confirm:hover {
    background: #1E2259;
}

.rerun-dlg-btn--confirm:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(42, 47, 111, 0.35);
}