/**
 * Minimal Theme Styles
 * Clean and distraction-free interface
 */

[data-theme="minimal"] {
    /* Minimal theme with clean, distraction-free design */
    --primary-bg: #ffffff;
    --secondary-bg: #fafafa;
    --tertiary-bg: #f5f5f5;
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    --accent-color: #000000;
    --accent-hover: #333333;
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --info-color: #17a2b8;
    --border-color: #e0e0e0;
    --shadow-color: rgba(0, 0, 0, 0.1);

    /* Glass morphism variables for minimal theme */
    --glass-bg: rgba(255, 255, 255, 0.95);
    --glass-border: rgba(0, 0, 0, 0.05);
    --text-white: #ffffff;
    --text-light: #666666;
    --text-glow: none;

    /* Minimal neon colors (subtle) */
    --neon-pink: #666666;
    --neon-purple: #555555;
    --neon-blue: #444444;
    --neon-green: #333333;
    --neon-yellow: #777777;
    --neon-orange: #888888;
    --neon-red: #999999;
}

/* Minimal theme specific styles */
[data-theme="minimal"] body {
    background: var(--primary-bg) !important;
    color: var(--text-primary);
    font-weight: 400;
}

[data-theme="minimal"] .card {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    box-shadow: none;
    border-radius: 4px;
}

[data-theme="minimal"] .btn-primary {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: white;
    border-radius: 4px;
    font-weight: 500;
}

[data-theme="minimal"] .btn-primary:hover {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
    box-shadow: none;
}

[data-theme="minimal"] .navbar {
    background: var(--primary-bg) !important;
    border-bottom: 1px solid var(--border-color);
    box-shadow: none;
}

[data-theme="minimal"] .form-control {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    border-radius: 4px;
    box-shadow: none;
}

[data-theme="minimal"] .form-control:focus {
    background: var(--primary-bg);
    border-color: var(--accent-color);
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}

[data-theme="minimal"] .form-select {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    border-radius: 4px;
}

/* Remove all decorative elements */
[data-theme="minimal"] h1,
[data-theme="minimal"] h2,
[data-theme="minimal"] h3,
[data-theme="minimal"] h4,
[data-theme="minimal"] h5,
[data-theme="minimal"] h6 {
    font-weight: 600;
    color: var(--text-primary);
}

/* Chart container styling */
[data-theme="minimal"] .chart-container {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

/* Progress bars */
[data-theme="minimal"] .progress {
    background: var(--secondary-bg);
    border-radius: 4px;
}

[data-theme="minimal"] .progress-bar {
    background: var(--accent-color);
}

/* Tables */
[data-theme="minimal"] .table {
    color: var(--text-primary);
}

[data-theme="minimal"] .table-striped tbody tr:nth-of-type(odd) {
    background: var(--secondary-bg);
}

/* Alerts - simplified */
[data-theme="minimal"] .alert-success {
    background: var(--secondary-bg);
    border: 1px solid var(--success-color);
    color: var(--success-color);
    border-radius: 4px;
}

[data-theme="minimal"] .alert-warning {
    background: var(--secondary-bg);
    border: 1px solid var(--warning-color);
    color: #856404;
    border-radius: 4px;
}

[data-theme="minimal"] .alert-danger {
    background: var(--secondary-bg);
    border: 1px solid var(--danger-color);
    color: var(--danger-color);
    border-radius: 4px;
}

[data-theme="minimal"] .alert-info {
    background: var(--secondary-bg);
    border: 1px solid var(--info-color);
    color: var(--info-color);
    border-radius: 4px;
}

/* Modal styling */
[data-theme="minimal"] .modal-content {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Dropdown menus */
[data-theme="minimal"] .dropdown-menu {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

[data-theme="minimal"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="minimal"] .dropdown-item:hover {
    background: var(--secondary-bg);
    color: var(--text-primary);
}

/* Remove animations and transitions for truly minimal feel */
[data-theme="minimal"] * {
    transition: none !important;
    animation: none !important;
}

/* Scrollbars - simple and clean */
[data-theme="minimal"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="minimal"] ::-webkit-scrollbar-track {
    background: var(--secondary-bg);
}

[data-theme="minimal"] ::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 0;
}

[data-theme="minimal"] ::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}