/* AdEQ — client mode's own layout.
 *
 * The brutalist skin that was here (2026-10-28) is gone: Franz, 2026-10-29,
 * "i dont like it in dark mode, for now we remove it". What stays is layout.
 *
 * FILES (the client's Files tab) is a page, not a card: the media card's
 * 486px box that scrolls inside itself is let out to the page's height, and
 * its tiles grow to a size a person can actually look at.
 */

/* THE SAME FOR THE TEAM (Franz, 2026-11-03: "the files tab in team doesn't match the client"). */
[data-screen="client"] .cf-page .media { height: auto; border: 0; padding: 0; background: none; gap: var(--s-2); }
[data-screen="client"] .cf-page .media .dt-toolbar { padding: 0; }
[data-screen="client"] .cf-page .media-grid {
  overflow: visible; margin: 0; padding: 0;
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--w-col) * .55), 1fr)); gap: var(--gap-card);
}
[data-screen="client"] .cf-page .media-cap { padding: var(--s-1) var(--s-1h); font-size: 13px; color: var(--ink); }
[data-screen="client"] .cf-page .media-say:empty { display: none; }

/* PROFILE AND SETTINGS (2026-10-30): two columns, cards in fixed pairs
   (client-settings.js pairUp), a card with columns across both. */
[data-screen="client"] .profile-form.cm-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1023px) {
  [data-screen="client"] .profile-form.cm-board { grid-template-columns: minmax(0, 1fr); }
}

/* FILES, DOCS AS CARDS (2026-10-30): a grid like Media's, each card the
   document's kind as its face, then its name and its kind and date. */
[data-screen="client"] .cf-docs { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--w-col) * .6), 1fr)); gap: var(--s-2); }
[data-screen="client"] .cf-doc {
  display: flex; flex-direction: column; align-items: stretch; gap: var(--s-half); min-width: 0; padding: 0 0 var(--s-1h);
  border: var(--s-px) solid var(--rule); border-radius: var(--r-lg); background: var(--card); color: var(--ink); text-align: left; cursor: pointer; font: inherit; overflow: hidden;
}
[data-screen="client"] .cf-doc:hover { border-color: var(--ink-soft); }
[data-screen="client"] .cf-doc-face { display: grid; place-items: center; aspect-ratio: 4 / 3; margin-bottom: var(--s-1); background: var(--shade); }
[data-screen="client"] .cf-doc-face .doc-icon { transform: scale(1.4); }
[data-screen="client"] .cf-doc-name { padding: 0 var(--s-1h); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-screen="client"] .cf-doc-meta { padding: 0 var(--s-1h); font-size: 13px; color: var(--mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Media's count and search, on the Docs | Media bar's right (2026-10-30). */
[data-screen="client"] .cf-bar-extra { flex: 1 1 auto; display: flex; align-items: center; gap: var(--s-1h); min-width: 0; }
[data-screen="client"] .cf-bar-extra > .dt-toolbar { flex: 1 1 auto; margin: 0; padding: 0; border: 0; position: static; background: none; }

/* A VIDEO LINK'S TILE (2026-11-03): a play mark and its word, never a blank frame. */
.media-link { display: grid; place-content: center; justify-items: center; gap: var(--s-half); background: var(--shade); color: var(--ink-soft); text-decoration: none; }
.media-link-play { display: grid; place-items: center; width: var(--s-5); height: var(--s-5); border-radius: var(--r-pill); background: var(--card); color: var(--ink); }
.media-link-name { font: 600 12px/1.2 var(--font-body); }

/* SAVED (client-settings.js savedCard, migration 98): one row a piece. */
.saved-list { display: grid; }
.saved-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--s-1h); padding: var(--s-1) 0; border-top: var(--s-px) solid var(--rule-faint); }
.saved-row:first-child { border-top: 0; }
.saved-name { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.saved-kind, .saved-when { font-size: 12.5px; color: var(--mute); white-space: nowrap; }