/* ==========================================================================
   ATTACHMENTS STYLES - DARK MODE
   Dark mode overrides for attachment gallery, list view, upload, and media
   ========================================================================== */

@media (prefers-color-scheme: dark) {

    /* --------------------------------------------------------------------------
       File Card Base
       -------------------------------------------------------------------------- */
    .file {
        background: #36363c;
        color: #7bb0ff;
    }

    .file-bytes {
        color: rgb(207, 220, 242);
    }

    .file-title {
        color: #cfdcf2;
    }

    .file-title:hover {
        color: #9bc1f9;
    }

    .file:hover {
        color: #9bc1f9;
    }

    .file:hover .file-wrapper {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .file:hover .file-title {
        color: #cfdcf2;
    }

    .file:hover .file-bytes {
        color: rgb(207, 220, 242);
    }

    /* --------------------------------------------------------------------------
       Image Attachment
       -------------------------------------------------------------------------- */
    .image-bytes {
        color: rgb(207, 220, 242);
    }

    .file:hover .image-full {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .image-title {
        color: #cfdcf2;
    }

    /* --------------------------------------------------------------------------
       Video Attachment
       -------------------------------------------------------------------------- */
    div.video-full:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .video-title {
        color: #cfdcf2;
    }

    /* --------------------------------------------------------------------------
       Download & Delete Buttons
       -------------------------------------------------------------------------- */
    .icon-downland {
        color: #cfdcf2;
    }

    .icon-downland:hover {
        color: #7bb0ff;
    }

    .gallery-download-button {
        color: #cfdcf2;
    }

    .gallery-download-button:hover {
        color: #7bb0ff;
    }

    .delete-attachment-button svg {
        fill: #cfdcf2;
    }

    .delete-attachment-button:hover svg {
        fill: #7bb0ff;
    }

    /* --------------------------------------------------------------------------
       Inline File Attachment
       -------------------------------------------------------------------------- */
    .file-inline {
        border: 1px solid var(--border-color);
        box-shadow: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;

        & > * {
            color: var(--link-color);
        }
    }

    /* --------------------------------------------------------------------------
       Attachment View Toggle & Action Buttons
       -------------------------------------------------------------------------- */
    #toggle-attachments-view-button {
        color: #d3d7e6;
    }

    #download-all-button {
        background: #282D33;
        border-color: #3E4B55;
        color: #B6C2CF;
    }

    #download-all-button:hover {
        background-color: #333C44;
    }

    /* --------------------------------------------------------------------------
       Attachment List View
       -------------------------------------------------------------------------- */
    .list-info.header {
        color: #9FADBC;
    }

    .attachment-list-item {
        box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2);
        background: #21262B;
    }

    .attachment-list-item:hover {
        background: #262c31;
    }

    .list-thumbnail,
    .list-thumbnail-placeholder {
        background: #333C44;
        color: #d3d7e6;
    }

    .list-filename {
        color: #B6C2CF;
    }

    .list-filesize {
        color: #9FADBC;
    }

    /* --------------------------------------------------------------------------
       Upload Container & Overlay
       -------------------------------------------------------------------------- */
    .upload-attachment-info-child {
        color: rgb(193, 203, 220);
    }

    .upload-attachment-container-drop-info {
        color: rgb(193, 203, 220);
    }

    .upload-overlay {
        background: rgba(65, 65, 73, 0.5);
        border-color: #3E4B55;
    }

    .upload-overlay.visible {
        border: 2px dashed rgb(81, 156, 232);
    }

    .upload-attachment-container-bg {
        background-color: #22282d;
        border: 1px solid #171b1e;
    }

    /* --------------------------------------------------------------------------
       Upload Progress
       -------------------------------------------------------------------------- */
    .upload-info-list-progress-item {
        border-color: #3E4B55;
    }

    .upload-info-list-progress-item.active {
        border-color: #579DFF;
    }

    .upload-info-list-progress-item.done {
        border-color: #4BCE97;
    }

    .upload-info-list-progress-item.error {
        border-color: #F87462;
    }

    /* --------------------------------------------------------------------------
       Progress Bar
       -------------------------------------------------------------------------- */
    .aui-progress-indicator {
        background: rgba(255, 255, 255, 0.13);
    }

    .aui-progress-indicator-value {
        background: #579DFF;
    }

    /* --------------------------------------------------------------------------
       PDF Container
       -------------------------------------------------------------------------- */
    .pdf-file-name {
        color: #B6C2CF;
    }

    .pdf-file-name-tooltip::after {
        background-color: #22272B;
        color: #d3d7e6;
    }

}