/**
 * Nelson Dashboard Premium token bridge.
 *
 * Keeps premium modules aligned with the Nelson ecosystem color variables while
 * preserving older module variable names used throughout the plugin.
 */

:root {
    --nelsons-dashboard-primary: var(--nelson-primary, var(--nelson-primary));
    --nelsons-dashboard-primary-hover: var(--nelson-primary-dark, var(--nelson-primary-dark));
    --nelsons-dashboard-primary-active: var(--nelson-primary-dark, var(--nelson-primary-dark));
    --nelsons-dashboard-primary-light: var(--nelson-primary-light, var(--nelson-primary));
    --nelsons-dashboard-primary-lighter: var(--nelson-info-bg, #f0f6fc);
    --nelsons-dashboard-secondary: var(--nelson-secondary, #000000);
    --nelsons-dashboard-dark: var(--nelson-section-bg, #343434);
    --nelsons-dashboard-white: var(--nelson-bg-white, #ffffff);
    --nelsons-dashboard-off-white: var(--nelson-bg-light, #f9f9f9);
    --nelsons-dashboard-gray-darkest: var(--nelson-text, #333333);
    --nelsons-dashboard-gray-dark: var(--nelson-text, #333333);
    --nelsons-dashboard-gray: var(--nelson-text-light, #666666);
    --nelsons-dashboard-gray-light: var(--nelson-border, #dddddd);
    --nelsons-dashboard-gray-lighter: var(--nelson-border, #dddddd);
    --nelsons-dashboard-gray-lightest: var(--nelson-border, #e5e7eb);
    --nelsons-dashboard-success: var(--nelson-success, #46b450);
    --nelsons-dashboard-success-bg: var(--nelson-success-bg, #d4edda);
    --nelsons-dashboard-success-text: var(--nelson-success-text, #155724);
    --nelsons-dashboard-success-border: var(--nelson-success, #46b450);
    --nelsons-dashboard-warning: var(--nelson-warning, #ffb900);
    --nelsons-dashboard-warning-bg: var(--nelson-warning-bg, #fff3cd);
    --nelsons-dashboard-warning-text: var(--nelson-warning-text, #856404);
    --nelsons-dashboard-warning-border: var(--nelson-warning, #ffb900);
    --nelsons-dashboard-danger: var(--nelson-error, #dc3232);
    --nelsons-dashboard-error: var(--nelson-error, #dc3232);
    --nelsons-dashboard-error-bg: var(--nelson-error-bg, #f8d7da);
    --nelsons-dashboard-error-text: var(--nelson-error-text, #721c24);
    --nelsons-dashboard-error-border: var(--nelson-error, #dc3232);
    --nelsons-dashboard-info: var(--nelson-info, #0c5ba0);
    --nelsons-dashboard-info-bg: var(--nelson-info-bg, #d1ecf1);
    --nelsons-dashboard-info-text: var(--nelson-info-text, #0c5460);
    --nelsons-dashboard-info-border: var(--nelson-info, #b3d7ff);

    --nd-primary: var(--nelson-primary);
    --nd-primary-hover: var(--nelson-primary-dark);
    --nd-primary-active: var(--nelson-primary-dark);
    --nd-secondary: var(--nelson-text-light, #666666);
    --nd-dark: var(--nelson-text, #333333);
    --nd-white: var(--nelson-bg-white, #ffffff);
    --nd-off-white: var(--nelson-bg-light, #f9f9f9);
    --nd-background: var(--nelson-dashboard-bg, var(--nelson-bg-light, #f9f9f9));
    --nd-gray-darkest: var(--nelson-text, #333333);
    --nd-gray-dark: var(--nelson-text, #333333);
    --nd-gray: var(--nelson-text-light, #666666);
    --nd-gray-light: var(--nelson-border, #dddddd);
    --nd-gray-lighter: var(--nelson-border, #dddddd);
    --nd-gray-lightest: var(--nelson-border, #e5e7eb);
    --nd-success: var(--nelson-success, #46b450);
    --nd-warning: var(--nelson-warning, #ffb900);
    --nd-danger: var(--nelson-error, #dc3232);
    --nd-info: var(--nelson-info, #0c5ba0);
}

.nelsons-dashboard-premium-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 3px;
    background: var(--nelson-primary, var(--nelson-primary));
    color: var(--nelson-button-text, #ffffff);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.nelsons-dashboard-ai-native-toolbar,
.nelsons-dashboard-ai-blog-toolbar {
    margin: 15px 0;
    padding: 15px;
    background: var(--nelson-bg-light, #f9f9f9);
    border: 1px solid var(--nelson-border, #e0d8f0);
    border-radius: 6px;
}

.nelsons-dashboard-ai-toolbar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.nelsons-dashboard-ai-toolbar-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nelsons-dashboard-ai-toolbar-title {
    color: var(--nelson-text, #333333);
    font-size: 15px;
    font-weight: 600;
}

.nelsons-dashboard-ai-toolbar-icon {
    margin-right: 5px;
}

.nelsons-dashboard-ai-tone-select {
    min-width: 120px;
    padding: 8px 10px;
    border: 1px solid var(--nelson-border, #dddddd);
    border-radius: 4px;
    font-size: 14px;
}

.nelsons-dashboard-ai-tone-select--wide {
    width: 100%;
}

.nelsons-dashboard-ai-toolbar-button {
    flex: 1;
    min-width: 150px;
}

.nelsons-dashboard-ai-spinner {
    float: none;
    margin: 0;
}