/* Files view (item #3946, views/files.js). Per-view stylesheet, the
   routed-view convention: loaded from index.html after knowledge.css so it
   inherits the entry's token palette. The stores themselves are the portal's
   .wsfiles-* (wp-wsfiles.css, reached through the already-linked
   ../workspaces/css/app.css) and the media library's own rules; what lives
   here is the page frame (.mm-files*). Tokens only, so both themes follow
   the app. */

.mm-files {
  box-sizing: border-box; height: 100%; min-height: 0; overflow-y: auto;
  display: flex; flex-direction: column; padding: 24px 36px 20px;
  font-family: var(--sans);
}

/* -- the header: title · workspace name ------------------------------------- */
.mm-files-head { flex: none; display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.mm-files-title { font-size: 19px; font-weight: 700; margin: 0; }
.mm-files-meta { font-size: 12.5px; color: var(--text-dim); white-space: nowrap; }

/* -- the component's host ----------------------------------------------------- */
.mm-files-body { flex: 1; min-height: 0; }
.mm-files-body .wsfiles-tabs { margin-top: 8px; }

/* -- the details sheet (#3954): no topbar here, so it spans the window ------ */
.mm-files .wsfiles-sheet, :root[data-shell="my-maestro"] .wsfiles-sheet { top: 0; }