:root {
  --product-bg: #f3f5f6;
  --product-surface: #ffffff;
  --product-surface-soft: #f8faf9;
  --product-sidebar: #182321;
  --product-sidebar-muted: #a9b7b2;
  --product-text: #1d2926;
  --product-muted: #66736f;
  --product-line: #d8dfdc;
  --product-line-strong: #bec9c5;
  --product-accent: #176b5b;
  --product-accent-soft: #e4f0ed;
  --product-red: #b83d4c;
  --product-amber: #a86616;
  --product-green: #23734f;
  --product-blue: #346889;
  --product-violet: #67588a;
  --panel-radius: 6px;
  --control-radius: 6px;
  --control-height: 38px;
  --text: var(--product-text);
  --muted: var(--product-muted);
  --cyan: var(--product-blue);
  --blue: var(--product-blue);
  --green: var(--product-green);
  --red: var(--product-red);
  --amber: var(--product-amber);
  --violet: var(--product-violet);
  --line: var(--product-line);
  --line-strong: var(--product-accent);
  --line-soft: #e8ecea;
}

html {
  background: var(--product-bg);
}

body {
  background: var(--product-bg);
  color: var(--product-text);
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body::before,
body::after,
.orbital-bg,
.scan-beam {
  display: none;
}

button,
input,
select,
textarea {
  font-family: inherit;
  letter-spacing: 0;
}

.shell {
  background: var(--product-bg);
}

.sidebar,
.topbar,
.panel,
.ai-panel {
  background: var(--product-surface);
  border: 1px solid var(--product-line);
  box-shadow: none;
  backdrop-filter: none;
}

.sidebar {
  border: 0;
  border-right: 1px solid #2c3b37;
  border-radius: 0;
  background: var(--product-sidebar);
  color: #f2f6f4;
}

.brand {
  height: auto;
  min-height: 56px;
  gap: 10px;
  padding: 0 8px 16px;
  border-bottom: 1px solid #32423e;
}

.mark {
  width: 34px;
  height: 34px;
  border: 1px solid #5c7c74;
  border-radius: 6px;
  color: #d8eee7;
  background: #24332f;
  box-shadow: none;
}

.brand h1 {
  color: #f4f8f6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}

.brand small {
  color: var(--product-sidebar-muted);
  font-size: 10px;
}

.pin-button {
  min-height: 38px;
  justify-content: flex-start;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  color: var(--product-sidebar-muted);
  background: transparent;
  font-size: 14px;
}

.pin-button:disabled {
  color: #73847f;
  border: 0;
  background: transparent;
  opacity: 0.7;
}

.pin-button {
  margin-top: 18px;
  border: 1px solid #3a4c47;
  color: #c5d4cf;
  background: #202e2a;
}

.nav.pinned {
  border-top: 1px solid #2e3e39;
}

.nav.pinned a {
  font-size: 12px;
}

.topbar::after {
  display: none;
}

.title h2 {
  margin: 0 0 3px;
  color: var(--product-text);
  font-size: 21px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 0;
  text-shadow: none;
}

.title > span:not(.mobile-app-label) {
  color: var(--product-muted);
  font-size: 12px;
  line-height: 1.45;
}

.mobile-app-label {
  display: none;
}

.command {
  display: flex;
  align-items: center;
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--product-line-strong);
  border-radius: 6px;
  background: var(--product-surface-soft);
  color: var(--product-accent);
  box-shadow: none;
  font-size: 13px;
}

.command span {
  font-weight: 700;
}

.command input {
  color: var(--product-text);
}

.command input::placeholder,
.ai-query-form input::placeholder {
  color: #87928e;
}

.status {
  gap: 8px;
  color: var(--product-muted);
  font-size: 11px;
}

.dot {
  width: 7px;
  height: 7px;
  margin-top: 0;
  background: var(--product-green);
  box-shadow: none;
}

.status-button,
.ai-fab {
  min-width: 38px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--product-line);
  border-radius: 6px;
  background: #ffffff;
  color: var(--product-text);
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
}

.ai-fab {
  position: static;
  width: auto;
  height: 36px;
}

.ai-fab:hover,
.status-button:hover {
  border-color: var(--product-accent);
  background: var(--product-accent-soft);
  color: var(--product-accent);
}

.module-tabs-shell {
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 6px;
  height: 42px;
}

.module-tabs-nav {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border: 1px solid var(--product-line);
  border-radius: 5px;
  background: #ffffff;
  color: var(--product-text);
  box-shadow: none;
  font-size: 15px;
}

.module-tabs-nav:hover {
  border-color: var(--product-accent);
  background: var(--product-accent-soft);
  color: var(--product-accent);
}

.module-tabs-nav:focus-visible,
.tab:focus-visible,
.ai-fab:focus-visible,
.ai-close:focus-visible {
  outline: 2px solid var(--product-accent);
  outline-offset: 2px;
}

.tabs {
  height: 42px;
  gap: 2px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--product-line);
  border-radius: 0;
  background: transparent;
}

.tab {
  min-width: 74px;
  min-height: 41px;
  padding: 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--product-muted);
  box-shadow: none;
  font-size: 13px;
  transition: color 120ms ease, border-color 120ms ease, background 120ms ease;
}

.tab:hover {
  transform: none;
  border-color: var(--product-line-strong);
  background: #eef2f0;
  color: var(--product-text);
}

.tab.active {
  border-color: var(--product-accent);
  background: transparent;
  color: var(--product-accent);
  box-shadow: none;
  font-weight: 750;
}

.command-panel {
  min-width: 0;
}

.grid {
  gap: 12px;
}

.panel {
  padding: 16px;
  border: 1px solid var(--product-line);
  border-radius: 6px;
  background: var(--product-surface);
  box-shadow: none;
}

.panel::before,
.panel::after,
.ai-panel::before {
  display: none;
}

.panel.tab-focus {
  border-color: var(--product-line);
  box-shadow: none;
}

.panel h3 {
  margin: 0 0 12px;
  color: var(--product-text);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.4;
}

.panel h3::before {
  display: none;
}

.microcopy,
.muted,
.muted-row,
.field small,
.row small {
  color: var(--product-muted);
}

.kpis {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 5px;
  background: var(--product-surface);
}

.kpi {
  min-height: 74px;
  padding: 12px 14px;
  border: 0;
  border-right: 1px solid var(--product-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.kpi:last-child {
  border-right: 0;
}

.kpi span {
  color: var(--product-muted);
  font-size: 12px;
}

.kpi strong {
  margin-top: 5px;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
}

.cyan { color: var(--product-blue); }
.green { color: var(--product-green); }
.red { color: var(--product-red); }
.amber { color: var(--product-amber); }
.violet { color: var(--product-violet); }

.list {
  gap: 0;
  border-top: 1px solid var(--product-line);
}

.row {
  min-height: 48px;
  padding: 10px 4px;
  border: 0;
  border-bottom: 1px solid #e8ecea;
  border-radius: 0;
  background: transparent;
}

.row:last-child {
  border-bottom: 0;
}

.row:hover {
  background: #f8faf9;
}

.row strong:not(.cyan):not(.green):not(.red):not(.amber):not(.violet) {
  color: var(--product-text);
}

.tag {
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid var(--product-line);
  border-radius: 999px;
  background: #f5f7f6;
  color: var(--product-muted);
  box-shadow: none;
  font-size: 11px;
}

button.tag.category-preset,
a.tag[href] {
  min-height: 32px;
}

.hud-button,
.mini-action,
.workbench-actions a,
.segmented-option {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--product-line-strong);
  border-radius: 5px;
  background: #ffffff;
  color: var(--product-text);
  box-shadow: none;
  font-size: 12px;
}

.hud-button:hover,
.mini-action:hover,
.workbench-actions a:hover,
.segmented-option:hover {
  border-color: var(--product-accent);
  background: var(--product-accent-soft);
  color: var(--product-accent);
}

.hud-button.primary,
.mini-action.primary {
  border-color: var(--product-accent);
  background: var(--product-accent);
  color: #ffffff;
}

.hud-button.danger,
.mini-action.danger {
  border-color: #d9a7ad;
  color: var(--product-red);
}

.field {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.field:focus-within {
  border-color: transparent;
  box-shadow: none;
}

.field input,
.field select,
.field textarea,
.people-search-row input,
.ai-query-form input {
  min-height: var(--control-height);
  padding: 0 10px;
  border: 1px solid var(--product-line-strong);
  border-radius: 5px;
  background: #ffffff;
  color: var(--product-text);
  box-shadow: none;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.people-search-row input:focus,
.ai-query-form input:focus,
.command input:focus {
  outline: 2px solid #9cc6bc;
  outline-offset: 1px;
}

.field textarea {
  min-height: 96px;
  padding-block: 9px;
}

.workbench-actions {
  gap: 7px;
}

.overview-signal-card,
.finance-overview-signal,
.asset-reference-card,
.asset-status-card,
.answer-card {
  border: 1px solid var(--product-line);
  border-radius: 5px;
  background: var(--product-surface-soft);
  box-shadow: none;
}

.bar,
.progress-track,
.chart-track {
  background: #e5eae8;
}

.bar > i,
.progress-track > i,
.chart-track > i {
  background: var(--product-accent);
}

.system-strip,
.library-signal-strip {
  color: var(--product-muted);
  background: #f8faf9;
}

.overview-home {
  padding: 20px;
}

.overview-home-head,
.overview-section-head,
.people-overview-header,
.people-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.overview-home-head {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--product-line);
}

.overview-home-head h3,
.people-overview-header h3 {
  margin: 2px 0 4px;
  font-size: 19px;
}

.overview-home-head p {
  margin: 0;
  color: var(--product-muted);
  font-size: 12px;
}

.overview-eyebrow,
.overview-section-head > div > span,
.people-section-head > div > span {
  color: var(--product-accent);
  font-size: 10px;
  font-weight: 750;
}

.overview-primary-actions {
  flex: 0 0 auto;
}

.overview-home-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 0;
  border-bottom: 1px solid var(--product-line);
}

.overview-focus-panel,
.overview-change-panel {
  min-width: 0;
  padding: 2px 18px 16px 0;
}

.overview-change-panel {
  padding: 2px 0 16px 18px;
  border-left: 1px solid var(--product-line);
}

.overview-section-head,
.people-section-head {
  align-items: center;
  margin-bottom: 8px;
}

.overview-section-head h4,
.people-section-head h4 {
  margin: 2px 0 0;
  font-size: 14px;
  line-height: 1.35;
}

.overview-task-list,
.overview-change-list,
.people-overview-list {
  max-height: 320px;
  overflow-y: auto;
}

.overview-task-row,
.overview-change-row {
  min-height: 58px;
}

.overview-task-row > span:first-child,
.overview-change-row > span:first-child {
  min-width: 0;
}

.overview-task-kind {
  display: block;
  margin-bottom: 2px;
  color: var(--product-accent);
  font-size: 10px;
  font-weight: 750;
}

.overview-context-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 14px;
  border: 0;
  background: transparent;
}

.overview-context-strip .overview-signal-card {
  min-height: 82px;
  padding: 8px 14px;
  border: 0;
  border-right: 1px solid var(--product-line);
  border-radius: 0;
  background: transparent;
}

.overview-context-strip .overview-signal-card:first-child {
  padding-left: 0;
}

.overview-context-strip .overview-signal-card:last-child {
  padding-right: 0;
  border-right: 0;
}

.overview-context-strip .overview-signal-card > span,
.overview-context-strip .overview-signal-card small {
  color: var(--product-muted);
}

.overview-context-strip .overview-signal-card strong {
  display: block;
  margin: 4px 0;
  font-size: 20px;
}

.overview-home-footer {
  padding: 12px 16px;
  border-style: dashed;
  background: var(--product-surface-soft);
}

.overview-home-footer .overview-section-head {
  margin: 0;
}

.people-overview-primary {
  padding: 20px;
}

.people-overview-header {
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--product-line);
}

.people-overview-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--product-muted);
  font-size: 12px;
}

.people-overview-metrics strong {
  color: var(--product-text);
  font-size: 14px;
}

.people-master-detail {
  display: grid;
  grid-template-columns: minmax(250px, 0.85fr) minmax(300px, 1.15fr);
  min-height: 360px;
}

.people-master,
.people-detail {
  min-width: 0;
}

.people-master {
  padding-right: 18px;
}

.people-detail {
  padding-left: 18px;
  border-left: 1px solid var(--product-line);
}

.people-overview-facts {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--product-line);
}

.people-overview-fact {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-height: 52px;
  padding: 12px 0;
  border-bottom: 1px solid #e8ecea;
}

.people-overview-fact span {
  color: var(--product-muted);
  font-size: 12px;
}

.people-overview-fact strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 650;
}

.people-detail-actions {
  margin-top: 14px;
}

.people-overview-create {
  border-color: #dfe5e2;
  background: #f8faf9;
}

.people-overview-create .people-form {
  grid-template-columns: 1fr;
}

.people-overview-create .people-form .hud-button {
  grid-column: auto;
}

.finance-overview-summary {
  padding: 20px;
}

.finance-overview-summary .command-console-head {
  align-items: flex-start;
  margin-bottom: 14px;
}

.finance-overview-summary .command-console-head h3 {
  margin-bottom: 3px;
  font-size: 19px;
}

.finance-overview-summary .command-console-head p,
.finance-overview-ledger .command-console-head p,
.finance-overview-hot-days .command-console-head p,
.finance-overview-anomalies .command-console-head p,
.finance-overview-assets .command-console-head p {
  margin: 0;
  color: var(--product-muted);
  font-size: 11px;
}

.finance-overview-primary-actions {
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.finance-overview-filter-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding: 12px 0;
  border-top: 1px solid var(--product-line);
  border-bottom: 1px solid var(--product-line);
}

.finance-month-picker {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin: 0;
}

.finance-month-picker .field {
  min-width: 140px;
  margin: 0;
}

.finance-month-picker input[type="month"] {
  min-height: 36px;
}

.finance-overview-range-control {
  display: grid;
  gap: 5px;
  min-width: 310px;
}

.finance-overview-control-label {
  color: var(--product-muted);
  font-size: 11px;
  font-weight: 650;
}

.segmented-control {
  display: flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--product-line);
  border-radius: 6px;
  background: #f4f7f6;
}

.segmented-option {
  flex: 1 1 0;
  min-width: 58px;
  border-color: transparent;
  background: transparent;
}

.segmented-option.active {
  border-color: var(--product-line-strong);
  background: #ffffff;
  color: var(--product-accent);
  box-shadow: 0 1px 2px rgba(32, 45, 41, 0.08);
  font-weight: 750;
}

.finance-overview-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.finance-overview-range-summary {
  display: grid;
  grid-template-columns: minmax(180px, 1.3fr) repeat(4, minmax(92px, 0.7fr));
  gap: 0;
  align-items: center;
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--product-line);
  color: var(--product-muted);
  font-size: 12px;
}

.finance-overview-range-summary > span {
  min-width: 0;
  padding: 0 12px;
  border-right: 1px solid var(--product-line);
}

.finance-overview-range-summary > span:first-child {
  padding-left: 0;
}

.finance-overview-range-summary > span:last-child {
  padding-right: 0;
  border-right: 0;
  text-align: right;
}

.finance-overview-range-summary small {
  display: block;
  margin-top: 2px;
  color: var(--product-muted);
}

.finance-overview-ledger,
.finance-overview-hot-days,
.finance-overview-anomalies,
.finance-overview-assets {
  min-height: 260px;
}

.finance-overview-ledger .command-console-head,
.finance-overview-hot-days .command-console-head,
.finance-overview-anomalies .command-console-head,
.finance-overview-assets .command-console-head {
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--product-line);
}

.finance-overview-ledger-list,
.finance-overview-anomaly-list,
.finance-overview-asset-list,
.finance-overview-hot-days .list {
  max-height: none;
  overflow-y: visible;
}

.finance-overview-assets {
  background: var(--product-surface-soft);
}

.asset-flow-label,
.asset-monthly-reconciliation,
.asset-mode-note,
.asset-ledger-section,
.asset-task-switcher,
.asset-current-context,
.asset-capture-panel,
.asset-human-ledger,
.asset-save-preview,
.asset-clearance-toolbar,
.asset-reference-card,
.asset-status-card,
.asset-history-filter,
.asset-history-comparison {
  border-color: var(--product-line);
  background: var(--product-surface-soft);
  background-image: none;
  color: var(--product-text);
  box-shadow: none;
}

.asset-flow-label strong,
.asset-mode-note strong,
.asset-current-context strong,
.asset-save-preview strong,
.asset-history-comparison strong {
  color: var(--product-text);
}

.asset-reconciliation-name,
.asset-reconciliation-amount,
.asset-reconciliation-note,
.asset-snapshot-name,
.asset-snapshot-amount,
.asset-snapshot-note,
.asset-capture-panel input,
.asset-capture-panel textarea,
.asset-monthly-reconciliation input,
.asset-monthly-reconciliation textarea {
  min-height: var(--control-height);
  border: 1px solid var(--product-line-strong);
  border-radius: 5px;
  background: var(--product-surface);
  color: var(--product-text);
  box-shadow: none;
}

.asset-reconciliation-checked {
  accent-color: var(--product-accent);
  background: var(--product-surface);
}

.asset-task-switcher a.active,
.asset-view-tabs a.active,
.asset-clearance-toolbar .active {
  border-color: var(--product-accent);
  background: var(--product-accent-soft);
  color: var(--product-accent);
}

.asset-net-ring span,
.asset-net-ring strong {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(17, 31, 27, 0.7);
}

.auth-grid {
  max-width: 860px;
}

.auth-message {
  border: 1px solid #a9cec4;
  border-radius: 5px;
  background: var(--product-accent-soft);
  color: var(--product-accent);
}

.auth-message.error {
  border-color: #e0b0b6;
  background: #fff4f5;
  color: var(--product-red);
}

.ai-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1200;
  display: none;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: 14px;
  width: 380px;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  padding: 20px;
  border: 0;
  border-left: 1px solid var(--product-line-strong);
  border-radius: 0;
  background: #ffffff;
  box-shadow: -18px 0 40px rgba(32, 45, 41, 0.12);
}

body.ai-open .ai-panel {
  display: grid;
}

.ai-panel-header {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--product-line);
}

.ai-close {
  width: 34px;
  height: 34px;
  border: 1px solid var(--product-line);
  border-radius: 5px;
  background: #ffffff;
  color: var(--product-text);
}

@media (max-width: 1180px) {
  .topbar {
    grid-template-columns: minmax(190px, 0.8fr) minmax(280px, 1.2fr);
  }

  .status {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 920px) {
  button.tag.category-preset,
  a.tag[href] {
    min-height: 38px;
  }

  .kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kpi:nth-child(2n) {
    border-right: 0;
  }

  .overview-home-layout,
  .people-master-detail {
    grid-template-columns: 1fr;
  }

  .overview-focus-panel,
  .people-master {
    padding-right: 0;
  }

  .overview-change-panel,
  .people-detail {
    margin-top: 14px;
    padding: 14px 0 0;
    border-top: 1px solid var(--product-line);
    border-left: 0;
  }

  .overview-context-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .overview-context-strip .overview-signal-card:nth-child(2) {
    border-right: 0;
  }

  .finance-overview-filter-bar {
    display: grid;
    grid-template-columns: 1fr;
  }

  .finance-overview-range-control {
    min-width: 0;
  }

  .finance-overview-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-overview-range-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-overview-range-summary > span {
    min-height: 42px;
    padding: 8px 10px;
    border-right: 0;
    border-bottom: 1px solid var(--product-line);
  }

  .finance-overview-range-summary > span:first-child {
    grid-column: 1 / -1;
    padding-left: 10px;
  }

  .finance-overview-range-summary > span:last-child {
    padding-right: 10px;
    text-align: left;
  }

}

@media (max-width: 640px) {
  .mobile-app-label {
    display: block;
    margin-bottom: 1px;
    color: var(--product-accent);
    font-size: 10px;
    font-weight: 700;
  }

  .title h2 {
    margin: 0;
    font-size: 19px;
  }

  .title > span:not(.mobile-app-label) {
    display: none;
  }

  .command {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    min-height: 40px;
    height: 40px;
    padding: 0 10px;
  }

  .command span {
    margin: 0 8px 0 0;
    white-space: nowrap;
  }

  .status {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
  }

  .status .dot,
  #workspaceStatus,
  #clock {
    display: none;
  }

  .status-button,
  .ai-fab {
    min-width: 36px;
    min-height: 34px;
    padding: 0 8px;
  }

  .module-tabs-shell {
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    gap: 4px;
    height: 40px;
  }

  .module-tabs-nav {
    width: 30px;
    min-width: 30px;
    height: 32px;
  }

  .tabs {
    height: 40px;
    scroll-snap-type: x proximity;
  }

  .tab {
    flex: 0 0 calc((100% - 6px) / 4);
    min-width: 0;
    min-height: 39px;
    padding-inline: 10px;
    scroll-snap-align: start;
  }

  .panel {
    padding: 12px;
  }

  .overview-home,
  .people-overview-primary,
  .finance-overview-summary {
    padding: 14px;
  }

  .overview-home-head,
  .people-overview-header {
    display: grid;
  }

  .overview-primary-actions,
  .people-overview-header .workbench-actions {
    justify-content: flex-start;
  }

  .overview-context-strip {
    grid-template-columns: 1fr;
  }

  .overview-context-strip .overview-signal-card {
    min-height: 64px;
    padding: 9px 0;
    border-right: 0;
    border-bottom: 1px solid var(--product-line);
  }

  .overview-context-strip .overview-signal-card:last-child {
    border-bottom: 0;
  }

  .overview-task-list,
  .overview-change-list,
  .people-overview-list {
    max-height: none;
  }

  .people-master-detail {
    min-height: 0;
  }

  .people-overview-fact {
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .finance-overview-summary .command-console-head {
    display: grid;
  }

  .finance-overview-primary-actions {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
  }

  .finance-overview-primary-actions a {
    flex: 0 0 auto;
  }

  .finance-month-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .finance-month-picker .tag {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .finance-overview-range-summary {
    grid-template-columns: 1fr;
  }

  .finance-overview-range-summary > span,
  .finance-overview-range-summary > span:first-child {
    grid-column: auto;
  }

  .finance-overview-ledger,
  .finance-overview-hot-days,
  .finance-overview-anomalies,
  .finance-overview-assets {
    min-height: 0;
  }

  .grid {
    gap: 8px;
  }

  .kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kpi {
    min-height: 64px;
    padding: 10px;
  }

  .kpi strong {
    font-size: 19px;
  }

  .ai-panel {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: min(78dvh, 620px);
    max-height: 78dvh;
    padding: 16px;
    border: 0;
    border-top: 1px solid var(--product-line-strong);
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -18px 48px rgba(32, 45, 41, 0.22);
  }

}

@media (prefers-reduced-motion: reduce) {
  .shell,
  .tab {
    transition: none;
  }
}

.action-feedback {
  margin: 8px 24px 0;
  padding: 10px 12px;
  border: 1px solid #e6a8a8;
  border-radius: 6px;
  background: #fff4f4;
  color: #8f1d1d;
  font-size: 14px;
  line-height: 1.45;
}

.action-feedback[hidden] {
  display: none;
}

/* Legacy sticky asset actions are intentionally retired because the bottom action bar preserves reachability. */
.budget-row {
  border-color: var(--product-line);
  border-radius: var(--panel-radius);
  background: var(--product-surface);
  background-image: none;
  color: var(--product-text);
  box-shadow: none;
}

.budget-row.over {
  border-color: #e0b0b6;
  box-shadow: none;
}

.asset-capture-panel-v2 .asset-capture-actions {
  position: static;
  top: auto;
  z-index: auto;
  border-color: var(--product-line);
  border-radius: var(--panel-radius);
  background: var(--product-surface-soft);
  background-image: none;
  color: var(--product-text);
  box-shadow: none;
}

.ring.asset-net-ring {
  position: relative;
  border: 1px solid var(--product-line-strong);
  background: var(--product-accent-soft);
  background-image: none;
  color: var(--product-text);
  box-shadow: none;
}

.ring.asset-net-ring::before {
  border-color: var(--product-line);
  background: var(--product-surface);
  background-image: none;
  box-shadow: none;
}

.ring.asset-net-ring span,
.ring.asset-net-ring strong,
.ring.asset-net-ring b {
  color: var(--product-text);
  text-shadow: none;
}

.auth-form input {
  border-color: var(--product-line-strong);
  border-radius: var(--control-radius);
  background: var(--product-surface);
  background-image: none;
  color: var(--product-text);
  box-shadow: none;
}

.auth-form input::placeholder {
  color: var(--product-muted);
  opacity: 1;
}

.auth-form input:focus {
  border-color: var(--product-accent);
  outline: 2px solid #9cc6bc;
  outline-offset: 1px;
  box-shadow: none;
}

.auth-form button {
  border-color: var(--product-accent);
  border-radius: var(--control-radius);
  background: var(--product-accent);
  background-image: none;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none;
}

.auth-register {
  border-color: var(--product-line);
  border-radius: var(--panel-radius);
  background: var(--product-surface-soft);
  background-image: none;
  color: var(--product-text);
  box-shadow: none;
}

.auth-register summary {
  color: var(--product-accent);
  text-shadow: none;
}

.mini-button.glow {
  border-color: var(--product-line-strong);
  background: var(--product-accent-soft);
  background-image: none;
  color: var(--product-accent);
  box-shadow: none;
  text-shadow: none;
}

/* 2026-07-13 finance console refinement.
   Keep business selectors stable; improve the finance page as a calm operations console. */
.finance-grid {
  align-items: start;
}

.finance-grid .panel {
  border-color: #dfe7e3;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 252, 250, 0.96)),
    var(--product-surface);
}

.finance-grid .command-console-head {
  gap: 18px;
}

.finance-grid .command-console-head h3,
.asset-balance-head h3,
.asset-capture-head h4 {
  color: #172421;
  letter-spacing: -0.01em;
}

.finance-grid .command-console-head p,
.asset-capture-head p,
.asset-mode-note,
.asset-current-context {
  max-width: 76ch;
  line-height: 1.65;
}

.finance-overview-summary {
  border-color: #cddbd5;
  background:
    linear-gradient(135deg, rgba(228, 240, 237, 0.88), rgba(255, 255, 255, 0.98) 38%),
    #ffffff;
}

.finance-overview-kpis,
.asset-balance-kpis,
.asset-reference-kpis {
  border-radius: 10px;
  border-color: #d5dfdb;
}

.finance-overview-kpis .kpi,
.asset-balance-kpis .kpi,
.asset-reference-kpis .kpi {
  min-height: 82px;
  background: #ffffff;
}

.finance-overview-kpis .kpi strong,
.asset-balance-kpis .kpi strong,
.asset-reference-kpis .kpi strong {
  font-size: clamp(20px, 2vw, 28px);
}

.asset-liability-panel {
  padding: 0;
  border: 0;
  background: transparent;
}

.asset-liability-panel > h3 {
  display: none;
}

.asset-workbench-v2 {
  display: grid;
  gap: 14px;
  color: var(--product-text);
}

.asset-workbench-v2 .asset-balance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 18px 20px;
  border: 1px solid #d5dfdb;
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(228, 240, 237, 0.92), rgba(255, 255, 255, 0.98) 42%),
    #ffffff;
}

.asset-workbench-v2 .asset-balance-head h3 {
  margin-bottom: 5px;
  font-size: 20px;
}

.asset-workbench-v2 .asset-balance-head p {
  margin: 0;
  color: var(--product-muted);
  font-size: 12px;
  line-height: 1.65;
}

.asset-workbench-v2 .asset-body-grid,
.asset-body-grid-v2 {
  display: grid;
  grid-template-columns: minmax(420px, 1.35fr) minmax(300px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.asset-workbench-v2 .asset-capture-panel,
.asset-workbench-v2 .asset-entry-reference-panel,
.asset-workbench-v2 .asset-view-panel,
.asset-view-panel-v2,
.asset-capture-panel-v2,
.asset-human-ledger,
.asset-save-preview,
.asset-current-context,
.asset-mode-note,
.asset-task-switcher,
.asset-flow-label,
.asset-monthly-reconciliation,
.asset-ledger-section,
.asset-reference-card,
.asset-status-card,
.asset-history-filter,
.asset-history-comparison {
  border: 1px solid #d9e3df;
  border-radius: 12px;
  background: #ffffff;
  background-image: none;
  box-shadow: 0 10px 28px rgba(31, 45, 40, 0.045);
}

.asset-current-context,
.asset-mode-note,
.asset-flow-label,
.asset-monthly-reconciliation {
  background: #f8fbf9;
}

.asset-workbench-v2 .asset-task-switcher,
.asset-view-tabs,
.asset-clearance-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  background: #f5f8f7;
}

.asset-task-switcher a,
.asset-view-tabs a,
.asset-clearance-toolbar .mini-action,
.asset-clearance-toolbar .hud-button {
  border-radius: 8px;
}

.asset-task-switcher a.active,
.asset-view-tabs a.active,
.asset-view-tabs a[aria-pressed="true"],
.asset-clearance-toolbar .active {
  border-color: #8db9af;
  background: #e3f0ec;
  color: #14594c;
  box-shadow: inset 0 0 0 1px rgba(20, 89, 76, 0.08);
}

.asset-capture-panel-v2 {
  padding: 16px;
}

.asset-capture-panel-v2 .asset-capture-head {
  padding-bottom: 12px;
  border-bottom: 1px solid #e3ebe7;
}

.asset-capture-panel-v2 .asset-human-ledger {
  padding: 14px;
  background: #f8faf9;
}

.asset-capture-panel-v2 .asset-ledger-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.asset-capture-panel-v2 .asset-ledger-section {
  overflow: hidden;
}

.asset-capture-panel-v2 .asset-ledger-section > h5,
.asset-ledger-section h5 {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #e4ebe8;
  background: #f8fbf9;
  color: #172421;
  font-size: 13px;
}

.asset-capture-panel-v2 .asset-ledger-header,
.asset-capture-panel-v2 .asset-ledger-row,
.asset-ledger-header,
.asset-ledger-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.15fr) minmax(96px, 0.52fr) minmax(82px, 0.42fr) minmax(170px, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.asset-capture-panel-v2 .asset-ledger-header,
.asset-ledger-header {
  padding: 8px 12px;
  border-bottom: 1px solid #e6ece9;
  background: #fbfcfb;
  color: #6a7773;
  font-size: 11px;
  font-weight: 700;
}

.asset-capture-panel-v2 .asset-ledger-row,
.asset-ledger-row {
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid #eef2f0;
  border-radius: 0;
  background: #ffffff;
}

.asset-capture-panel-v2 .asset-ledger-row:nth-child(even),
.asset-ledger-row:nth-child(even) {
  background: #fbfcfb;
}

.asset-capture-panel-v2 .asset-ledger-row:hover,
.asset-ledger-row:hover {
  background: #f2f8f5;
}

.asset-ledger-row input,
.asset-ledger-row textarea,
.asset-capture-panel-v2 input,
.asset-capture-panel-v2 textarea,
.asset-reconciliation-name,
.asset-reconciliation-amount,
.asset-reconciliation-note,
.asset-snapshot-name,
.asset-snapshot-amount,
.asset-snapshot-note {
  min-height: 36px;
  border-color: #c8d4cf;
  border-radius: 8px;
  background: #ffffff;
  color: #172421;
}

.asset-ledger-row input:focus,
.asset-ledger-row textarea:focus,
.asset-capture-panel-v2 input:focus,
.asset-capture-panel-v2 textarea:focus {
  border-color: #7fb1a6;
  outline: 2px solid rgba(127, 177, 166, 0.2);
  outline-offset: 1px;
}

.asset-row-reference {
  border-color: #dbe5e1;
  border-radius: 8px;
  background: #f7faf8;
}

.asset-row-reference b {
  color: #172421;
}

.asset-row-reference span {
  color: #687670;
}

.asset-capture-panel-v2 .asset-draft-totals,
.asset-capture-panel-v2 .asset-draft-delta,
.asset-save-preview {
  padding: 12px 14px;
  background: #f7faf8;
}

.asset-workbench-v2 > .asset-capture-actions-bottom {
  position: sticky;
  bottom: 10px;
  z-index: 5;
  display: grid;
  grid-template-columns: auto auto minmax(220px, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid #d5dfdb;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -12px 30px rgba(31, 45, 40, 0.08);
  backdrop-filter: blur(8px);
}

.asset-workbench-v2 > .asset-capture-actions-bottom .hud-button {
  min-height: 40px;
}

.asset-view-panel-v2 {
  padding: 14px;
}

.asset-view-panel-v2 .asset-balance-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.asset-view-panel-v2 .asset-detail-list,
.asset-view-panel-v2 .asset-history-list {
  max-height: 520px;
  overflow: auto;
}

.asset-detail-row,
.asset-history-row {
  border-color: #e6ece9;
  background: #ffffff;
}

.ring.asset-net-ring {
  width: 90px;
  height: 90px;
  border-color: #b8cec7;
  background: #e4f0ed;
}

.ring.asset-net-ring::before {
  width: 62px;
  height: 62px;
}

@media (max-width: 1180px) {
  .asset-workbench-v2 .asset-body-grid,
  .asset-body-grid-v2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .asset-workbench-v2 .asset-balance-head,
  .asset-workbench-v2 > .asset-capture-actions-bottom {
    grid-template-columns: 1fr;
  }

  .asset-capture-panel-v2 .asset-ledger-grid {
    grid-template-columns: 1fr;
  }

  .asset-capture-panel-v2 .asset-ledger-header,
  .asset-ledger-header {
    display: none;
  }

  .asset-capture-panel-v2 .asset-ledger-row,
  .asset-ledger-row {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 12px;
    border: 1px solid #e1e9e5;
    border-radius: 10px;
    margin-bottom: 8px;
  }
}

/* Owner 1.0 Library/Vault: keep the five-tab rail and record actions fully visible. */
@media (min-width: 761px) {
  [data-command-library="vault"] .vault-library-entry-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-command-library="vault"] .vault-library-entry-form > :nth-child(n + 5) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  body:has([data-command-library="vault"]) #moduleTabs .tab {
    flex: 0 0 calc((100% - 8px) / 5);
    min-width: 0;
    padding-inline: 4px;
  }

  [data-command-library="vault"] .library-entry-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: start;
  }

  [data-command-library="vault"] .library-entry-detail > * {
    min-width: 0;
    width: 100%;
  }

  [data-command-library="vault"] .library-entry-detail p {
    margin: 0;
  }

  [data-command-library="vault"] .library-entry-detail .tag {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [data-command-library="vault"] .library-entry-detail .finance-record-actions {
    justify-content: flex-start;
  }
}

/* Finance reading surfaces: overview, calendar, ledger, chart, budget. */
.finance-overview-workbench,
.finance-quick-panel,
.finance-calendar-panel,
.finance-calendar-detail-panel,
.chart-panel,
.finance-overview-ledger,
.finance-overview-hot-days,
.finance-overview-anomalies,
.finance-overview-assets,
[data-tab-panel="finance-ledger"],
[data-tab-panel="finance-chart"],
[data-tab-panel="finance-budget"] {
  border-radius: 12px;
}

.finance-overview-workbench .command-console-head,
.finance-quick-panel .command-console-head,
.finance-calendar-panel .command-console-head,
.chart-panel .command-console-head,
[data-tab-panel="finance-ledger"] .command-console-head,
[data-tab-panel="finance-budget"] .command-console-head {
  padding-bottom: 12px;
  border-bottom: 1px solid #e2ebe7;
}

.finance-overview-primary-actions,
.workbench-actions {
  align-items: center;
}

.finance-overview-primary-actions a,
.workbench-actions a,
.finance-range-control .segmented-option,
.finance-overview-range-control .segmented-option {
  border-radius: 999px;
}

.finance-overview-filter-bar,
[data-tab-panel="finance-ledger"] .workbench-actions,
.chart-panel .workbench-actions {
  align-items: end;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e1e9e5;
  border-radius: 12px;
  background: #f8fbf9;
}

.finance-month-picker .tag,
.finance-custom-range .tag {
  min-height: 28px;
  background: #eef5f2;
}

.finance-overview-range-summary {
  border: 1px solid #e0e8e4;
  border-radius: 10px;
  background: #fbfcfb;
}

.finance-overview-range-summary > span {
  padding-block: 10px;
}

.finance-record-row {
  min-height: 58px;
  padding: 11px 12px;
  border-color: #e6ece9;
  border-radius: 10px;
  background: #ffffff;
}

.finance-calendar-detail-panel .stacked-kpis {
  gap: 8px;
}

.finance-calendar-detail-panel .kpi {
  min-height: 68px;
  padding: 10px;
}

.finance-calendar-detail-panel .finance-day-list {
  gap: 6px;
  margin-top: 8px;
}

.finance-calendar-detail-panel .finance-record-row {
  min-height: 50px;
  padding: 8px 10px;
  border-radius: 8px;
}

.finance-calendar-detail-panel .finance-record-actions {
  gap: 4px;
}

.finance-record-row:hover {
  border-color: #c7d8d1;
  background: #f7faf8;
}

.finance-record-row strong {
  font-size: 13px;
  line-height: 1.35;
}

.finance-record-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.finance-entry-row,
.budget-form,
.snapshot-form {
  gap: 10px;
}

.quick-category-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
  padding: 10px;
  border: 1px solid #e5ece9;
  border-radius: 12px;
  background: #f8fbf9;
}

.quick-category-strip .category-preset {
  background: #ffffff;
}

.finance-calendar-toolbar,
.finance-custom-range,
.finance-month-picker {
  border-color: #dfe7e3;
}

.finance-calendar-toolbar {
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 8px;
  background: #f8fbf9;
}

.finance-calendar-scroll {
  padding: 4px;
  border: 1px solid #e3ebe7;
  border-radius: 8px;
  background: #fbfcfb;
}

@media (min-width: 1181px) {
  .finance-grid:has(.finance-calendar-panel:not(.tab-panel-hidden)) {
    height: 100%;
    min-height: 0;
    align-items: stretch;
    grid-auto-rows: minmax(0, 1fr);
  }

  .finance-calendar-panel:not(.tab-panel-hidden),
  .finance-calendar-detail-panel:not(.tab-panel-hidden) {
    min-height: 0;
    height: 100%;
    align-self: stretch;
  }

  .finance-calendar-panel:not(.tab-panel-hidden) {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .finance-calendar-detail-panel:not(.tab-panel-hidden) {
    display: flex;
    flex-direction: column;
  }

  .finance-calendar-panel:not(.tab-panel-hidden) .finance-calendar-scroll,
  .finance-calendar-panel:not(.tab-panel-hidden) .finance-calendar-v2 {
    min-height: 0;
    height: 100%;
  }

  .finance-calendar-panel:not(.tab-panel-hidden) .finance-calendar-v2 {
    display: flex;
    flex-direction: column;
  }

  .finance-calendar-panel:not(.tab-panel-hidden) .finance-calendar-scroll {
    overflow-y: hidden;
  }

  .finance-calendar-detail-panel:not(.tab-panel-hidden) .finance-day-list {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
    overflow: auto;
  }
}

.calendar {
  gap: 6px;
}

.calendar .day,
.day {
  min-height: 78px;
  border: 1px solid #e1e9e5;
  border-radius: 10px;
  background: #ffffff;
  color: var(--product-text);
}

.calendar .day.hot,
.day.hot {
  border-color: #c7d8d1;
  background: #f7faf8;
}

.calendar .day.selected,
.day.selected {
  border-color: #7fb1a6;
  background: #e8f4f0;
  box-shadow: inset 0 0 0 1px rgba(23, 107, 91, 0.12);
}

.calendar .day b,
.day b {
  color: #172421;
  font-size: 14px;
}

.bar-list,
.chart-bars,
.budget-list,
.finance-budget-signals {
  gap: 8px;
}

.bar-row,
.chart-bar-row,
.budget-row {
  border: 1px solid #e4ebe8;
  border-radius: 10px;
  background: #ffffff;
}

.bar-track,
.progress-track,
.chart-track {
  height: 9px;
  border-radius: 999px;
  overflow: hidden;
}

.bar-track i,
.bar-track b,
.progress-track i,
.chart-track i {
  border-radius: inherit;
}

.category-chart {
  gap: 18px;
  padding: 14px;
  border: 1px solid #e3ebe7;
  border-radius: 12px;
  background: #fbfcfb;
}

.chart-donut {
  border-color: #d5e0dc;
  background: #ffffff;
  min-height: 180px;
  min-width: 180px;
}

.chart-donut canvas {
  height: 164px !important;
  max-height: 164px;
  max-width: 164px;
  width: 164px !important;
}

[data-finance-chart-engine="chartjs"] .chart-donut svg {
  display: none;
}

[data-finance-chart-total="true"] {
  max-width: 116px;
  overflow-wrap: anywhere;
  pointer-events: none;
  text-align: center;
}

[data-tab-panel="finance-budget"] .kpis,
[data-tab-panel="finance-ledger"] .kpis {
  border-radius: 10px;
}

[data-tab-panel="finance-budget"] .kpi,
[data-tab-panel="finance-ledger"] .kpi {
  min-height: 76px;
}

@media (max-width: 760px) {
  .finance-overview-filter-bar,
  [data-tab-panel="finance-ledger"] .workbench-actions,
  .chart-panel .workbench-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .finance-calendar-toolbar {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
  }

  .finance-calendar-toolbar > .finance-month-nav:first-child {
    grid-column: 1;
    grid-row: 1;
  }

  .finance-calendar-toolbar > .finance-calendar-month-field {
    grid-column: 2;
    grid-row: 1;
  }

  .finance-calendar-toolbar > .finance-month-nav:nth-of-type(3) {
    grid-column: 3;
    grid-row: 1;
  }

  .finance-calendar-toolbar > .hud-button {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .finance-calendar-toolbar > .finance-calendar-range {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .finance-record-row {
    align-items: flex-start;
    display: grid;
  }

  .finance-record-actions {
    justify-content: flex-start;
  }
}

/* Current asset ledger authority.
   command-center.css keeps legacy compatibility; this V5 root owns the
   rendered capture and reconciliation sheets. */
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-ledger-section,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-grid {
  border-color: #dce6e2;
  background: #ffffff;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-section {
  overflow: hidden;
  padding: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-section:nth-child(2) {
  border-color: #eadfe1;
  background: #ffffff;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-section-title {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #dfe8e4;
  background: #f4f8f6;
  color: #20342f;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 [data-asset-clearance-section="liability"] > .asset-section-title,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconciliation-grid .liability-side > .asset-section-title {
  background: #faf6f7;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-section-title strong {
  color: #20342f;
  font-size: 13px;
  letter-spacing: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-quick-presets,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-toolbar,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconciliation-controls {
  gap: 6px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #e7eeeb;
  border-radius: 0;
  background: #fbfcfb;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-toolbar {
  border: 1px solid #dfe8e4;
  border-radius: 10px;
  background: #f7faf9;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-toolbar .mini-action,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-toolbar .hud-button,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-quick-presets .mini-action {
  border-color: #d7e2de;
  background: #ffffff;
  color: #52635d;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-toolbar .active,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-tools .mini-action[aria-pressed="true"],
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-clearance-tools .mini-action.active,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-quick-presets .mini-action:hover {
  border-color: #8db9af;
  background: #e7f2ee;
  color: #14594c;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-header,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row {
  display: grid;
  grid-template-columns: minmax(160px, 1.25fr) minmax(96px, 0.5fr) minmax(118px, 0.62fr) minmax(180px, 1fr) 60px;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-header {
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #dfe8e4;
  background: #eef5f2;
  color: #52635d;
  box-shadow: none;
  font-size: 11px;
  font-weight: 700;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-header span:nth-child(n+4) {
  display: block;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-rows,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-grid {
  gap: 0;
  margin-top: 0;
  border-top: 0;
  background: #ffffff;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-line {
  min-height: 54px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #edf2ef;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row:nth-child(even),
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-line:nth-child(even) {
  background: #fbfdfc;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row:hover,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-line:hover {
  background: #f4faf7;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row .asset-snapshot-note,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row .asset-row-delete {
  grid-column: auto;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row .asset-row-delete {
  justify-self: stretch;
  min-width: 0;
  width: auto;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row input,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-line input,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-monthly-reconciliation .asset-reconciliation-line textarea {
  border-color: #d8e2de;
  background: #fcfefd;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-row-reference {
  border-color: #e2ebe7;
  background: #f8fbfa;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-row-reference b {
  overflow: visible;
  text-overflow: clip;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-row-delete,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 [data-asset-reconciliation-delete] {
  border-color: #f3d7d9;
  background: #fff7f7;
  color: #b8525d;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-draft-totals,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-draft-delta,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconciliation-meta,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconciliation-actions {
  border-color: #e2ebe7;
  background: #f8fbfa;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview {
  border-radius: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-workflow-strip {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  order: 5;
  padding: 7px 9px;
  border: 1px solid #dfe8e4;
  border-radius: 8px;
  background: #f7faf9;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconcile-guide {
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  margin-top: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconcile-guide span {
  align-items: center;
  display: flex;
  gap: 6px;
  min-width: 0;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid #dfe8e4;
  border-radius: 6px;
  background: #f9fbfa;
  color: #5d6c67;
  font-size: 12px;
  line-height: 1.35;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconcile-guide b {
  align-items: center;
  display: inline-flex;
  flex: 0 0 22px;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid #a9c8bf;
  border-radius: 999px;
  background: #e7f2ee;
  color: #14594c;
  font-size: 11px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview-grid span {
  min-width: 0;
  min-height: 32px;
  padding: 7px 8px;
  border: 1px solid #e1e9e6;
  border-radius: 6px;
  background: #ffffff;
  color: #687670;
  font-size: 12px;
  line-height: 1.35;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview-grid b {
  display: block;
  margin-top: 3px;
  color: #20342f;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid #dce5e1;
  border-radius: 8px;
  background: #ffffff;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-kpis span {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #e2e9e6;
  border-radius: 6px;
  background: #f8faf9;
  color: #687670;
  font-size: 11px;
  line-height: 1.35;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-kpis b {
  display: block;
  margin-top: 3px;
  color: #20342f;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-history-list {
  display: grid;
  gap: 0;
  max-height: 180px;
  margin-top: 8px;
  overflow: auto;
  border: 1px solid #e3eae7;
  border-radius: 8px;
  background: #ffffff;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(82px, auto);
  gap: 8px;
  min-width: 0;
  min-height: 38px;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px solid #edf1ef;
  border-radius: 0;
  background: #ffffff;
  color: #20342f;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row:last-child {
  border-bottom: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row:hover {
  background: #f5f9f7;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row span,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row strong,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row small,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row b {
  min-width: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row strong,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row b {
  display: block;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row small {
  display: block;
  margin-top: 2px;
  color: #73817c;
  font-size: 11px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-row b {
  color: #20342f;
  font-size: 13px;
  text-align: right;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-panel {
  min-width: 0;
  padding: 10px;
  border: 1px solid #dce5e1;
  border-radius: 8px;
  background: #ffffff;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter {
  align-items: end;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr) auto auto;
  gap: 8px;
  min-width: 0;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid #e0e8e4;
  border-radius: 8px;
  background: #f7faf8;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter .field {
  min-width: 0;
  margin: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter .tag {
  align-self: center;
  justify-self: end;
  white-space: nowrap;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-summary > div,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-detail {
  min-width: 0;
  padding: 8px;
  border: 1px solid #e2e9e6;
  border-radius: 8px;
  background: #f9fbfa;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-summary span,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison span,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison small,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-detail-head span {
  display: block;
  color: #71807a;
  font-size: 11px;
  line-height: 1.35;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-summary strong,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison strong,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-detail-head strong {
  display: block;
  margin-top: 3px;
  color: #20342f;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(78px, auto) minmax(0, 1fr) minmax(150px, auto);
  gap: 8px;
  margin-top: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison strong {
  margin: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison small {
  text-align: right;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-list {
  display: grid;
  gap: 0;
  max-height: 292px;
  margin-top: 8px;
  overflow: auto;
  padding: 0;
  border: 1px solid #e3eae7;
  border-radius: 8px;
  background: #ffffff;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(126px, auto);
  gap: 10px;
  min-width: 0;
  min-height: 48px;
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid #edf1ef;
  border-radius: 0;
  background: #ffffff;
  color: #20342f;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row:last-child {
  border-bottom: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row:hover,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row.active,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row[data-asset-history-active="true"] {
  border-color: #c5d9d3;
  background: #eef6f3;
  box-shadow: inset 3px 0 0 #5f9e90;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row span,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row strong,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row small,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row b {
  min-width: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row strong,
[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row b {
  display: block;
  font-variant-numeric: tabular-nums;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row small {
  display: block;
  margin-top: 3px;
  color: #71807a;
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row[hidden] {
  display: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-detail {
  margin-top: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-detail-head {
  align-items: baseline;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-balance-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-balance-column {
  min-width: 0;
  padding: 10px;
  border: 1px solid #dfe7e4;
  border-radius: 8px;
  background: #ffffff;
  background-image: none;
  box-shadow: none;
}

[data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .liability-side {
  border-color: #eadfe1;
  background: #fdfafa;
  background-image: none;
}

@media (max-width: 920px) {
  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
    padding-bottom: 14px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 > * {
    grid-column: 1;
    min-width: 0;
    width: 100%;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-capture-actions {
    position: static;
    top: auto;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconcile-guide,
  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter .tag {
    justify-self: start;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-balance-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 {
    padding: 10px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-header {
    display: none;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row {
    grid-template-columns: minmax(0, 1fr) minmax(86px, 0.5fr) 58px;
    grid-template-rows: auto auto;
    gap: 6px;
    min-height: 0;
    padding: 8px;
    border: 1px solid #e4ebe8;
    border-radius: 8px;
    margin: 0 0 6px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-snapshot-name {
    grid-column: 1;
    grid-row: 1;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-snapshot-amount {
    grid-column: 2;
    grid-row: 1;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-row-delete {
    grid-column: 3;
    grid-row: 1;
    align-self: stretch;
    justify-self: stretch;
    min-height: 38px;
    max-width: none;
    padding: 0 6px;
    width: auto;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-row-reference {
    grid-column: 1;
    grid-row: 2;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-capture-panel-v2 .asset-ledger-row .asset-snapshot-note {
    grid-column: 2 / 4;
    grid-row: 2;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-workflow-strip {
    padding: 6px 8px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reconcile-guide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    border-radius: 8px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-save-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-card,
  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-panel {
    padding: 8px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-reference-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter,
  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-filter .tag,
  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-comparison small {
    justify-self: start;
    text-align: left;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  [data-asset-human-contract="asset-liability-ledger-v5"].asset-workbench-v2 .asset-history-detail-head {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}