/* Project "Файлы" in the approved board concept: toolbar row plus a grid of file cards. */
.workspace > .files-view { margin: 0 24px 32px !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)) !important; align-items: start !important; gap: 16px !important; background: #fff !important; }
.files-view .files-toolbar { grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.files-view .files-toolbar > div { display: flex !important; align-items: baseline !important; gap: 10px !important; }
.files-view .files-toolbar strong { color: #24202c !important; font-size: 16px !important; font-weight: 600 !important; }
.files-view .files-toolbar span { color: #898397 !important; font-size: 14px !important; }
.files-view .files-toolbar button { min-height: 40px !important; padding: 8px 16px !important; border: 1px solid #ddd7e7 !important; border-radius: 7px !important; background: #fff !important; box-shadow: none !important; color: #7954d6 !important; font-size: 14px !important; font-weight: 500 !important; }

.files-view .file-tile { display: grid !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border: 1px solid #eae5f3 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; overflow: hidden !important; transform: none !important; }
.files-view .file-tile:hover { border-color: #a282ee !important; }
.files-view .file-tile .attachment-card { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #f8f6fc !important; box-shadow: none !important; }
.files-view .file-tile .attachment-card > div { display: none !important; }
.files-view .file-tile .attachment-media-button { display: grid !important; place-items: center !important; width: 100% !important; aspect-ratio: 4 / 3 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #f8f6fc !important; overflow: hidden !important; position: relative !important; }
.files-view .file-tile .attachment-media-button img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
.files-view .file-tile > button { display: grid !important; gap: 4px !important; width: 100% !important; margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-top: 1px solid #f0edf5 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; text-align: left !important; }
.files-view .file-tile > button strong { color: #24202c !important; font-size: 14px !important; font-weight: 500 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.files-view .file-tile > button span { color: #898397 !important; font-size: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

@media (max-width: 760px) {
  .workspace > .files-view { margin: 0 14px 14px !important; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)) !important; gap: 12px !important; }
  .files-view .files-toolbar { flex-wrap: wrap !important; }
}