/* ldu/pages-vault.css: the Vault pages (All files, Starred, Sandbox storage) and one session's box in the LDU look.

   The parts are the DS's (ldu/components.css): the lists are .ldu-table, empty lists components/ldu/_empty, counts .ldu-count, the
   storage bars .ldu-progress, the share choices .ldu-seg, buttons .btn. The page sections carry `ldu-page`, so the page frame of
   ldu/pages-work.css applies (`.page.ldu-page`). The rules below are layout, plus what the older comms/cube.css draws at its own
   weight: the narrow 880px column, the box page's inner padding, the drop zone.
   Nothing is removed or renamed. The Cube inside a room (.hcube) is slice 6's and is not touched here.
   Source: ui-cleanup/milan's ldu/cube.css, ldu/pages.css and comms/cube.css. Colours are var() of fraction-ds tokens only. */

/* the Vault pages (All files, Starred, Sandbox storage): the page frame of ldu/pages-work.css, a toolbar row (the Engagements board's search and
   dropdown bar, plus at most one more button) and the list as the Deliverables table (.ldu-table.eng__table, .eng__file). Under 640px the table keeps the name
   and the action; the room and the date move into the line under the name (.vfiles__roomline). */
.page.vaulthome.ldu-page { max-width: none; }
.page.vaulthome.ldu-page .vfiles__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.page.vaulthome.ldu-page .vfiles__bar > .xg__bar { flex: 1 1 32rem; min-width: 0; }
.page.vaulthome.ldu-page .vfiles__bar .xg__search { flex: 0 1 20rem; }
.page.vaulthome.ldu-page .vfiles { display: grid; gap: 12px; }
.page.vaulthome.ldu-page .vfiles__count { margin: 0; font-size: var(--fs-meta); color: var(--ink-2); }
.page.vaulthome.ldu-page .vfiles__count a { color: var(--ink-2); text-underline-offset: 3px; transition: color var(--dur); }
.page.vaulthome.ldu-page .vfiles__count a:hover { color: var(--ink); }
.page.vaulthome.ldu-page .vfiles__table table { min-width: 0; }
.page.vaulthome.ldu-page .vfiles__table td:first-child { width: 100%; white-space: normal; }
.page.vaulthome.ldu-page .vfiles__roomline { display: none; }
.page.vaulthome.ldu-page .vfiles__act { text-align: right; }
.page.vaulthome.ldu-page .eng__table td a.vfiles__link { text-decoration: none; color: var(--ink); border-radius: var(--r-2); }
.page.vaulthome.ldu-page .eng__table td a.vfiles__link:focus-visible { outline: var(--ring-w) solid var(--ring); outline-offset: var(--ring-offset); }
/* the vault app's status over the list: a quiet pill (dot, name, state) with a tooltip; a click opens the Vault app dialog. Not a button the page competes with. */
.page.vaulthome.ldu-page .vfiles__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; }
.page.vaulthome.ldu-page .vfiles__app { position: relative; flex: none; }
.page.vaulthome.ldu-page .vfiles__appopen {
  display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px;
  border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--ink);
  font: inherit; font-size: var(--fs-meta); font-weight: 500; cursor: pointer;
  transition: background-color var(--dur), border-color var(--dur);
}
.page.vaulthome.ldu-page .vfiles__appopen:hover { background: var(--ldu-wash); border-color: var(--ink-4); }
.page.vaulthome.ldu-page .vfiles__appopen:focus-visible { outline: var(--ring-w) solid var(--ring); outline-offset: var(--ring-offset); }
.page.vaulthome.ldu-page .vfiles__appopen > .dot { width: 6px; height: 6px; flex: none; border-radius: 50%; }
.page.vaulthome.ldu-page .vfiles__dot--on { background: var(--ok); }
.page.vaulthome.ldu-page .vfiles__dot--off { background: var(--ink-3); }
.page.vaulthome.ldu-page .vfiles__appstate { color: var(--ink-2); font-weight: 400; }
.page.vaulthome.ldu-page .vfiles__appstate::before { content: "·"; margin-right: 8px; color: var(--ink-3); }
.vfiles__tip { position: fixed; z-index: 50; pointer-events: none; width: max-content; max-width: min(300px, calc(100vw - 32px)); padding: 8px 12px; border-radius: var(--r-2); background: var(--ink); color: var(--bg); font-size: var(--fs-meta); line-height: 1.5; box-shadow: var(--shadow-menu); }
.vfiles__tip[hidden] { display: none; }
.vfiles__tip strong { font-weight: 600; }
.page.vaulthome.ldu-page .vfiles__emptyacts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
/* the row's Download: a ghost icon button (the strip of the Deliverables table) */
.page.vaulthome.ldu-page .vfiles__act { width: 1%; }

/* one file's page: the page header (title, its line of facts, Download), then the file itself */
.page.vfile.ldu-page .vfile__room { color: var(--ink-2); text-decoration-line: underline; text-decoration-color: var(--ink-4); text-underline-offset: 3px; transition: color var(--dur), text-decoration-color var(--dur); }
.page.vfile.ldu-page .vfile__room:hover { color: var(--ink); text-decoration-color: var(--ink-3); }
.page.vfile.ldu-page .vfile__note { display: block; padding: 24px; font-size: var(--fs-body); line-height: 1.6; overflow-wrap: anywhere; }
.page.vfile.ldu-page .vfile__note > p { margin: 0 0 12px; max-width: 72ch; }
.page.vfile.ldu-page .vfile__note > p:last-child { margin-bottom: 0; }
.page.vfile.ldu-page .vfile__frame { display: grid; place-items: center; padding: 16px; background: var(--ldu-recess); }
.page.vfile.ldu-page .vfile__img { display: block; max-width: 100%; max-height: 72vh; height: auto; border-radius: var(--r-2); }
.page.vfile.ldu-page .vfile__pdf { display: block; width: 100%; height: 78vh; padding: 0; border: 1px solid var(--line); }
.page.vaulthome.ldu-page .cubes__used { display: grid; gap: 4px; width: 160px; }
.vault-app__url { overflow-wrap: anywhere; }
.popup-dialog .vault-app__form { margin: 0; display: contents; }
.popup-dialog code { overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .page.vaulthome.ldu-page .vfiles__bar > .xg__bar { flex-basis: 100%; }
  .page.vaulthome.ldu-page .vfiles__bar .xg__search { flex-basis: 100%; }
}
@media (max-width: 639.98px) {
  .page.vaulthome.ldu-page :is(.vfiles__room, .vfiles__added) { display: none; }
  .page.vaulthome.ldu-page .vfiles__roomline { display: inline; }
  .page.vaulthome.ldu-page .vfiles__table .eng__file > :is(strong, small) { max-width: none; white-space: normal; }
  .page.vaulthome.ldu-page .vfiles__appstate { display: none; }
  .page.vfile.ldu-page .vfile__note { padding: 16px; }
}

/* one session's box: it sits in the page frame, so the box drops its own column and padding */
.page.cubes.ldu-page > .cubebox { max-width: none; padding: 0; }
.page.cubes.ldu-page .cubebox__head h1 { font-family: var(--display); font-size: var(--fs-h1); font-weight: 600; line-height: 1.25; letter-spacing: -0.02em; }
.page.cubes.ldu-page .cubebox__actions { flex-wrap: wrap; }
.page.cubes.ldu-page .cubebox__actions form { display: contents; }
.page.cubes.ldu-page .cubebox__lock { display: flex; align-items: flex-start; gap: 8px; padding: 0; background: none; border: 0; font-size: var(--fs-ui); line-height: 1.5; color: var(--ink-2); }
.page.cubes.ldu-page .cubebox__lock > .icon { flex: none; margin-top: 3px; color: var(--ink-3); }
.page.cubes.ldu-page .cubebox__lock b { color: var(--ink); font-weight: 600; }
.page.cubes.ldu-page .cubebox__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 0; }
.page.cubes.ldu-page .cube-drop { border: 1px dashed var(--ink-4); border-radius: var(--ldu-r-xl, 14px); background: var(--bg-2); transition: background-color var(--dur), border-color var(--dur); }
.page.cubes.ldu-page .cube-drop:hover { border-color: var(--ink-3); }
.page.cubes.ldu-page .cubebox__keytext { border-radius: var(--r-2); font-size: var(--fs-meta); }
.page.cubes.ldu-page .cubebox__keyrow .input { flex: 1; min-width: 0; }
.cubebox .btn--link { font-size: inherit; }   /* "choose files", Open, Delete: a link button inside a sentence takes the sentence's size */
.cubebox__meter { margin: 8px 0 0; }
.cubebox .ldu-seg { justify-self: start; }
@media (max-width: 639.98px) {
  .page.cubes.ldu-page .cubebox__head { align-items: flex-start; }
  .page.cubes.ldu-page .cubebox__head h1 { font-size: var(--fs-h2); }
  .page.cubes.ldu-page .cubebox__actions { width: 100%; }
  .page.cubes.ldu-page .cubebox__keyrow { flex-wrap: wrap; }
}

/* Vault > Notes (Memory's home, notes_home/show): the title with its one-line explainer under it, as on the other Vault pages */
.doc-head > h1 + .notes-home__lede { margin: 8px 0 0; font-size: var(--fs-body); line-height: 1.5; color: var(--ink-2); }
.page.vaulthome.ldu-page .ldu-dd--form.ldu-dd--on > .ldu-dd__trigger { border-color: var(--line); }   /* a form's default is a choice, not an applied filter (asked for in the DS as a form dropdown) */