/* ============================================================
 * App-wide layout — one place for how dense and how wide every page is.
 * Loaded after every module stylesheet (index.html), so it applies to all
 * screens: Document Vault, Cleansing, Operations, Workspace, Scrub, Reports,
 * Payment Tracking, SOPs, Admin.
 *
 *  1. Text size. Every font size in the app is written as
 *       calc(<size> * var(--ui-font-scale, 1))
 *     so this one number scales all of them together. 1 = the original
 *     sizes; .92 is about one point smaller everywhere.
 *  2. Full width. Pages and patient-record views run to the edge of the
 *     screen instead of sitting in a fixed-width box. Small dialogs (login,
 *     confirmations, settings forms) keep their compact size.
 *  3. Slightly tighter page padding to go with the smaller text.
 * ============================================================ */

:root {
  --ui-font-scale: 0.92;
  --ui-page-pad-y: 16px;
  --ui-page-pad-x: 20px;
}

/* ---- 2. Full width: page containers -------------------------------------- */
.vault-upload-form,
.vault-manage-grid,
.vault-manage-grid:has(.ot-card),
.vault-manage-grid:has(.ot-card) > .vault-card:not(.ot-card),
.form-view-body,
#view-pcc-live .pcc-live-wrap,
.sops-form,
.sops-admin-content,
.pts-upload-form,
.pts-schema,
.pts-burst .bb-container,
.ua-form {
  max-width: none;
}

/* ---- 2. Full width: patient-record / detail views ------------------------ */
.cleaning-record-frame,
.pl-record-frame,
.ops-record-frame,
.infr-frame {
  max-width: none;
}

/* ---- 3. Page padding ----------------------------------------------------- */
.content { padding: var(--ui-page-pad-y) var(--ui-page-pad-x); }
.topbar { padding: 14px var(--ui-page-pad-x); }

/* The Scrub module's popover holder sits in the page's flex row and its own
   padding reserved an empty 80px strip down the right of every screen. It
   only holds fixed-position popovers and dialogs, so it needs no width. */
#scrub-floating-root {
  flex: 0 0 0;
  width: 0;
  padding: 0;
  overflow: visible;
  background: none;
}