/* Custom file icons based on extension */
.k-filemanager .k-listview .k-listview-item .k-file-preview,
.k-filemanager .k-treeview .k-file-preview {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    /* Thumbnail styling for grid view */
    .k-filemanager .k-listview .k-listview-item .k-file-preview.has-thumbnail {
        background-size: cover;
    }

/* File type icon colors - using k-svg-i- prefix for Kendo SVG icons */
.k-filemanager .k-svg-i-file-pdf,
.k-filemanager [class*="k-i-file-pdf"] {
    color: #e74c3c !important;
}

/* Kendo maps .xls/.xlsx to the "data" file group => icon class is k-svg-i-file-data */
.k-filemanager .k-svg-i-file-data,
.k-filemanager .k-svg-i-file-xls,
.k-filemanager .k-svg-i-file-xlsx,
.k-filemanager [class*="k-i-file-excel"],
.k-filemanager [class*="k-i-file-xls"],
.k-filemanager [class*="k-i-file-data"] {
    color: #217346 !important;
}

.k-filemanager .k-svg-i-file-doc,
.k-filemanager .k-svg-i-file-docx,
.k-filemanager [class*="k-i-file-word"],
.k-filemanager [class*="k-i-file-doc"] {
    color: #2980b9 !important;
}

.k-filemanager .k-svg-i-file-zip,
.k-filemanager [class*="k-i-file-zip"] {
    color: #f39c12 !important;
}

.k-filemanager .k-svg-i-file-image,
.k-filemanager .k-svg-i-photo-camera,
.k-filemanager [class*="k-i-file-image"],
.k-filemanager [class*="k-i-image"] {
    color: #9b59b6 !important;
}

.k-filemanager .k-svg-i-file-video,
.k-filemanager [class*="k-i-file-video"],
.k-filemanager [class*="k-i-video"] {
    color: #e67e22 !important;
}

.k-filemanager .k-svg-i-file-audio,
.k-filemanager [class*="k-i-file-audio"],
.k-filemanager [class*="k-i-audio"] {
    color: #1abc9c !important;
}

/* Folder icon color - match treeview yellow */
.k-filemanager .k-svg-i-folder,
.k-filemanager .k-svg-i-folder-open,
.k-filemanager [class*="k-i-folder"] {
    color: #f4b942 !important;
}

/* TreeView folder styling - show default icons with yellow color */
.k-filemanager .k-treeview .k-treeview-item .k-icon,
.k-filemanager .k-treeview .k-treeview-item .k-svg-icon {
    color: #f4b942 !important;
    font-size: 16px;
    display: inline-block !important;
}

/* Add folder icon before treeview item text if no icon present */
.k-filemanager .k-filemanager-navigation .k-treeview-leaf-text::before,
.k-filemanager .k-treeview-leaf-text::before {
    content: "\f07b";
    font-family: "FontAwesome";
    margin-right: 4px;
    font-size: 14px;
    color: #f4b942;
}

.k-filemanager .k-filemanager-navigation .k-treeview-leaf,
.k-filemanager .k-treeview-leaf {
    display: flex;
    align-items: center;
}

.k-filemanager .k-treeview .k-treeview-lines .k-treeview-item {
    border-left: 1px dotted #999;
    margin-left: 8px;
}

.k-filemanager .k-treeview .k-treeview-lines > .k-treeview-item {
    border-left: none;
    margin-left: 0;
}

.k-filemanager .k-treeview .k-in {
    padding: 2px 4px;
}

    .k-filemanager .k-treeview .k-in:hover {
        background-color: #e8f4fc;
    }

    .k-filemanager .k-treeview .k-selected > .k-in,
    .k-filemanager .k-treeview .k-in.k-selected {
        background-color: #0078d7;
        color: white;
    }

/* Thumbnail container styling */
.k-filemanager .k-listview-content .k-listview-item {
    min-height: 120px;
}

/* Grid view (Details): icon left, name right (Explorer-style) */
.k-filemanager .k-grid td {
    vertical-align: middle;
}

    .k-filemanager .k-grid td .file-group-icon {
        float: left;
        margin-right: 8px;
        line-height: 1;
    }

        .k-filemanager .k-grid td .file-group-icon .k-icon,
        .k-filemanager .k-grid td .file-group-icon .k-svg-icon {
            display: inline-block;
            vertical-align: middle;
        }

    .k-filemanager .k-grid td .file-name {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.k-filemanager .k-listview-content .k-listview-item .k-file-preview {
    width: 80px;
    height: 80px;
}

/* Preview pane thumbnail */
.k-filemanager .preview-thumbnail {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    margin-bottom: 10px;
}

.k-filemanager .preview-icon {
    font-size: 64px;
    margin-bottom: 10px;
}

/* Hide the search component in the toolbar */
.k-filemanager .k-filemanager-toolbar .k-toolbar-tool[data-command="SearchCommand"] {
    display: none !important;
}

.k-filemanager.file-manager-container {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.k-filemanager .k-filemanager-toolbar {
    background-color: #f5f5f5;
}

.k-filemanager .k-filemanager-navigation {
    border-right: 1px solid #e0e0e0;
}

.k-filemanager .k-filemanager-view {
    background-color: #fff;
}