/* ============================================================
   CDF — Pages Arma (événements, stats, véhicules)
   ============================================================ */

.arma-page {
    max-width: 1400px;
    margin: 0 auto;
    padding: 16px;
}

.arma-head {
    margin-bottom: 16px;
}

.arma-head h3 {
    margin-bottom: 2px;
}

.arma-sub {
    color: rgba(255, 255, 255, .55);
    font-size: .9rem;
}

.arma-panel {
    background: rgba(20, 24, 18, .72);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 16px;
}

.arma-alert {
    background: rgba(224, 82, 82, .12);
    border: 1px solid rgba(224, 82, 82, .35);
    color: #f2b8b8;
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 14px;
}

.arma-empty {
    color: rgba(255, 255, 255, .5);
    text-align: center;
    padding: 24px 8px;
}

.arma-muted {
    color: rgba(255, 255, 255, .45);
}

.arma-danger {
    color: #e05252;
    font-weight: 600;
}

/* ---------- Filtres ---------- */

.arma-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.arma-filter {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
}

.arma-filter .lbl {
    font-size: .8rem;
    color: rgba(255, 255, 255, .6);
}

.arma-filter-actions {
    flex-direction: row;
    gap: 8px;
    min-width: auto;
}

.arma-input {
    background: rgba(0, 0, 0, .35);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    color: inherit;
    padding: 6px 10px;
    font-size: .9rem;
}

.arma-input:focus {
    outline: none;
    border-color: rgba(143, 191, 90, .55);
}

.arma-input-note {
    width: 100%;
    min-width: 140px;
}

/* ---------- Boutons ---------- */

.arma-btn {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
    color: inherit;
    padding: 6px 12px;
    font-size: .85rem;
    cursor: pointer;
    white-space: nowrap;
}

.arma-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, .12);
}

.arma-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.arma-btn-primary {
    border-color: rgba(143, 191, 90, .45);
    background: rgba(143, 191, 90, .18);
}

.arma-btn-success {
    border-color: rgba(143, 191, 90, .5);
    background: rgba(143, 191, 90, .22);
}

.arma-btn-ghost {
    background: transparent;
}

/* ---------- Table ---------- */

.arma-table-wrap {
    overflow-x: auto;
}

.arma-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}

.arma-table th,
.arma-table td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    text-align: left;
    vertical-align: middle;
}

.arma-table thead th {
    color: rgba(255, 255, 255, .65);
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.arma-table tbody tr:hover {
    background: rgba(255, 255, 255, .03);
}

.arma-num {
    text-align: right !important;
    white-space: nowrap;
}

.arma-nowrap {
    white-space: nowrap;
}

.arma-sortable {
    cursor: pointer;
    user-select: none;
}

.arma-sortable:hover {
    color: rgba(255, 255, 255, .9);
}

.arma-raw {
    display: inline-block;
    max-width: 480px;
    overflow-x: auto;
    font-size: .78rem;
    background: rgba(0, 0, 0, .35);
    border-radius: 6px;
    padding: 4px 6px;
    white-space: pre-wrap;
    word-break: break-all;
}

/* ---------- Pagination ---------- */

.arma-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding-top: 12px;
}

.arma-pager-info {
    color: rgba(255, 255, 255, .6);
    font-size: .85rem;
}

/* ---------- Badges type d'événement ---------- */

.arma-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}

.arma-badge-session {
    background: rgba(120, 144, 156, .18);
    border-color: rgba(120, 144, 156, .4);
    color: #b6c4cc;
}

.arma-badge-connect {
    background: rgba(143, 191, 90, .15);
    border-color: rgba(143, 191, 90, .4);
    color: #b4d68c;
}

.arma-badge-disconnect {
    background: rgba(255, 183, 77, .14);
    border-color: rgba(255, 183, 77, .4);
    color: #f0c98a;
}

.arma-badge-kill {
    background: rgba(224, 82, 82, .15);
    border-color: rgba(224, 82, 82, .45);
    color: #eba0a0;
}

.arma-badge-vehicle {
    background: rgba(186, 104, 200, .15);
    border-color: rgba(186, 104, 200, .45);
    color: #d8aee0;
}

.arma-badge-gm {
    background: rgba(79, 155, 217, .15);
    border-color: rgba(79, 155, 217, .45);
    color: #9ec8ec;
}

.arma-badge-base {
    background: rgba(255, 215, 64, .13);
    border-color: rgba(255, 215, 64, .4);
    color: #e8d48a;
}

.arma-badge-other {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .7);
}

/* ---------- Badges statut (registre véhicules) ---------- */

.arma-statut-du {
    background: rgba(224, 82, 82, .15);
    border-color: rgba(224, 82, 82, .5);
    color: #eba0a0;
}

.arma-statut-regle {
    background: rgba(143, 191, 90, .16);
    border-color: rgba(143, 191, 90, .5);
    color: #b4d68c;
}

.arma-statut-pardonne {
    background: rgba(79, 155, 217, .15);
    border-color: rgba(79, 155, 217, .5);
    color: #9ec8ec;
}

/* ---------- Cartes récap par joueur ---------- */

.arma-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.arma-card {
    background: rgba(20, 24, 18, .72);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    padding: 12px 14px;
}

.arma-card-title {
    font-weight: 700;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 6px;
}

.arma-card-line {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: .85rem;
    padding: 2px 0;
}

.arma-card-line .k {
    color: rgba(255, 255, 255, .55);
}

.arma-card-line .v {
    font-weight: 600;
}