/* Business-application finish for the pages outside the Digital Asset
   section (25 Sep 2026): the Web Accessibility titles and title pages, the
   dashboard, the activity log, the admin pages, the team report, sign-in.

   The same principle as the header and da.css's closing layer: square-cornered
   badges instead of pills, 6–8px corners on cards and buttons, hairline
   borders instead of soft shadows, flat fills instead of gradients, labels in
   sentence case. Loaded from partials/topbar.html — the one partial every
   one of these pages includes — so it follows each page's own <style>.
   Every selector starts `html body` so it also outranks the admin pages,
   whose <style> sits inside the body after the top bar; that is the whole
   reason for the prefix. Table column headers keep their small capitals. */

/* Tokens: cards that read a radius or shadow variable settle in one move. */
html body {
  --radius: 8px; --radius-sm: 6px;
  --r-sm: 6px; --r-md: 6px; --r-lg: 8px; --r-xl: 8px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .04);
  --shadow: 0 1px 3px rgba(16, 24, 40, .06);
  --shadow-lg: 0 2px 6px rgba(16, 24, 40, .08);
}
html body .rp-ov { --rp-radius: 8px; }

/* Badges, chips, counts and status pills: square corners. */
html body :is(.doc, .chip, .badge, select.status, .pt-opt-tag, .tab .cnt, .pill, .da-note__chip, .stage-due,
  .stage-pill, .files-count, .reject-banner__when span, .np-chip, .stimer-chip, .subproc-count, .subproc__badge,
  .cov-flowtag, .cov-rmk-toggle, .cov-admin__count, .eyebrow, .log-role, .rp-role, .secure, .rework-tag) {
  border-radius: 4px;
}

/* Meters: thin and barely rounded. */
html body :is(.progress__track, .progress__fill, .subproc-bar, .subproc-bar__fill, .rp-bar .tr, .rp-bar .fl) {
  border-radius: 2px;
}

/* Cards, panels, toolbars and dialogs: 8px corners. */
html body :is(.tcard, .stat, .toolbar, .modal, .tabs, .pt-panel, .m-drop, .stage-card, .da-panel, .delivery-package,
  .subproc-wrap, .da-remarks__area, .da-remarks__view, .da-tile, .file-placeholder, .reject-banner, .stage-timer,
  .tt-wrap, .subproc, .no-access, .cov-admin, .card, .rp-modal, .rp-card, .rp-tablewrap, .signin__lock) {
  border-radius: 8px;
}
html body :is(.m-drop-icon, .m-icon, .dp-icon, .rp-ic) { border-radius: 6px; }
html body .btn, html body button.btn { border-radius: 6px; }

/* Shadows: a hairline, not a glow. Dialogs keep a modest lift. */
html body :is(.tcard, .pt-panel, .card, .card:hover, .card .view-details:hover, .stat) {
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
html body :is(.modal, .rp-modal, .actmenu__list, .pt-panel) { box-shadow: 0 12px 28px rgba(16, 24, 40, .16); }
html body :is(.step__ico.is-last, .submit) { box-shadow: none; }

/* Flat fills where gradients were. (The loading shimmer keeps its gradient.) */
html body :is(.subheader, .delivery-package, .stage-timer) { background-image: none; }
html body .progress__fill { background: #1b3a8c; }
html body .cta .open-editor { background: #1b3a8c; box-shadow: none; }
html body .cta .open-editor:hover { background: #16306f; box-shadow: none; }
html body:has(.gnav) { background-image: none; }
html body .split > .panel { background-image: none; background-color: #16306f; }   /* the sign-in brand panel only */
html body .split > .panel::after { display: none; }

/* Labels in sentence case: eyebrows and small labels, not table headers. */
html body :is(.rework-tag, .pt-opt-tag, .da-remarks__head, .stage-step, .meta-eyebrow, .dp-eyebrow,
  .stage-timer__eyebrow, .eyebrow, .log-role, .rp-card .lb, .rp-pick label, .rp-role, .panel__eyebrow) {
  text-transform: none; letter-spacing: 0;
}

/* The activity log's chips and search, and form fields generally: 4-6px. */
html body :is(.log-chip, .log-change) { border-radius: 4px; }
html body :is(.controls input, .controls select) { border-radius: 6px; }

/* Every jump lands below the stuck top bar (26 Sep 2026); the section strip
   adds its height where a page has one (flow_nav.html measures both). */
html { scroll-padding-top: calc(var(--gnav-h, 56px) + var(--fnav-h, 0px) + 16px); }
