/* /css/file-repository.css */

.drive-search-bar {
    background-color: #eaf1f8; /* A light blue-gray similar to Drive */
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}
.drive-search-bar:focus-within {
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 6px 2px rgba(0,0,0,.08);
    border-color: transparent;
}

.drive-filter-chip {
    background-color: #f1f3f4;
    border: 1px solid #dadce0;
    color: #3c4043;
}
.drive-filter-chip:hover {
    background-color: #e8eaed;
}

.drive-folder-card {
    background-color: #f8f9fa;
    border: 1px solid #dadce0;
    transition: background-color 0.15s ease-in-out;
}
.drive-folder-card:hover {
    background-color: #f1f3f4;
}

.drive-file-card {
    border: 1px solid #dadce0;
    transition: box-shadow 0.15s ease-in-out;
    background-color: #fff;
}
.drive-file-card:hover {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
}
.drive-file-card .preview {
    background-color: #f1f3f4;
}