/* Shared table styles for admin and player panels */
.logs-table, .admin-table, .codes-table, .character-table, .ip-table, .table, table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    background-color: var(--surface-color, #1a1a1a);
    border-radius: 10px;
    overflow: hidden;
}
.logs-table th, .admin-table th, .codes-table th, .character-table th, .ip-table th, .table th, table th,
.logs-table td, .admin-table td, .codes-table td, .character-table td, .ip-table td, .table td, table td {
    vertical-align: middle !important;
    padding: 1rem;
}
.logs-table th, .admin-table th, .codes-table th, .character-table th, .ip-table th, .table th, table th {
    text-align: center;
    font-weight: 500;
    font-size: 0.95rem;
    background-color: rgba(0,0,0,0.15);
}
.logs-table td[data-label="Date"],
.logs-table td[data-label="Name"],
.logs-table td[data-label="Description"],
.logs-table td[data-label="User"],
.logs-table td[data-label="Character"],
.logs-table td[data-label="Item Name"],
.logs-table td[data-label="Reason"],
.admin-table td[data-label="Date"],
.admin-table td[data-label="Name"],
.admin-table td[data-label="Description"],
.admin-table td[data-label="User"],
.admin-table td[data-label="Character"],
.admin-table td[data-label="Item Name"],
.admin-table td[data-label="Reason"] {
    text-align: left !important;
}
.logs-table td[data-label="Action"],
.logs-table td[data-label="Status"],
.admin-table td[data-label="Action"],
.admin-table td[data-label="Status"] {
    text-align: center !important;
    width: 56px;
    min-width: 56px;
    max-width: 56px;
}
.logs-table td[data-label="Action"] i,
.logs-table td[data-label="Status"] i,
.admin-table td[data-label="Action"] i,
.admin-table td[data-label="Status"] i {
    font-size: 1.2rem !important;
    display: inline-block;
    vertical-align: middle;
}
.logs-table td, .admin-table td, .codes-table td, .character-table td, .ip-table td, .table td, table td {
    vertical-align: middle !important;
}
.logs-table td[data-label="Date"] {
    text-align: center !important;
}
.logs-table td[data-label="Name"] {
    text-align: center !important;
}
.admin-table td[data-label="Date"] {
    text-align: center !important;
}
.admin-table td[data-label="Status"] {
    text-align: center !important;
    width: 100px;
    min-width: 100px;
    max-width: 120px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    vertical-align: middle !important;
}
.admin-table td[data-label="Status"] > * {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.admin-table tr > td:last-child {
    padding-right: 2.5rem !important;
}
.admin-table th:last-child {
    padding-right: 2.5rem !important;
}
@media screen and (max-width: 768px) {
    .logs-table td[data-label], .admin-table td[data-label], .codes-table td[data-label], .character-table td[data-label], .ip-table td[data-label], .table td[data-label], table td[data-label] {
        text-align: left !important;
        padding-left: 40% !important;
    }
    .logs-table td[data-label="Action"],
    .logs-table td[data-label="Status"],
    .admin-table td[data-label="Action"],
    .admin-table td[data-label="Status"] {
        text-align: center !important;
        padding-left: 40% !important;
    }
} 