/**
 * Fluent UI Toast, Dialog a MessageBar — vizuál jako WPF (StyledDialogWindow.xaml, Themes/Dark.xaml, Light.xaml).
 * Načíst jako poslední stylesheet (po Pedikura.Web.styles.css), aby přebil scoped bundle Fluent knihovny.
 */

/* ----- Toast (FluentToastProvider) ----- */
.fluent-toast-provider {
    z-index: 10060 !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-toast-provider .fluent-toast,
.pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast {
    border-radius: 14px !important;
    border: 1px solid rgba(119, 201, 216, 0.48) !important;
    background-color: rgba(14, 26, 52, 0.96) !important;
    color: #eaf5ff !important;
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.48) !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast {
        border-radius: 14px !important;
        border: 1px solid rgba(213, 224, 234, 0.95) !important;
        background-color: #ffffff !important;
        color: #0f172a !important;
        box-shadow: 0 12px 36px rgba(15, 23, 42, 0.14) !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-toast-provider .fluent-toast {
    border-radius: 14px !important;
    border: 1px solid rgba(213, 224, 234, 0.95) !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.14) !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-toast-provider .fluent-toast .fluent-toast-title,
.pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast .fluent-toast-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast .fluent-toast-title {
        color: #0f172a !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-toast-provider .fluent-toast .fluent-toast-title {
    color: #0f172a !important;
    font-weight: 600 !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-toast-provider .fluent-toast .fluent-toast-details,
.pedikura-app-host.pedikura-theme-dark .fluent-toast-provider .fluent-toast .fluent-toast-small,
.pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast .fluent-toast-details,
.pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast .fluent-toast-small {
    color: #daeeff !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast .fluent-toast-details,
    .pedikura-app-host.pedikura-theme-system .fluent-toast-provider .fluent-toast .fluent-toast-small {
        color: #475569 !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-toast-provider .fluent-toast .fluent-toast-details,
.pedikura-app-host.pedikura-theme-light .fluent-toast-provider .fluent-toast .fluent-toast-small {
    color: #475569 !important;
}

/* ----- Dialog (fluent-dialog + Fluent modal markup) ----- */
.pedikura-app-host.pedikura-theme-dark fluent-dialog::part(control),
.pedikura-app-host.pedikura-theme-system fluent-dialog::part(control) {
    border-radius: 18px !important;
    border: 1px solid rgba(137, 180, 212, 0.82) !important;
    background: rgba(14, 26, 52, 0.94) !important;
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.55) !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system fluent-dialog::part(control) {
        border-radius: 18px !important;
        border: 1px solid rgba(213, 224, 234, 0.98) !important;
        background: #ffffff !important;
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16) !important;
    }
}

.pedikura-app-host.pedikura-theme-light fluent-dialog::part(control) {
    border-radius: 18px !important;
    border: 1px solid rgba(213, 224, 234, 0.98) !important;
    background: #ffffff !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16) !important;
}

.pedikura-app-host.pedikura-theme-dark fluent-dialog .fluent-dialog-header,
.pedikura-app-host.pedikura-theme-system fluent-dialog .fluent-dialog-header {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system fluent-dialog .fluent-dialog-header {
        color: #0f172a !important;
        font-size: 20px !important;
    }
}

.pedikura-app-host.pedikura-theme-light fluent-dialog .fluent-dialog-header {
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.pedikura-app-host.pedikura-theme-dark fluent-dialog .fluent-dialog-body,
.pedikura-app-host.pedikura-theme-system fluent-dialog .fluent-dialog-body {
    color: #daeeff !important;
    font-size: 16px !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system fluent-dialog .fluent-dialog-body {
        color: #475569 !important;
        font-size: 15px !important;
    }
}

.pedikura-app-host.pedikura-theme-light fluent-dialog .fluent-dialog-body {
    color: #475569 !important;
    font-size: 15px !important;
}

/* Patička: mezery jako ve WPF (stack vpravo) */
fluent-dialog .fluent-dialog-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

/* Tlačítka dialogu — primární zelená (#7EE48E), sekundární cyan (#8EE8FF), tmavý text */
.pedikura-app-host.pedikura-theme-dark fluent-dialog .fluent-dialog-footer,
.pedikura-app-host.pedikura-theme-system fluent-dialog .fluent-dialog-footer {
    --accent-fill-rest: #7ee48e !important;
    --accent-fill-hover: #83e98a !important;
    --accent-foreground-rest: #081018 !important;
    --neutral-fill-rest: #8ee8ff !important;
    --neutral-fill-hover: #a8f0ff !important;
    --neutral-foreground-rest: #081018 !important;
    --neutral-stroke-rest: #2a638b !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system fluent-dialog .fluent-dialog-footer {
        --accent-fill-rest: #15803d !important;
        --accent-fill-hover: #166534 !important;
        --accent-foreground-rest: #f8fafc !important;
        --neutral-fill-rest: #e2e8f0 !important;
        --neutral-fill-hover: #cbd5e1 !important;
        --neutral-foreground-rest: #0f172a !important;
        --neutral-stroke-rest: #94a3b8 !important;
    }
}

.pedikura-app-host.pedikura-theme-light fluent-dialog .fluent-dialog-footer {
    --accent-fill-rest: #15803d !important;
    --accent-fill-hover: #166534 !important;
    --accent-foreground-rest: #f8fafc !important;
    --neutral-fill-rest: #e2e8f0 !important;
    --neutral-fill-hover: #cbd5e1 !important;
    --neutral-foreground-rest: #0f172a !important;
    --neutral-stroke-rest: #94a3b8 !important;
}

/* Obsah MessageBox uvnitř dialogu */
.pedikura-app-host.pedikura-theme-dark .fluent-messagebox,
.pedikura-app-host.pedikura-theme-system .fluent-messagebox {
    color: #daeeff !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebox {
        color: #475569 !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebox {
    color: #475569 !important;
}

/* ----- MessageBar (FluentMessageBarProvider) ----- */
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.intent-info,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.dark.intent-info,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-info,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-info {
    background-color: rgba(14, 26, 52, 0.94) !important;
    border: 1px solid rgba(60, 125, 180, 0.72) !important;
    color: #eaf5ff !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-info,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-info {
        background-color: #f7fafc !important;
        border: 1px solid rgba(213, 224, 234, 0.98) !important;
        color: #0f172a !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar.intent-info,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar.dark.intent-info {
    background-color: #f7fafc !important;
    border: 1px solid rgba(213, 224, 234, 0.98) !important;
    color: #0f172a !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.intent-success,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.dark.intent-success,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-success,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-success {
    background-color: rgba(18, 62, 28, 0.92) !important;
    border: 1px solid rgba(131, 233, 138, 0.55) !important;
    color: #eaf5ff !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-success,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-success {
        background-color: #ecfdf3 !important;
        border: 1px solid rgba(21, 128, 61, 0.35) !important;
        color: #0f172a !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar.intent-success,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar.dark.intent-success {
    background-color: #ecfdf3 !important;
    border: 1px solid rgba(21, 128, 61, 0.35) !important;
    color: #0f172a !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.intent-warning,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.dark.intent-warning,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-warning,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-warning {
    background-color: rgba(72, 44, 12, 0.92) !important;
    border: 1px solid rgba(255, 215, 130, 0.5) !important;
    color: #fff8e8 !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-warning,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-warning {
        background-color: #fffbeb !important;
        border: 1px solid rgba(180, 83, 9, 0.4) !important;
        color: #78350f !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar.intent-warning,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar.dark.intent-warning {
    background-color: #fffbeb !important;
    border: 1px solid rgba(180, 83, 9, 0.4) !important;
    color: #78350f !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.intent-error,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar.dark.intent-error,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-error,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-error {
    background-color: rgba(72, 28, 28, 0.92) !important;
    border: 1px solid rgba(242, 178, 178, 0.55) !important;
    color: #fdecec !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.intent-error,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar.dark.intent-error {
        background-color: #fef2f2 !important;
        border: 1px solid rgba(185, 28, 28, 0.45) !important;
        color: #7f1d1d !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar.intent-error,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar.dark.intent-error {
    background-color: #fef2f2 !important;
    border: 1px solid rgba(185, 28, 28, 0.45) !important;
    color: #7f1d1d !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.intent-info,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.dark.intent-info,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-info,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-info {
    background-color: rgba(14, 26, 52, 0.96) !important;
    border: 1px solid rgba(60, 125, 180, 0.72) !important;
    color: #eaf5ff !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-info,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-info {
        background-color: #ffffff !important;
        border: 1px solid rgba(213, 224, 234, 0.98) !important;
        color: #0f172a !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.intent-info,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.dark.intent-info {
    background-color: #ffffff !important;
    border: 1px solid rgba(213, 224, 234, 0.98) !important;
    color: #0f172a !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.intent-success,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.dark.intent-success,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-success,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-success {
    background-color: rgba(18, 62, 28, 0.94) !important;
    border: 1px solid rgba(131, 233, 138, 0.5) !important;
    color: #eaf5ff !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-success,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-success {
        background-color: #ecfdf3 !important;
        border: 1px solid rgba(21, 128, 61, 0.35) !important;
        color: #0f172a !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.intent-success,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.dark.intent-success {
    background-color: #ecfdf3 !important;
    border: 1px solid rgba(21, 128, 61, 0.35) !important;
    color: #0f172a !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.intent-warning,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.dark.intent-warning,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-warning,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-warning {
    background-color: rgba(72, 44, 12, 0.94) !important;
    border: 1px solid rgba(255, 215, 130, 0.48) !important;
    color: #fff8e8 !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-warning,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-warning {
        background-color: #fffbeb !important;
        border: 1px solid rgba(180, 83, 9, 0.38) !important;
        color: #78350f !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.intent-warning,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.dark.intent-warning {
    background-color: #fffbeb !important;
    border: 1px solid rgba(180, 83, 9, 0.38) !important;
    color: #78350f !important;
}

.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.intent-error,
.pedikura-app-host.pedikura-theme-dark .fluent-messagebar-notification.dark.intent-error,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-error,
.pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-error {
    background-color: rgba(72, 28, 28, 0.94) !important;
    border: 1px solid rgba(242, 178, 178, 0.52) !important;
    color: #fdecec !important;
}

@media (prefers-color-scheme: light) {
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.intent-error,
    .pedikura-app-host.pedikura-theme-system .fluent-messagebar-notification.dark.intent-error {
        background-color: #fef2f2 !important;
        border: 1px solid rgba(185, 28, 28, 0.42) !important;
        color: #7f1d1d !important;
    }
}

.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.intent-error,
.pedikura-app-host.pedikura-theme-light .fluent-messagebar-notification.dark.intent-error {
    background-color: #fef2f2 !important;
    border: 1px solid rgba(185, 28, 28, 0.42) !important;
    color: #7f1d1d !important;
}