/* fd-tableau-mj.css */
.fd-mj-wrap {
    font-family: 'Courier New', Courier, monospace;
    background: #06060f;
    padding: 32px 24px;
    border: 1px solid #1a1a3a;
    border-radius: 6px;
    color: #a088c8;
}

/* Header */
.fd-mj-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2a1a4a;
    flex-wrap: wrap;
}
.fd-mj-badge-mj {
    display: inline-block;
    font-size: 9px;
    color: #cc88ff;
    letter-spacing: .2em;
    text-transform: uppercase;
    border: 1px solid #5533aa;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 8px;
}
.fd-mj-header-titre h2 {
    font-size: 16px;
    color: #e0c8ff;
    margin: 6px 0 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.fd-mj-header-titre p { font-size: 11px; color: #554477; margin: 0; }

.fd-mj-stats-globales {
    display: flex;
    gap: 16px;
}
.fd-mj-stat {
    background: #100a22;
    border: 1px solid #2a1a4a;
    border-radius: 4px;
    padding: 12px 20px;
    text-align: center;
    min-width: 80px;
}
.fd-mj-stat-val   { display: block; font-size: 28px; font-weight: 700; color: #cc88ff; }
.fd-mj-stat-label { display: block; font-size: 9px; color: #554477; letter-spacing: .1em; text-transform: uppercase; margin-top: 4px; }

/* Table */
.fd-mj-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.fd-mj-table thead th {
    background: #100a22;
    color: #7755aa;
    font-size: 9px;
    letter-spacing: .15em;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: left;
    border-bottom: 2px solid #2a1a4a;
}
.fd-mj-table tbody tr {
    border-bottom: 1px solid #111128;
    transition: background .15s;
}
.fd-mj-table tbody tr:hover { background: #0e0e20; }
.fd-mj-table tbody td { padding: 10px 12px; vertical-align: top; }

.fd-mj-rang  { color: #554477; font-size: 14px; font-weight: 700; width: 40px; }
.fd-mj-nom   { color: #d0b0ff; font-weight: 700; }
.fd-mj-total { color: #cc88ff; font-size: 16px; font-weight: 700; text-align: center; width: 80px; }
.fd-mj-date  { color: #7799cc; font-size: 11px; white-space: nowrap; }

.fd-mj-badge-rouge {
    display: inline-block;
    background: #1a0808;
    border: 1px solid #5a1a1a;
    color: #ff6666;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
    vertical-align: middle;
    letter-spacing: .05em;
}

.fd-mj-alerte td { background: #0f0808 !important; }

.fd-mj-pub-item {
    display: inline-block;
    background: #100a22;
    border: 1px solid #2a1a4a;
    color: #9977bb;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    margin: 2px 2px 2px 0;
}
.fd-mj-pub-item strong { color: #cc88ff; }

.fd-mj-vide {
    padding: 32px;
    text-align: center;
    color: #443366;
    font-size: 13px;
    font-style: italic;
}

/* Actions */
.fd-mj-actions {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #1a1a2e;
    text-align: right;
}
.fd-mj-btn-reset {
    background: #1a0808;
    border: 1px solid #3a1a1a;
    color: #cc4444;
    font-family: 'Courier New', monospace;
    font-size: 11px;
    padding: 8px 16px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: all .2s;
}
.fd-mj-btn-reset:hover {
    background: #2a0a0a;
    border-color: #6a2a2a;
    color: #ff4444;
}