/* Filebox-specific styles.
   The shared BRAWLBOX design system (tokens, components, theme toggle) now lives in
   Suitebox.Theme → _content/Suitebox.Theme/css/brawlbox-theme.css.
   Only Filebox-specific rules remain below. */

/* Table enhancements */
.table {
    color: inherit;
}

[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-color);
    color: var(--text-main);
}

.table thead th {
    background: var(--input-bg);
    border-bottom: 1px solid var(--border-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    padding: 1rem;
}

.table tbody td {
    padding: 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
}

.table-hover tbody tr:hover {
    --bs-table-hover-bg: var(--input-bg);
}

/* Audio player modern look */
audio {
    width: 100%;
    height: 40px;
    border-radius: 20px;
}

[data-bs-theme="dark"] audio {
    filter: invert(100%) hue-rotate(180deg) brightness(1.5);
}