/* =========================================================
   PILLORY · IKARIAM DATOS
   Usa css/mapa.css (panel, badge, título, select) y añade
   aquí solo lo propio de la tabla de baneados.
   Paleta: rojo imperial / pergamino / oro
   ========================================================= */

/* ---------- Selector: sin botón, centrado ---------- */
#formularioserver.ika-select-only .col-auto { align-items: center; }
#formularioserver.ika-select-only .ika-label { padding-left: 0; }

/* =========================================================
   LOADER
   ========================================================= */

#loader {
    margin: 10px auto 40px !important;
}
#loader p {
    color: var(--ika-ink-soft, #7a5233);
    font-size: 14px;
    font-weight: 600;
}
#loader .spinner-border {
    color: var(--ika-red, #7e0c0b) !important;
    border-width: .3em;
}
#loader .text-danger {
    color: var(--ika-red, #7e0c0b) !important;
    font-weight: 700;
}

/* =========================================================
   CONTENEDOR DE LA TABLA (marco igual que el del mapa)
   ========================================================= */

#resultWrap {
    max-width: 1100px;
    margin: 0 auto 40px;
    padding: 10px;
    background: linear-gradient(180deg, #6b3f22, #3b2216);
    border: 1px solid #c9963e;
    border-radius: 16px;
    box-shadow: 0 0 0 4px rgba(201,150,62,.25), 0 18px 40px rgba(67,38,28,.35);
    text-align: left;
}

.ika-table-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 8px 10px 14px;
}

.ika-table-title {
    margin: 0;
    font-family: "Cinzel", Georgia, serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #f1d08a;
}

.ika-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    background: linear-gradient(180deg, #a3201a, #7e0c0b);
    color: #ffe9b8;
    border: 1px solid rgba(241,208,138,.6);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ika-table-scroll {
    overflow-x: auto;
    border-radius: 10px;
}

/* =========================================================
   TABLA
   ========================================================= */

#resultTable {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fbf1da;
    font-size: 14px;
}

#resultTable > :not(caption) > * > * {
    border: 0 !important;
    box-shadow: none !important;
}

/* Cabecera */
#resultTable thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 14px 16px;
    background: linear-gradient(180deg, #a3201a, #7e0c0b) !important;
    color: #ffe9b8 !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    border-bottom: 2px solid #c9963e !important;
    white-space: nowrap;
}

#resultTable thead .text-primary {
    color: #f1d08a !important;
    cursor: help;
}

/* Filas */
#resultTable tbody tr > * {
    padding: 11px 16px;
    color: #3b2412 !important;
    background-color: #fbf1da !important;
    border-bottom: 1px solid rgba(158,106,45,.18) !important;
    vertical-align: middle;
    font-weight: 500;
}

#resultTable tbody tr:nth-of-type(even) > * {
    background-color: #f3e2bb !important;
}

#resultTable tbody tr:hover > * {
    background-color: #ecd09a !important;
}

#resultTable tbody tr:last-child > * {
    border-bottom: 0 !important;
}

/* Columna nº */
#resultTable th:first-child,
#resultTable td:first-child {
    width: 70px;
    text-align: center;
}

#resultTable td:first-child {
    color: #7a5233 !important;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* Jugador */
#resultTable td:nth-child(2) {
    font-weight: 700;
    color: #3b2412 !important;
}

/* Etiquetas dentro de celdas */
.ika-ally {
    display: inline-block;
    padding: 2px 10px;
    background: rgba(126,12,11,.08);
    color: #7e0c0b;
    border: 1px solid rgba(126,12,11,.25);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.ika-muted {
    color: #a68663;
    font-style: italic;
    font-size: 13px;
}

.ika-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4a3018;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.ika-date::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c0392b;
}

/* =========================================================
   CELDA BLOQUEADA (Pillory gratuito)
   ========================================================= */

#resultTable td.pixelado {
    position: relative;
    min-width: 130px;
    color: transparent !important;
}

#resultTable td.pixelado::after {
    content: "🔒 Premium";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 3px 12px;
    white-space: nowrap;
    background: linear-gradient(180deg, #fff3cf, #f1d08a);
    color: #6b3f22;
    border: 1px solid #c9963e;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    box-shadow: 0 2px 4px rgba(67,38,28,.15);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {
    #resultWrap { margin: 0 12px 32px; padding: 8px; }
    #resultTable thead th { padding: 11px 8px; font-size: 11px; letter-spacing: 1px; }
    #resultTable tbody tr > * { padding: 9px 8px; font-size: 13px; }
    #resultTable th:first-child,
    #resultTable td:first-child { width: 44px; }
    #resultTable td.pixelado::after { left: 8px; font-size: 11px; padding: 2px 8px; }
}