/* Current web workspace presentation. Records, forms and navigation retain their existing behaviour. */
:root {
  --off-white: #fff;
  --rule: #e8e9ec;
  --modern-surface: #f7f8fa;
  --modern-line: #e8e9ec;
}
body, body.workspace-layout, #app-content { background: #fff; }
/* Cream framing and navy rails stay distinct from the white working canvas. */
.workspace-layout .ws-topbar { background: #f8f6f1; border-bottom-color: var(--modern-line); }
.ws-footer { background: #f8f6f1; border-top-color: var(--modern-line); }
.workspace-layout .customer-main, .workspace-layout .admin-main { padding-top: 40px; }
.cu-page-head, .admin-page-head { margin-bottom: 34px; }
.customer-main h1, .admin-main h1 { font-weight: 500; letter-spacing: -.045em; }
.customer-main .eyebrow, .admin-main .eyebrow { font-size: 10px; letter-spacing: .15em; }
/* Explicit action families only. Tables, source rows and sidebar destinations are not buttons. */
body .btn:not(summary), body .lf-button, .ws-account > summary,
body .admin-feature .admin-feature-link, .brand-resource-links > a,
.brand-download, .lh-case-tour button, .cu-add-case, .vl-bundle {
  border-radius: 999px;
}
body .btn:not(summary), body .lf-button { text-align: center; justify-content: center; }
body .btn-outline { border-color: #c3cad2; }
.ws-header-link { border-radius: 999px; }
/* Quiet card edges and no decorative elevation. Status and permission colours are untouched. */
body :is(.card, .chart-card, .kpi-box, .cu-case-card, .cu-resource-card,
 .cu-panel, .admin-panel, .admin-metric, .brand-card, .brand-swatch,
 .document-library-card, .vl-card, .lf-window) {
  border-color: var(--modern-line);
  box-shadow: none;
}
body :is(.card, .chart-card, .cu-case-card, .cu-resource-card, .cu-panel,
 .admin-panel, .brand-card, .document-library-card, .vl-card, .lf-window) { border-radius: 20px; }
body :is(.kpi-box, .admin-metric) { border-radius: 16px; border-top-width: 1px; }
body .kpi-box { border-top-color: var(--modern-line); }
body :is(.cu-empty, .cw-welcome, .cu-dashboard-next, .admin-document-hero, .vl-collection) { border-radius: 24px; box-shadow: none; }
.admin-feature { border-radius: 24px; box-shadow: none; }
.admin-feature.cream { background: #f8f6f1; border-color: transparent; }
.admin-document-art > div { box-shadow: none; }
/* Shared tables use a light header so dense operational screens remain calm. */
body .table-wrap { border-color: var(--modern-line); border-radius: 18px; box-shadow: none; }
body .app-table th { background: #f7f8fa; color: #0b1b33; border-bottom: 1px solid var(--modern-line); }
body .app-table td { border-bottom-color: var(--modern-line); }
body .cu-case-list .app-table tbody th { background: transparent; }
body .cu-case-list tbody tr:hover { background: #f8f9fb; }
body :is(.cu-stats, .cu-dashboard-stats) { background: #f7f8fa; border-color: transparent; border-radius: 20px; }
body .cu-stats > div + div { border-left-color: #e1e4e9; }
body .cu-resource-card:hover { background: #f8f9fb; border-color: #c7ad7b; }
/* One clear section surface takes the place of repeated boxes inside a case. */
.case-workspace { --cw-line: #e8e9ec; }
.case-workspace .cw-vault { padding: 0; border: 0; border-radius: 0; background: transparent; }
.case-workspace .cw-vault > .card { border-radius: 18px; }
.case-workspace .cw-path > a { background: #f7f8fa; border-color: transparent; border-radius: 18px; }
.case-workspace .cw-path > a:hover { background: #f0f3f7; border-color: #c7ad7b; }
.case-workspace .cw-statbar { border-color: var(--modern-line); border-radius: 18px; }
.case-workspace .cw-statbar > :last-child { background: #f8f6f1; }
.case-workspace .cw-statbar > a:hover { background: #f0e8d8; }
.case-workspace .cw-disclosure { border-color: var(--modern-line); border-radius: 16px; }
.case-workspace .cw-document-types > div { background: #f7f8fa; border-color: transparent; border-radius: 16px; }
.case-workspace .dz { background: #fff; border-color: #bba679; border-radius: 18px; }
.case-workspace .cw-inline-note { background: #f7f8fa; border-radius: 12px; }
.case-workspace #deep-review { background: #f8f9fb; }
.case-workspace #deep-review .cw-disclosure { background: #fff; }
.case-workspace .cw-count { border-radius: 999px; }
.cw-chart-legend button { border-radius: 999px; }
/* Private files retain selection, drop targets and read only location distinctions. */
.lh-files { --lf-line: #e8e9ec; }
.lf-toolbar, .lf-selection-bar, .lf-footer { background: #f8f9fb; }
.lf-locations { background: #f8f6f1; }
.lf-controls, .lf-browser, .lf-column-head { background: #fff; }
.lf-dialog { border-radius: 20px; }
/* Native web information pages share the same restrained light presentation. */
body.mobile-public { background: #fff; }
body.mobile-public :is(.mp-card, .card) { border-color: #e8e9ec; border-radius: 20px; box-shadow: none; }
@media (max-width: 960px) {
  .workspace-layout .ws-topbar { background: #0b1b33; border-bottom-color: #2c3c53; }
  .workspace-layout .customer-main, .workspace-layout .admin-main { padding-top: 30px; }
}
@media (max-width: 600px) {
  .cu-page-head, .admin-page-head { margin-bottom: 28px; }
  body :is(.cu-empty, .cw-welcome, .cu-dashboard-next, .admin-document-hero, .vl-collection, .admin-feature) { border-radius: 20px; }
  body :is(.card, .chart-card, .cu-case-card, .cu-resource-card, .cu-panel,
   .admin-panel, .brand-card, .document-library-card, .vl-card, .lf-window) { border-radius: 18px; }
}
@media (forced-colors: active) {
  body :is(.card, .chart-card, .cu-case-card, .cu-resource-card, .cu-panel,
   .admin-panel, .admin-metric, .table-wrap, .brand-card, .vl-card, .lf-window) { border-color: CanvasText; }
  body .app-table th { background: Canvas; color: CanvasText; border-color: CanvasText; }
}
@media print {
  body, body.workspace-layout, #app-content { background: #fff; }
  body :is(.card, .chart-card, .table-wrap, .cu-panel, .admin-panel) { box-shadow: none; }
}