/* Translation Manager Plugin Styles */

.translation-input {
    font-family: monospace;
    font-size: 0.9rem;
}

.translation-row.modified {
    background-color: #e7f3ff;
}

.translation-row.new {
    background-color: #e7f5e7;
}

.translation-row.obsolete {
    background-color: #fff3cd;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Mode sombre - Améliorations pour Translation Manager */
[data-bs-theme="dark"] .translation-row.modified,
[data-theme="dark"] .translation-row.modified {
    background-color: rgba(13, 110, 253, 0.15);
}

[data-bs-theme="dark"] .translation-row.new,
[data-theme="dark"] .translation-row.new {
    background-color: rgba(25, 135, 84, 0.15);
}

[data-bs-theme="dark"] .translation-row.obsolete,
[data-theme="dark"] .translation-row.obsolete {
    background-color: rgba(255, 193, 7, 0.15);
}

/* Cartes en mode sombre */
[data-bs-theme="dark"] .card,
[data-theme="dark"] .card {
    background-color: var(--bs-body-bg, #1a1a1a) !important;
    border-color: var(--bs-border-color, #333) !important;
}

[data-bs-theme="dark"] .card-header,
[data-theme="dark"] .card-header {
    background-color: transparent !important;
    border-color: var(--bs-border-color, #333) !important;
}

/* Badges en mode sombre */
[data-bs-theme="dark"] .badge.bg-light,
[data-theme="dark"] .badge.bg-light {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
    color: var(--bs-body-color, #fff) !important;
}

[data-bs-theme="dark"] .badge.bg-success-subtle,
[data-theme="dark"] .badge.bg-success-subtle {
    background-color: rgba(25, 135, 84, 0.2) !important;
    color: #75b798 !important;
}

[data-bs-theme="dark"] .badge.bg-warning-subtle,
[data-theme="dark"] .badge.bg-warning-subtle {
    background-color: rgba(255, 193, 7, 0.2) !important;
    color: #ffc107 !important;
}

[data-bs-theme="dark"] .badge.bg-danger-subtle,
[data-theme="dark"] .badge.bg-danger-subtle {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #ea868f !important;
}

/* Tableaux en mode sombre */
[data-bs-theme="dark"] .table,
[data-theme="dark"] .table {
    color: var(--bs-body-color, #fff) !important;
}

[data-bs-theme="dark"] .table thead th,
[data-theme="dark"] .table thead th {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
    color: var(--bs-body-color, #fff) !important;
    border-color: var(--bs-border-color, #333) !important;
}

[data-bs-theme="dark"] .table tbody tr,
[data-theme="dark"] .table tbody tr {
    border-color: var(--bs-border-color, #333) !important;
}

[data-bs-theme="dark"] .table-hover tbody tr:hover,
[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
}

/* Accordion en mode sombre */
[data-bs-theme="dark"] .accordion-item,
[data-theme="dark"] .accordion-item {
    background-color: var(--bs-body-bg, #1a1a1a) !important;
    border-color: var(--bs-border-color, #333) !important;
}

[data-bs-theme="dark"] .accordion-button,
[data-theme="dark"] .accordion-button {
    background-color: transparent !important;
    color: var(--bs-body-color, #fff) !important;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed),
[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
    color: var(--bs-body-color, #fff) !important;
}

[data-bs-theme="dark"] .accordion-button::after,
[data-theme="dark"] .accordion-button::after {
    filter: invert(1);
}

[data-bs-theme="dark"] .accordion-body,
[data-theme="dark"] .accordion-body {
    background-color: var(--bs-body-bg, #1a1a1a) !important;
    color: var(--bs-body-color, #fff) !important;
}

/* Mini-stat en mode sombre */
[data-bs-theme="dark"] .mini-stat,
[data-theme="dark"] .mini-stat {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
    border-color: var(--bs-border-color, #333) !important;
    color: var(--bs-body-color, #fff) !important;
}

[data-bs-theme="dark"] .mini-stat:hover,
[data-theme="dark"] .mini-stat:hover {
    background-color: var(--bs-tertiary-bg, #3d3d3d) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Progress bars en mode sombre */
[data-bs-theme="dark"] .progress,
[data-theme="dark"] .progress {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
}

/* Cartes avec bordures colorées en mode sombre */
[data-bs-theme="dark"] .card[style*="border-left"],
[data-theme="dark"] .card[style*="border-left"] {
    border-color: var(--bs-border-color, #333) !important;
}

/* Text-muted en mode sombre */
[data-bs-theme="dark"] .text-muted,
[data-theme="dark"] .text-muted {
    color: var(--bs-secondary-color, #adb5bd) !important;
}

/* Boutons en mode sombre */
[data-bs-theme="dark"] .btn-outline-primary,
[data-theme="dark"] .btn-outline-primary {
    border-color: var(--bs-primary, #0d6efd) !important;
    color: var(--bs-primary, #0d6efd) !important;
}

[data-bs-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--bs-primary, #0d6efd) !important;
    color: #fff !important;
}

/* Code badges en mode sombre */
[data-bs-theme="dark"] code.badge,
[data-theme="dark"] code.badge {
    background-color: var(--bs-secondary-bg, #2d2d2d) !important;
    color: var(--bs-body-color, #fff) !important;
    border: 1px solid var(--bs-border-color, #333) !important;
}