/* Zentrale Dialog-Styles mit Akzentfarbe vom Layout */

/* Dialog Header - Verwendet Primary-Farbe */
.mud-dialog-title {
    color: var(--mud-palette-primary) !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
    padding: 8px 16px !important;
    border-bottom: 2px solid var(--mud-palette-primary) !important;
}

/* Dialog Content - Gleiche Abstände oben/unten und links/rechts */
.mud-dialog-content {
    padding-top: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important;
}

/* Dialog Content mit DisableSidePadding - Padding für direkte Div-Kinder ohne Klasse oder mit leerer Klasse */
.mud-dialog-content > div:not([class]),
.mud-dialog-content > div[class=""] {
    padding-top: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important;
}

/* Spezielle Dialog-Wrapper (z.B. BatchPrintDialog) */
.batch-dialog-wrapper {
    padding: 24px !important;
}

/* Dialog Actions - Buttons mit Primary-Farbe */
.mud-dialog-actions {
    padding: 8px 12px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
    background-color: var(--mud-palette-surface) !important;
    gap: 8px !important;
}

/* Dialog Container - Schatten und Border */
.mud-dialog {
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    border-top: 3px solid var(--mud-palette-primary) !important;
    overflow: hidden !important;
}

/* Dialog Backdrop */
.mud-overlay-dialog {
    backdrop-filter: blur(0.5px) !important;
}


/* Dialog Icons */
.mud-dialog-title .mud-icon-root {
    color: var(--mud-palette-primary) !important;
    margin-right: 8px !important;
}

/* Verknüpfungs-Dialog: lesbare Schrift in ausgewählter Tabellenzeile (global, da Dialog-Inhalt im Portal) */
tr.verknuepfung-selected-row td.mud-table-cell,
.mud-table-root .mud-table-body tr.verknuepfung-selected-row td.mud-table-cell {
    color: #fff !important;
}

/* Scrollbar in Dialog Content */
.mud-dialog-content::-webkit-scrollbar {
    width: 8px;
}

.mud-dialog-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.mud-dialog-content::-webkit-scrollbar-thumb {
    background: var(--mud-palette-primary-lighten);
    border-radius: 4px;
}

.mud-dialog-content::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-primary);
}


/* Toast – an Dialog angeglichen, Body größer, ohne Opacity */
.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 1rem;
    --bs-toast-padding-y: 0.75rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 400px;
    --bs-toast-font-size: 1rem;
    --bs-toast-bg: var(--mud-palette-surface, #ffffff);
    --bs-toast-border-width: 1px;
    --bs-toast-border-radius: 8px;
    --bs-toast-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    --bs-toast-header-bg: var(--mud-palette-surface, #ffffff);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    border-top: 3px solid var(--mud-palette-primary);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
}

.toast .toast-header {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 8px 16px;
}

.toast .toast-header strong,
.toast .toast-header .toast-title {
    font-size: inherit;
    font-weight: inherit;
}

.toast .toast-body {
    padding: 12px 16px;
    font-size: var(--bs-toast-font-size);
}