/* Dark theme for admin tables */
.guest-list-table, .rsvp-list-table {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-surface); /* Dark background to match theme */
    border-radius: var(--radius-standard);
    box-shadow: var(--shadow-medium);
}

/* Table styling */
.admin-panel table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
    color: var(--color-text); /* Light text for readability */
    background-color: var(--color-surface); /* Dark background */
}

.admin-panel table th, .admin-panel table td {
    padding: 0.75rem 0.5rem;
    text-align: left;
    border-bottom: 1px solid var(--color-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-panel table th {
    background-color: rgba(109, 74, 255, 0.2); /* Purple accent with opacity */
    color: var(--color-accent); /* Gold color for headers */
    font-weight: 600;
}

/* Add zebra striping for better row distinction */
.admin-panel table tr:nth-child(even) {
    background-color: rgba(30, 30, 30, 0.7); /* Slightly lighter than surface color */
}

.admin-panel table tr:hover {
    background-color: rgba(109, 74, 255, 0.1); /* Subtle hover effect */
}

/* Form elements in the admin panel */
.admin-panel input, .admin-panel select, .admin-panel button {
    background-color: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-secondary);
}

.admin-panel input:focus, .admin-panel select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2); /* Gold glow */
}

/* Admin panel background */
.modal-content.admin-panel {
    background-color: var(--color-background);
    color: var(--color-text);
}

/* Fix for mobile version - adjust scroll indicator */
@media (max-width: 767px) {
    .guest-list-table::after, .rsvp-list-table::after {
        color: var(--color-accent);
        background-color: rgba(18, 18, 18, 0.7); /* Semi-transparent dark background */
        padding: 2px 6px;
        border-radius: 4px;
    }
}