/* Message component overrides (Bulma) */
[data-theme] .message {
    background-color: var(--message-bg, var(--surface-alt));
    color: var(--message-text, var(--text-primary));
    border: 1px solid var(--message-border, var(--border));
}

[data-theme] .message .message-header {
    background-color: var(--message-primary-header-bg, var(--primary));
    color: var(--message-primary-header-text, #fff);
    border-bottom: 1px solid var(--message-border, var(--border));
}

[data-theme] .message .message-body {
    background-color: var(--message-body-bg, var(--surface));
    color: var(--message-body-text, var(--text-primary));
    border-color: var(--message-body-border, var(--border));
}

[data-theme] .message .message-body,
[data-theme] .message .message-body p,
[data-theme] .message .message-body span,
[data-theme] .message .message-body li,
[data-theme] .message .message-body strong,
[data-theme] .message .message-body a {
    color: inherit;
}

[data-theme] .message .icon,
[data-theme] .message .icon-text .icon {
    color: var(--message-icon-color, currentColor);
}

[data-theme] .message.is-primary .message-header {
    background-color: var(--message-primary-header-bg, var(--primary));
    color: var(--message-primary-header-text, #fff);
}

[data-theme] .message.is-primary .message-body {
    background-color: var(--message-body-bg, var(--surface));
    color: var(--message-body-text, var(--text-primary));
    border-color: var(--message-body-border, var(--border));
}

[data-theme] .message.is-info .message-header {
    background-color: var(--message-info-header-bg, var(--info));
    color: var(--message-info-header-text, #fff);
}

[data-theme] .message.is-info .message-body {
    background-color: var(--message-body-bg, var(--surface));
    color: var(--message-body-text, var(--text-primary));
    border-color: var(--message-body-border, var(--border));
}

[data-theme] .message.is-success .message-header {
    background-color: var(--message-success-header-bg, var(--success));
    color: var(--message-success-header-text, #fff);
}

[data-theme] .message.is-success .message-body {
    background-color: var(--message-body-bg, var(--surface));
    color: var(--message-body-text, var(--text-primary));
    border-color: var(--message-body-border, var(--border));
}

[data-theme] .message.is-warning .message-header {
    background-color: var(--message-warning-header-bg, var(--warning));
    color: var(--message-warning-header-text, #fff);
}

[data-theme] .message.is-warning .message-body {
    background-color: var(--message-body-bg, var(--surface));
    color: var(--message-body-text, var(--text-primary));
    border-color: var(--message-body-border, var(--border));
}

[data-theme] .message.is-danger .message-header {
    background-color: var(--message-danger-header-bg, var(--danger));
    color: var(--message-danger-header-text, #fff);
}

[data-theme] .message.is-danger .message-body {
    background-color: var(--message-body-bg, var(--surface));
    color: var(--message-body-text, var(--text-primary));
    border-color: var(--message-body-border, var(--border));
}

/* Message is-light modifiers */
[data-theme] .message.is-primary.is-light {
    background-color: var(--notification-primary-light-bg, var(--primary-light));
    color: var(--notification-primary-light-text, var(--text-primary));
}

[data-theme] .message.is-primary-alt.is-light {
    background-color: var(--notification-primary-alt-light-bg, var(--primary-light));
    color: var(--notification-primary-alt-light-text, var(--text-primary));
}

[data-theme] .message.is-info.is-light {
    background-color: var(--notification-info-light-bg, var(--info-light));
    color: var(--notification-info-light-text, var(--text-primary));
}

[data-theme] .message.is-success.is-light {
    background-color: var(--notification-success-light-bg, var(--success-light));
    color: var(--notification-success-light-text, var(--text-primary));
}

[data-theme] .message.is-warning.is-light {
    background-color: var(--notification-warning-light-bg, var(--warning-light));
    color: var(--notification-warning-light-text, var(--text-primary));
}

[data-theme] .message.is-danger.is-light {
    background-color: var(--notification-danger-light-bg, var(--danger-light));
    color: var(--notification-danger-light-text, var(--text-primary));
}