/* Shared presentation only; route projections own content and actions. */
.workspace { display: grid; grid-template-columns: 15rem minmax(0, 1fr); max-width: 1320px; margin-inline: auto; min-height: 65vh; }
.workspace-rail { border-right: 1px solid var(--rule); padding: var(--space-7) var(--space-4); background: var(--limewash); }
.workspace-main { min-width: 0; padding: clamp(1.25rem, 4vw, 3rem); overflow-wrap: anywhere; }
.workspace-content { min-width: 0; max-width: 960px; }
.workspace-content .section-heading { font-size: var(--step-2); }
.workspace-nav-group + .workspace-nav-group { margin-top: 2rem; }
.workspace-nav-label { color: var(--ink-quiet); font-size: var(--step--1); font-weight: 650; margin: 0 0 var(--space-2); }
.workspace-nav-group ul, .record-list { list-style: none; padding: 0; margin: 0; }
.workspace-nav-group a { display: flex; align-items: center; min-height: 44px; padding: var(--space-2) var(--space-3); text-decoration: none; border-radius: var(--radius); font-weight: 600; overflow-wrap: anywhere; }
.workspace-nav-group a:hover { background: var(--render); }
.workspace-nav-group a[aria-current="page"] { background: var(--ink); color: var(--limewash); font-weight: 700; }
.workspace-mobile-navigation { display: none; }
.page-heading { margin-bottom: var(--space-6); }
.page-heading .page-title { font-size: var(--step-4); }
.page-heading .lede { margin-bottom: 0; }
.status-notice { padding: var(--space-4) var(--space-5); margin-block: var(--space-5); border: 1.5px solid var(--wall-deep); border-radius: var(--radius); background: var(--wall-tint); color: var(--ink); overflow-wrap: anywhere; }
.status-notice p { margin: var(--space-1) 0; }
.status-notice-title { font-weight: 700; }
.status-notice--warning { border-color: var(--warn); background: var(--warn-tint); }
.status-notice--warning .status-notice-title { color: var(--warn); }
.status-notice--error { border-color: var(--danger); background: var(--danger-tint); }
.status-notice--error .status-notice-title { color: var(--danger); }
.status-notice--success { border-color: var(--ok); background: var(--ok-tint); }
.status-notice--success .status-notice-title { color: var(--ok); }
.fact-list { margin: var(--space-5) 0; }
.fact-row { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr); gap: var(--space-3) var(--space-5); border-bottom: 1px solid var(--rule); padding-block: var(--space-3); }
.fact-row dt { color: var(--ink-quiet); }
.fact-row dd { margin: 0; overflow-wrap: anywhere; }
.record-row { border-bottom: 1px solid var(--rule); padding-block: var(--space-5); min-width: 0; overflow-wrap: anywhere; }
.record-row:first-child { border-top: 1px solid var(--rule); }
.record-row-heading { font-family: var(--font-display); font-stretch: var(--wide); font-size: var(--step-1); font-weight: 700; letter-spacing: -0.015em; line-height: 1.25; margin: 0 0 var(--space-2); }
.record-row-heading + * { margin-top: 0; }
.record-row > * + * { margin-top: var(--space-2); }
.record-actions { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); align-items: center; margin-block: var(--space-4); }
.record-actions > a { display: inline-flex; align-items: center; min-height: 44px; }

.form-section { padding-block: var(--space-6); border-top: 1px solid var(--rule); min-width: 0; }
.form-section > .section-heading:first-child, .form-section > header:first-child .section-heading { margin-top: 0; }
@media (max-width: 760px) {
  .workspace { display: block; }
  .workspace-rail { display: none; }
  .workspace-mobile-navigation { display: block; margin-bottom: var(--space-4); border-bottom: 1px solid var(--rule); }
  .workspace-mobile-navigation summary { min-height: 44px; padding: .65rem 0; cursor: pointer; font-weight: 650; }
  .workspace-mobile-navigation nav { padding-block: 1rem; }
  .fact-row { grid-template-columns: 1fr; gap: .25rem; }
  .workspace-content .button, .workspace-content .button-secondary { max-width: 100%; white-space: normal; }
  /* Phones: tighter record rhythm so more than one record fits a screen. */
  .page-heading { margin-bottom: var(--space-5); }
  .status-notice { margin-block: var(--space-4); padding: var(--space-3) var(--space-4); }
  .fact-list, .money-breakdown { margin-block: var(--space-4); }
  .record-row { padding-block: var(--space-4); }
  .form-section { padding-block: var(--space-5); }
}
.account-avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.form-section .section-heading { font-size: var(--step-2); }
.provisioning-uri { white-space: pre-wrap; overflow-wrap: anywhere; }
.money-breakdown { margin-block: var(--space-5); min-width: 0; }
.money-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3) var(--space-4); padding-block: var(--space-3); border-bottom: 1px solid var(--rule); }
.money-row dt { overflow-wrap: anywhere; }
.money-row dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.money-row--summary { font-weight: 700; }
.money-row--summary:last-child { border-bottom: 1.5px solid var(--ink); }
.money-row--summary:last-child dd { font-size: var(--step-1); }

.table-region { max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
.table-region:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.table-region table { width: 100%; border-collapse: collapse; }
.table-region th, .table-region td { padding: var(--space-3); text-align: left; vertical-align: top; border-bottom: 1px solid var(--rule); }
.table-region th { border-bottom: 1.5px solid var(--ink); font-size: var(--step--1); }

.statement-layout { display: grid; gap: 2rem; min-width: 0; }
.statement-context, .statement-records { min-width: 0; }
.statement-context .fact-row { grid-template-columns: 1fr; gap: .25rem; }
.statement-records > .form-section:first-child { padding-top: 0; border-top: 0; }
.statement-records .money-breakdown { margin-block: .75rem; }
.statement-records .record-row .fact-list { margin-block: .75rem 0; }
.statement-records .section-heading, .statement-context .section-heading { font-size: 1.4rem; }
@media (min-width: 1100px) {
  .statement-layout { grid-template-columns: minmax(0, .7fr) minmax(0, 1.5fr); gap: 3rem; align-items: start; }
}

/* Keep pickup and return evidence paired per view on wide screens and in
   reading order on phones. Evidence is never cropped to suggest a match. */
.inspection-comparison { min-width: 0; }
.inspection-comparison-sides { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.inspection-comparison-side { min-width: 0; overflow-wrap: anywhere; }
.inspection-comparison-side figure { margin-inline: 0; }
.inspection-comparison-side img { display: block; max-width: 100%; height: auto; }
.inspection-comparison-slot { margin-block: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.inspection-comparison a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 760px) {
  .inspection-comparison-sides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.record-photo { display: block; inline-size: 100%; block-size: auto; border-radius: var(--radius); }