/* Fileboard table: compact layout that inherits the active 2swagg theme. */
.fileboardStatus { margin: 10px auto 6px; padding: 4px 8px; text-align: center; font: inherit; font-weight: bold; }
.fileboardIndex { width: 100%; max-width: 1180px; margin: 0 auto; overflow-x: auto; text-align: center; }
.uploadListing { width: auto; min-width: 0; margin: 0 auto; border: 0; border-collapse: separate; border-spacing: 1px; background: transparent; color: inherit; font: inherit; text-align: left; }
.uploadListing th.postblock { padding: 5px; border: 1px solid currentColor; font: inherit; font-weight: bold; text-align: center; vertical-align: middle; }
.uploadListing td { padding: 2px; border: 0; background: transparent; color: inherit; font: inherit; vertical-align: middle; }
.uploadListing tbody tr:nth-child(even) { background: transparent; }
.uploadListing .name { font-weight: bold; white-space: nowrap; }
.uploadListing .subject { font-weight: 700; }
.uploadListing .fileboardNo,
.uploadListing .fileboardTag,
.uploadListing .fileboardReplies,
.uploadListing .fileboardActions,
.uploadListing .fileboardEmbedCell { text-align: center; }
.uploadListing .fileboardName,
.uploadListing .fileboardFileCell,
.uploadListing .fileboardSubject { text-align: left; }
.uploadListing .fileboardName { text-align: center; }
.uploadListing .fileboardSize { text-align: center; }
.uploadListing .fileboardName,
.uploadListing .fileboardFileCell { white-space: nowrap; max-width: 250px; overflow: hidden; text-overflow: ellipsis; }
.uploadListing .fileboardFile,
.uploadListing .fileboardEmbed,
.uploadListing .replylink { text-decoration: none; white-space: nowrap; }
.uploadListing tbody tr:hover td { background: rgba(128, 128, 128, 0.12); }
@supports (background: color-mix(in srgb, currentColor 10%, transparent)) {
    .uploadListing tbody tr:hover td { background: color-mix(in srgb, currentColor 12%, transparent); }
}
.uploadListing .fileboardDate,
.uploadListing .fileboardSize { white-space: nowrap; }
.fileboardFooterRule { margin-top: 8px; }
@media (max-width: 700px) {
    .fileboardIndex { margin: 0; text-align: left; }
    .uploadListing { min-width: 760px; margin: 0; font-size: 11px; }
    .uploadListing th.postblock { padding: 5px; }
    .uploadListing td { padding: 2px; font-size: 11px; }
}


/* Compact fileboard rows modeled after the archive/4chan fileboard presentation. */
.uploadListing {
    width: max-content;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 1px 0;
    line-height: 1.2;
}
.uploadListing th.postblock { padding: 3px 5px; }
.uploadListing td { padding: 2px 4px; }
.uploadListing tbody tr:nth-child(odd) td {
    background-color: rgba(128, 128, 128, 0.10);
}
.uploadListing tbody tr:nth-child(even) td {
    background-color: transparent;
}
@supports (background: color-mix(in srgb, currentColor 10%, transparent)) {
    .uploadListing tbody tr:nth-child(odd) td {
        background-color: color-mix(in srgb, currentColor 10%, transparent);
    }
    .uploadListing tbody tr:nth-child(even) td {
        background-color: transparent;
    }
    .uploadListing tbody tr:hover td {
        background-color: color-mix(in srgb, currentColor 18%, transparent) !important;
    }
}
.uploadListing tbody tr:hover td { background-color: rgba(128, 128, 128, 0.18); }
.fileboardFooterRule { margin: 8px 0 4px; }
@media (max-width: 700px) {
    .uploadListing { min-width: 0; font-size: 12px; }
    .uploadListing th.postblock { padding: 3px 4px; }
    .uploadListing td { padding: 2px 3px; font-size: 12px; }
}


/* Main /up/ footer separator: visible above the style chooser and board links. */
.fileboardFooterRule { display:block !important; width:100%; height:0; margin:8px 0 4px; border:0; border-top:1px solid currentColor; clear:both; }


/* /up/ tag picker: image labels are limited to this fileboard form. */
.upTagChoices { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.upTagChoice { display:inline-flex; align-items:center; gap:2px; cursor:pointer; }
.upTagChoice input { margin:0 2px 0 0; }
.upTagChoice img, .fileboardTagImage { width:60px; height:15px; object-fit:contain; vertical-align:middle; }
.fileboardTagImage { display:inline-block; }
