/* Permanent office surfaces; no browser preference or theme switch. */
:root .account-avatar { border-radius: var(--register-radius); }
:root .account-popover {
  border-radius: var(--register-radius);
  box-shadow: 0 16px 38px rgba(17,25,35,.14);
}
:root .app-main { padding-block: 1.35rem 3rem; }
:root :is(h1, h2, h3) { letter-spacing: -.035em; }
:root :is(
  button,
  select,
  textarea,
  input:not([type="checkbox"]):not([type="radio"])
) {
  border-width: 1px;
  border-radius: var(--register-radius);
  box-shadow: none;
}
:root :is(
  .tag,
  .pill,
  .more,
  .secondary-action,
  .notice
) { border-radius: var(--register-radius); }

:root :is(
  .auth-card,
  .step-intro,
  .case-card,
  .inventory-review-card,
  .inventory-results-surface,
  .inventory-issue-card,
  .issue-options article,
  .valuation-card,
  .person-editor-card,
  .people-panel,
  .proceeding-panel,
  .office-status,
  .office-form,
  .office-members,
  .rates-card,
  .processing-card,
  .manual-valuation-card,
  .valuation-decision-card,
  .proposal-summary-card,
  .proposal-limits,
  .proposal-export-card,
  .result-stats li,
  .bundle-overview-card,
  .delete-card,
  .closure-card,
  .summary-card,
  .empty,
  .stats li,
  .decisions > li,
  form.filters
) {
  border-radius: var(--register-radius);
  box-shadow: none;
}
:root :is(
  .case-card,
  .summary-card,
  .valuation-card,
  .person-editor-card,
  .people-panel,
  .proceeding-panel,
  .rates-card,
  .proposal-summary-card,
  .proposal-export-card,
  .bundle-overview-card
) { border-top: 2px solid var(--register-blue); }

:root .step-intro {
  position: relative;
  gap: 1rem;
  margin-bottom: .85rem;
  padding: 1.05rem 1.2rem;
  border: 1px solid #cfd7e0;
  border-top: 3px solid var(--register-blue);
  border-radius: 0;
  background: #f9fafc;
  box-shadow: none;
}
:root .step-intro-copy { max-width: 64rem; }
:root .step-intro h1 {
  margin-bottom: .35rem;
  font-size: clamp(1.6rem,3vw,2.2rem);
}
:root .step-intro-copy > p:last-child:not(.eyebrow) {
  max-width: 62rem;
  color: #65717e;
  font-size: .86rem;
}
:root .step-intro-status { gap: .4rem; }
:root .step-status-mark {
  width: 2.4rem;
  height: 2.4rem;
  border-width: 1px;
  border-radius: 0;
  font: 800 .9rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
:root .step-status-mark svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:root .step-intro-meta {
  padding: .3rem .55rem;
  border-radius: 0;
  background: #fff;
}
:root .step-intro-meta small {
  font-size: .7rem;
  letter-spacing: .045em;
  text-transform: uppercase;
}
:root .step-intro-meta strong { font-size: .7rem; }

:root .step-metrics {
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}
:root :is(.step-metrics > li, .step-metrics > div) {
  min-height: 4.5rem;
  padding: .62rem .72rem;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
:root :is(.step-metrics b, .step-metrics dd) {
  color: #173eaa;
  font-size: 1.15rem;
}
:root :is(.step-metrics > li > span:not(.metric-unit), .step-metrics dt) {
  font-size: .72rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}

:root :is(th, td) { padding: .68rem .72rem; }
:root th {
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
:root :is(.inventory-table thead, table thead) {
  background: #172130;
  color: #fff;
}
:root :is(.inventory-table thead th, table thead th) {
  border-bottom-color: #344052;
  background: #172130;
  color: #dce5f1;
}
:root tbody tr:hover { background: #edf2ff; }

:root :is(.panel-heading, .card-heading) { border-radius: 0; }

:root .stats {
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}
:root .stats li {
  min-height: 6.6rem;
  border: 0;
  border-radius: 0;
}
:root .stats b { color: var(--green-dark); font-size: 1.65rem; }
:root .decisions { gap: .5rem; }
:root .decisions > li { padding: .9rem 1rem; }

:root .wizard-actions {
  margin-top: .9rem;
  padding: .7rem;
  border: 1px solid #cad5ea;
  border-radius: 0;
  background: #eaf0ff;
  box-shadow: none;
}
:root :is(
  .wizard-actions .secondary-action,
  .wizard-next-action,
  .wizard-support-action
) {
  min-height: 3.25rem;
  border-radius: 0;
}
:root .wizard-next-action {
  border-color: var(--register-blue);
  background: var(--register-blue);
  box-shadow: none;
}
:root .wizard-next-action:hover {
  background: var(--green-dark);
  transform: none;
}

:root thead th a { color: inherit; }
:root thead th a:hover { color: #fff; }
:root .skip-link { z-index: 100; }
:root .eyebrow { font-size: .72rem; letter-spacing: .1em; }

@media (max-width: 31rem) {
  :root .step-intro { grid-template-columns: minmax(0,1fr) auto; padding: .8rem; }
}