/* v0.7 VoltAgent comfort workspace: graphite canvas and low-glare surfaces. */
.human-first-ui {
  --vt-canvas: #1b1c1f;
  --vt-canvas-soft: #25272b;
  --vt-surface: #2a2c31;
  --vt-surface-raised: #31343a;
  --vt-field: #202226;
  --vt-ink: #f0f1f3;
  --vt-ink-strong: #fbfbfc;
  --vt-body: #c2c4c9;
  --vt-mute: #9a9da5;
  --vt-hairline: #454850;
  --vt-primary: #00d992;
  --vt-primary-soft: #2fd6a1;
  --vt-primary-deep: #10b981;
  --vt-on-primary: #101010;
  min-height: 100vh;
  background: var(--vt-canvas);
  color: var(--vt-ink);
  color-scheme: dark;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.human-first-ui,
.human-first-ui * {
  font-family: inherit;
}

.human-first-ui code,
.human-first-ui pre,
.human-first-ui .eyebrow,
.human-first-ui .summary-strip strong,
.human-first-ui .cashflow-chart-amount,
.human-first-ui .ledger-chart-amount,
.human-first-ui .tool-result code {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.human-first-ui .site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--vt-canvas);
  border-bottom: 1px solid var(--vt-hairline);
  backdrop-filter: none;
}

.human-first-ui .header-inner {
  width: min(1280px, calc(100% - 64px));
  height: 72px;
  gap: 28px;
}

.human-first-ui .brand {
  color: var(--vt-ink-strong);
}

.human-first-ui .brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: var(--vt-primary);
  color: var(--vt-on-primary);
  box-shadow: none;
  font-weight: 700;
}

.human-first-ui .brand strong {
  font-size: 15px;
  letter-spacing: -.02em;
}

.human-first-ui .brand small {
  color: var(--vt-mute);
}

.human-first-ui .header-context {
  color: var(--vt-body);
}

.human-first-ui .header-actions {
  gap: 10px;
}

.human-first-ui .service-status {
  display: none !important;
}

.human-first-ui .account-chip,
.human-first-ui .header-tool-button {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--vt-hairline);
  border-radius: 6px;
  background: var(--vt-canvas);
  color: var(--vt-body);
}

.human-first-ui .app-shell {
  width: min(1280px, calc(100% - 64px));
  padding: 56px 0 80px;
}

.human-first-ui .eyebrow {
  margin-bottom: 12px;
  color: var(--vt-primary-soft);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 2.52px;
  text-transform: uppercase;
}

.human-first-ui .home-hero,
.human-first-ui .tools-hero,
.human-first-ui .settings-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
  margin-bottom: 32px;
  padding: 48px 0;
  border-bottom: 1px dashed rgba(79, 93, 117, .4);
  background: var(--vt-canvas);
}

.human-first-ui .home-hero::after {
  display: none;
}

.human-first-ui .home-hero h1,
.human-first-ui .tools-hero h1,
.human-first-ui .settings-hero h1 {
  margin: 0;
  color: var(--vt-ink-strong);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(44px, 6vw, 60px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.65px;
}

.human-first-ui .home-hero p:not(.eyebrow),
.human-first-ui .tools-hero p:not(.eyebrow),
.human-first-ui .settings-hero p:not(.eyebrow) {
  max-width: 680px;
  margin: 20px 0 0;
  color: var(--vt-body);
  font-size: 18px;
  line-height: 28px;
}

.human-first-ui .home-hero > .primary-button {
  align-self: end;
}

.human-first-ui .primary-button,
.human-first-ui .secondary-button {
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.human-first-ui .primary-button {
  border: 1px solid var(--vt-primary);
  background: var(--vt-primary);
  color: var(--vt-on-primary);
}

.human-first-ui .primary-button:hover {
  background: var(--vt-primary-soft);
  border-color: var(--vt-primary-soft);
  transform: translateY(-1px);
}

.human-first-ui .secondary-button {
  border: 1px solid var(--vt-hairline);
  background: var(--vt-canvas);
  color: var(--vt-ink);
}

.human-first-ui .secondary-button:hover,
.human-first-ui .quiet-button:hover,
.human-first-ui .text-button:hover {
  border-color: var(--vt-primary-soft);
  color: var(--vt-primary-soft);
}

.human-first-ui .quiet-button,
.human-first-ui .text-button {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--vt-primary-soft);
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
}

.human-first-ui button:focus-visible,
.human-first-ui input:focus-visible,
.human-first-ui select:focus-visible,
.human-first-ui textarea:focus-visible {
  outline: 2px solid var(--vt-primary);
  outline-offset: 3px;
}

.human-first-ui .home-capabilities,
.human-first-ui .entity-board,
.human-first-ui .summary-strip,
.human-first-ui .subject-tab,
.human-first-ui .tool-list,
.human-first-ui .tool-panel,
.human-first-ui .tool-catalog-section,
.human-first-ui .workflow-launcher,
.human-first-ui .settings-panel,
.human-first-ui .dashboard-card,
.human-first-ui .upload-card,
.human-first-ui .ledger-breakdown-panel,
.human-first-ui .reconciliation-panel,
.human-first-ui .transaction-questions,
.human-first-ui .voucher-panel,
.human-first-ui .journal-panel,
.human-first-ui .payroll-panel,
.human-first-ui .report-panel,
.human-first-ui .month-close-panel {
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas);
  box-shadow: none;
}

.human-first-ui .home-capabilities {
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.4fr);
  gap: 32px;
  margin-bottom: 16px;
  padding: 24px;
}

.human-first-ui .capabilities-intro {
  justify-content: center;
  padding-right: 24px;
  border-right: 1px solid var(--vt-hairline);
}

.human-first-ui .capabilities-intro h2,
.human-first-ui .board-heading h2,
.human-first-ui .tab-heading h2,
.human-first-ui .section-heading h2,
.human-first-ui .tool-panel-heading h2,
.human-first-ui .settings-panel-heading h2 {
  color: var(--vt-ink-strong);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -.6px;
}

.human-first-ui .capabilities-intro p:not(.eyebrow),
.human-first-ui .tools-hero p:not(.eyebrow),
.human-first-ui .settings-panel-heading p:not(.eyebrow),
.human-first-ui .tab-heading p:not(.eyebrow),
.human-first-ui .section-heading p:not(.eyebrow) {
  color: var(--vt-body);
  font-size: 16px;
  line-height: 26px;
}

.human-first-ui .capability-grid {
  gap: 0;
  border: 0;
}

.human-first-ui .capability-item {
  min-height: 84px;
  padding: 16px;
  border: 0;
  border-top: 1px solid var(--vt-hairline);
  border-radius: 0;
  background: transparent;
}

.human-first-ui .capability-item:nth-child(-n + 2) {
  border-top: 0;
}

.human-first-ui .capability-item:nth-child(2n) {
  border-left: 1px solid var(--vt-hairline);
}

.human-first-ui .capability-item > span {
  color: var(--vt-primary);
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.human-first-ui .capability-item strong {
  color: var(--vt-ink);
  font-size: 16px;
  line-height: 24px;
}

.human-first-ui .capability-item small {
  color: var(--vt-mute);
  font-size: 14px;
  line-height: 20px;
}

.human-first-ui .summary-strip {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 16px;
  overflow: hidden;
}

.human-first-ui .summary-strip > div {
  min-height: 90px;
  padding: 20px 24px;
  border-right: 1px solid var(--vt-hairline);
  background: var(--vt-canvas-soft);
}

.human-first-ui .summary-strip > div:last-child {
  border-right: 0;
}

.human-first-ui .summary-strip small,
.human-first-ui .summary-strip span {
  color: var(--vt-mute);
  font-size: 14px;
  line-height: 20px;
}

.human-first-ui .summary-strip strong {
  margin-left: auto;
  color: var(--vt-ink-strong);
  font-size: 28px;
  font-weight: 550;
  line-height: 32px;
  letter-spacing: 0;
}

.human-first-ui .board-heading,
.human-first-ui .dashboard-card-heading,
.human-first-ui .voucher-heading,
.human-first-ui .settings-panel-heading {
  margin-bottom: 20px;
}

.human-first-ui .entity-board {
  padding: 24px;
}

.human-first-ui .entity-list {
  gap: 12px;
}

.human-first-ui .entity-card {
  min-height: 96px;
  padding: 16px;
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  box-shadow: none;
}

.human-first-ui .entity-card:hover {
  border-color: var(--vt-primary);
  transform: none;
  box-shadow: 0 0 15px rgba(0, 217, 146, .12);
}

.human-first-ui .entity-avatar,
.human-first-ui .subject-avatar {
  border-radius: 6px;
  background: rgba(0, 217, 146, .12);
  color: var(--vt-primary);
}

.human-first-ui .entity-card h3,
.human-first-ui .entity-card p,
.human-first-ui .entity-status small {
  color: var(--vt-ink);
}

.human-first-ui .entity-card p,
.human-first-ui .entity-status small {
  color: var(--vt-mute);
}

.human-first-ui .entity-status strong,
.human-first-ui .entity-arrow {
  color: var(--vt-primary);
}

.human-first-ui .empty-state {
  padding: 56px 20px;
}

.human-first-ui .empty-orbit {
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  color: var(--vt-primary);
}

.human-first-ui .empty-state h3 {
  color: var(--vt-ink-strong);
}

.human-first-ui .empty-state p,
.human-first-ui .home-note,
.human-first-ui .home-note p {
  color: var(--vt-body);
}

.human-first-ui .home-note {
  margin-top: 16px;
}

.human-first-ui .home-note .note-mark {
  border-color: var(--vt-hairline);
  color: var(--vt-primary);
}

.human-first-ui .subject-header {
  grid-template-columns: 150px minmax(0, 1fr) auto;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px dashed rgba(79, 93, 117, .4);
}

.human-first-ui .back-button {
  color: var(--vt-primary-soft);
}

.human-first-ui .subject-heading h1 {
  color: var(--vt-ink-strong);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -.9px;
}

.human-first-ui .subject-heading p:not(.eyebrow),
.human-first-ui .subject-deadline small {
  color: var(--vt-mute);
}

.human-first-ui .subject-deadline {
  min-width: 190px;
  padding: 16px;
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  text-align: right;
}

.human-first-ui .subject-deadline strong {
  color: var(--vt-ink-strong);
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 14px;
}

.human-first-ui .subject-deadline span {
  color: var(--vt-primary);
  font-size: 14px;
}

.human-first-ui .subject-layout {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 24px;
}

.human-first-ui .subject-nav {
  position: sticky;
  top: 96px;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
}

.human-first-ui .subject-nav-item {
  grid-template-columns: 32px minmax(0, 1fr);
  min-height: 52px;
  padding: 12px;
  border-left: 2px solid transparent;
  border-radius: 6px;
  color: var(--vt-body);
}

.human-first-ui .subject-nav-item span {
  color: var(--vt-mute);
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

.human-first-ui .subject-nav-item strong {
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}

.human-first-ui .subject-nav-item small {
  color: var(--vt-mute);
  font-size: 12px;
  line-height: 16px;
}

.human-first-ui .subject-nav-item:hover {
  background: var(--vt-canvas);
  color: var(--vt-ink);
}

.human-first-ui .subject-nav-item.active {
  border-left-color: var(--vt-primary);
  background: var(--vt-canvas);
  color: var(--vt-ink-strong);
  box-shadow: none;
}

.human-first-ui .subject-nav-item.active span,
.human-first-ui .subject-nav-item.active small {
  color: var(--vt-primary-soft);
}

.human-first-ui .subject-tab {
  min-width: 0;
  padding: 32px;
}

.human-first-ui .tab-heading h2,
.human-first-ui .section-heading h2,
.human-first-ui .tool-panel-heading h2,
.human-first-ui .settings-panel-heading h2 {
  margin: 0;
}

.human-first-ui .status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid rgba(0, 217, 146, .35);
  border-radius: 9999px;
  background: rgba(0, 217, 146, .1);
  color: var(--vt-primary-soft);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.human-first-ui .local-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid var(--vt-hairline);
  border-radius: 9999px;
  background: var(--vt-canvas-soft);
  color: var(--vt-body);
  font-size: 12px;
}

.human-first-ui .period-alert,
.human-first-ui .unified-intake,
.human-first-ui .task-focus,
.human-first-ui .owner-action-bar,
.human-first-ui .filing-card,
.human-first-ui .guide-panel,
.human-first-ui .parse-result,
.human-first-ui .assumption-card,
.human-first-ui .source-declaration {
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  box-shadow: none;
}

.human-first-ui .period-alert,
.human-first-ui .owner-action-bar {
  color: var(--vt-ink);
}

.human-first-ui .period-alert p,
.human-first-ui .owner-action-hint,
.human-first-ui .unified-intake-copy p,
.human-first-ui .unified-upload-status,
.human-first-ui .upload-progress,
.human-first-ui .source-help,
.human-first-ui .assumption-card,
.human-first-ui .filing-card p:not(.eyebrow),
.human-first-ui .guide-panel,
.human-first-ui .task-focus p {
  color: var(--vt-body);
}

.human-first-ui .period-alert-dot {
  background: var(--vt-primary);
  box-shadow: 0 0 0 4px rgba(0, 217, 146, .12);
}

.human-first-ui .period-alert-countdown {
  color: var(--vt-primary);
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.human-first-ui .unified-intake {
  padding: 24px;
}

.human-first-ui .unified-intake-icon,
.human-first-ui .task-card-icon,
.human-first-ui .upload-icon,
.human-first-ui .risk-icon {
  border-radius: 6px;
  background: rgba(0, 217, 146, .12);
  color: var(--vt-primary);
}

.human-first-ui .unified-intake-copy h3,
.human-first-ui .task-card h3,
.human-first-ui .upload-card .file-kind,
.human-first-ui .voucher-heading h3,
.human-first-ui .filing-card h3,
.human-first-ui .payroll-panel h3,
.human-first-ui .report-panel h3 {
  color: var(--vt-ink-strong);
}

.human-first-ui .dashboard-grid,
.human-first-ui .task-grid,
.human-first-ui .payroll-layout,
.human-first-ui .report-layout {
  gap: 16px;
}

.human-first-ui .dashboard-card,
.human-first-ui .task-card,
.human-first-ui .payroll-panel,
.human-first-ui .report-panel,
.human-first-ui .month-close-panel {
  padding: 24px;
}

.human-first-ui .task-card {
  min-height: 172px;
  background: var(--vt-canvas-soft);
}

.human-first-ui .task-card small,
.human-first-ui .task-card p,
.human-first-ui .payroll-edit-hint,
.human-first-ui .report-panel p:not(.eyebrow) {
  color: var(--vt-mute);
}

.human-first-ui .task-card p {
  min-height: 48px;
}

.human-first-ui .automation-step,
.human-first-ui .progress-step,
.human-first-ui .month-close-row,
.human-first-ui .payroll-issue,
.human-first-ui .risk-item,
.human-first-ui .owner-review-item,
.human-first-ui .report-accounting-facts,
.human-first-ui .report-coverage {
  border-color: var(--vt-hairline);
}

.human-first-ui .automation-step-marker,
.human-first-ui .progress-step.done .automation-step-marker {
  background: rgba(0, 217, 146, .12);
  color: var(--vt-primary);
}

.human-first-ui .upload-grid {
  gap: 16px;
}

.human-first-ui .upload-card {
  padding: 24px;
}

.human-first-ui .upload-card > p,
.human-first-ui .file-item small,
.human-first-ui .source-choice small,
.human-first-ui .source-declaration-state {
  color: var(--vt-mute);
}

.human-first-ui .file-item,
.human-first-ui .ledger-row,
.human-first-ui .voucher-row,
.human-first-ui .reconciliation-row,
.human-first-ui .transaction-question-row,
.human-first-ui .receipt-verification-row,
.human-first-ui .manage-row {
  border-color: var(--vt-hairline);
  background: var(--vt-canvas-soft);
}

.human-first-ui .file-item-mark,
.human-first-ui .file-status.parsed,
.human-first-ui .voucher-status,
.human-first-ui .source-declaration.has-sources .source-declaration-state {
  background: rgba(0, 217, 146, .12);
  color: var(--vt-primary-soft);
}

.human-first-ui .file-status.needs_review,
.human-first-ui .review-badge,
.human-first-ui .source-declaration.needs-manual .source-declaration-state,
.human-first-ui .voucher-status.needs-review {
  background: rgba(241, 196, 138, .12);
  color: #f1c48a;
}

.human-first-ui .source-choice {
  border-color: var(--vt-hairline);
  background: var(--vt-canvas);
}

.human-first-ui .source-choice.is-covered {
  border-color: rgba(0, 217, 146, .45);
  background: rgba(0, 217, 146, .06);
}

.human-first-ui .source-choice.is-missing {
  border-color: rgba(241, 196, 138, .45);
  background: rgba(241, 196, 138, .06);
}

.human-first-ui input:not([type="checkbox"]):not([type="radio"]),
.human-first-ui select,
.human-first-ui textarea,
.human-first-ui .ledger-category-select,
.human-first-ui .tool-fields input,
.human-first-ui .tool-fields select,
.human-first-ui .invoice-review-row input {
  min-height: 44px;
  border: 1px solid var(--vt-hairline);
  border-radius: 6px;
  background: var(--vt-canvas-soft);
  color: var(--vt-ink);
}

.human-first-ui input::placeholder,
.human-first-ui textarea::placeholder {
  color: var(--vt-mute);
}

.human-first-ui .ledger-table-wrap,
.human-first-ui .voucher-rows,
.human-first-ui .tool-catalog-card,
.human-first-ui .invoice-review-row,
.human-first-ui .journal-row,
.human-first-ui .reconciliation-row {
  border-color: var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
}

.human-first-ui .ledger-table-head {
  background: var(--vt-canvas-soft);
  color: var(--vt-mute);
}

.human-first-ui .ledger-row strong,
.human-first-ui .ledger-category,
.human-first-ui .ledger-amount,
.human-first-ui .voucher-row span,
.human-first-ui .voucher-row strong {
  color: var(--vt-ink);
}

.human-first-ui .ledger-row small,
.human-first-ui .voucher-row small,
.human-first-ui .table-empty,
.human-first-ui .journal-source-detail,
.human-first-ui .journal-technical-details {
  color: var(--vt-mute);
}

.human-first-ui .ledger-breakdown-panel,
.human-first-ui .reconciliation-panel,
.human-first-ui .transaction-questions,
.human-first-ui .voucher-panel,
.human-first-ui .journal-panel {
  padding: 24px;
}

.human-first-ui .tax-identity-card,
.human-first-ui .tax-hero {
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  box-shadow: none;
}

.human-first-ui .tax-identity-card {
  color: var(--vt-ink);
}

.human-first-ui .tax-identity-card small,
.human-first-ui .tax-identity-card p,
.human-first-ui .tax-source span,
.human-first-ui .tax-source small,
.human-first-ui .tax-hero-main small,
.human-first-ui .tax-hero-main p {
  color: var(--vt-mute);
}

.human-first-ui .tax-identity-card strong,
.human-first-ui .tax-source strong {
  color: var(--vt-ink-strong);
}

.human-first-ui .tax-hero {
  color: var(--vt-ink);
}

.human-first-ui .tax-hero-main strong {
  color: var(--vt-primary);
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 550;
}

.human-first-ui .tax-source {
  border-left-color: var(--vt-hairline);
}

.human-first-ui .tax-breakdown,
.human-first-ui .report-summary,
.human-first-ui .report-accounting {
  border-color: var(--vt-hairline);
  background: var(--vt-canvas-soft);
}

.human-first-ui .tax-line,
.human-first-ui .report-metric,
.human-first-ui .report-category-row {
  border-color: var(--vt-hairline);
}

.human-first-ui .tax-line span,
.human-first-ui .tax-line strong,
.human-first-ui .report-metric strong,
.human-first-ui .report-category-row strong {
  color: var(--vt-ink);
}

.human-first-ui .tool-workbench {
  gap: 16px;
}

.human-first-ui .tools-hero .back-button,
.human-first-ui .settings-hero .back-button {
  margin-bottom: 24px;
}

.human-first-ui .tool-list {
  gap: 4px;
  padding: 8px;
}

.human-first-ui .tool-list-item {
  min-height: 60px;
  padding: 12px;
  border-left: 2px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--vt-body);
}

.human-first-ui .tool-list-item strong {
  color: inherit;
  font-size: 14px;
}

.human-first-ui .tool-list-item small {
  color: var(--vt-mute);
  font-size: 12px;
}

.human-first-ui .tool-list-item:hover {
  background: var(--vt-canvas);
}

.human-first-ui .tool-list-item.active {
  border-left-color: var(--vt-primary);
  background: var(--vt-canvas);
  color: var(--vt-ink-strong);
}

.human-first-ui .tool-list-item.active small {
  color: var(--vt-primary-soft);
}

.human-first-ui .tool-list-item.integrated:not(.active) {
  background: transparent;
}

.human-first-ui .tool-panel,
.human-first-ui .tool-catalog-section {
  padding: 24px;
}

.human-first-ui .tool-fields label,
.human-first-ui .employee-form label,
.human-first-ui .policy-form label,
.human-first-ui .settings-form-grid label,
.human-first-ui .backup-form label,
.human-first-ui .entity-form label,
.human-first-ui .source-form label {
  color: var(--vt-body);
}

.human-first-ui .tool-result,
.human-first-ui .tool-catalog-card,
.human-first-ui .workflow-entry,
.human-first-ui .planned-tools,
.human-first-ui .planned-tool-row {
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  box-shadow: none;
}

.human-first-ui .tool-result {
  color: var(--vt-ink);
}

.human-first-ui .workflow-entries {
  gap: 12px;
}

.human-first-ui .workflow-entry {
  min-height: 132px;
  padding: 20px;
}

.human-first-ui .workflow-entry:hover,
.human-first-ui .tool-catalog-card:hover {
  border-color: var(--vt-primary);
  box-shadow: 0 0 15px rgba(0, 217, 146, .1);
}

.human-first-ui .workflow-entry-copy strong,
.human-first-ui .tool-catalog-card strong,
.human-first-ui .tool-catalog-card h3 {
  color: var(--vt-ink-strong);
}

.human-first-ui .workflow-entry-copy p,
.human-first-ui .workflow-entry-copy small,
.human-first-ui .tool-catalog-card p,
.human-first-ui .tool-catalog-card small {
  color: var(--vt-mute);
}

.human-first-ui .settings-panel {
  padding: 28px;
}

.human-first-ui .settings-panel + .settings-panel {
  margin-top: 16px;
}

.human-first-ui .settings-boundary,
.human-first-ui .settings-status-message,
.human-first-ui .form-hint,
.human-first-ui .settings-panel-heading p:not(.eyebrow) {
  color: var(--vt-body);
}

.human-first-ui .settings-advanced {
  border-top-color: var(--vt-hairline);
  border-bottom-color: var(--vt-hairline);
}

.human-first-ui .settings-advanced summary {
  color: var(--vt-primary-soft);
}

.human-first-ui .modal-backdrop {
  background: rgba(0, 0, 0, .78);
  backdrop-filter: blur(8px);
}

.human-first-ui .modal {
  width: min(520px, 100%);
  padding: 32px;
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  color: var(--vt-ink);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .7), 0 0 0 1px rgba(148, 163, 184, .1) inset;
}

.human-first-ui .modal h2 {
  color: var(--vt-ink-strong);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.human-first-ui .modal > p:not(.eyebrow),
.human-first-ui .modal-close {
  color: var(--vt-body);
}

.human-first-ui .modal-close {
  border: 1px solid var(--vt-hairline);
  border-radius: 6px;
  background: var(--vt-canvas);
}

.human-first-ui .modal-actions {
  border-top-color: var(--vt-hairline);
}

.human-first-ui .toast {
  right: 24px;
  bottom: 24px;
  border: 1px solid var(--vt-hairline);
  border-radius: 8px;
  background: var(--vt-canvas-soft);
  color: var(--vt-ink);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .7);
  font-size: 14px;
}

.human-first-ui footer {
  width: min(1280px, calc(100% - 64px));
  padding: 20px 0 32px;
  border-top: 1px solid var(--vt-hairline);
  color: var(--vt-mute);
  font-size: 12px;
}

.human-first-ui .upload-error,
.human-first-ui .auth-error {
  border: 1px solid rgba(241, 196, 138, .45);
  border-radius: 6px;
  background: rgba(241, 196, 138, .1);
  color: #f1c48a;
}

.human-first-ui .danger-text-button,
.human-first-ui .danger-button {
  color: #f1a7a0;
}

@media (max-width: 1023px) {
  .human-first-ui .subject-layout {
    display: block;
  }

  .human-first-ui .subject-nav {
    position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 16px;
    overflow-x: auto;
  }

  .human-first-ui .subject-nav-item {
    flex: 0 0 auto;
    min-width: 142px;
    border-left: 0;
    border-bottom: 2px solid transparent;
  }

  .human-first-ui .subject-nav-item.active {
    border-left: 0;
    border-bottom-color: var(--vt-primary);
  }

  .human-first-ui .tool-workbench,
  .human-first-ui .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .human-first-ui .tool-list {
    position: static;
    display: flex;
    max-height: none;
    overflow-x: auto;
  }

  .human-first-ui .tool-list-item {
    flex: 0 0 auto;
    min-width: 160px;
  }
}

@media (max-width: 767px) {
  .human-first-ui .header-inner,
  .human-first-ui .app-shell,
  .human-first-ui footer {
    width: calc(100% - 32px);
  }

  .human-first-ui .header-inner {
    height: 64px;
    gap: 12px;
  }

  .human-first-ui .brand small,
  .human-first-ui .header-context {
    display: none;
  }

  .human-first-ui .header-actions {
    margin-left: auto;
  }

  .human-first-ui .header-tool-button {
    display: none;
  }

  .human-first-ui .app-shell {
    padding-top: 24px;
  }

  .human-first-ui .home-hero,
  .human-first-ui .tools-hero,
  .human-first-ui .settings-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 0;
  }

  .human-first-ui .home-hero h1,
  .human-first-ui .tools-hero h1,
  .human-first-ui .settings-hero h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .human-first-ui .home-hero p:not(.eyebrow),
  .human-first-ui .tools-hero p:not(.eyebrow),
  .human-first-ui .settings-hero p:not(.eyebrow) {
    margin-top: 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .human-first-ui .home-hero > .primary-button {
    width: max-content;
  }

  .human-first-ui .home-capabilities {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }

  .human-first-ui .capabilities-intro {
    padding: 0 0 16px;
    border-right: 0;
    border-bottom: 1px solid var(--vt-hairline);
  }

  .human-first-ui .capability-grid {
    grid-template-columns: 1fr;
  }

  .human-first-ui .capability-item,
  .human-first-ui .capability-item:nth-child(-n + 2),
  .human-first-ui .capability-item:nth-child(2n) {
    border-top: 1px solid var(--vt-hairline);
    border-left: 0;
  }

  .human-first-ui .capability-item:first-child {
    border-top: 0;
  }

  .human-first-ui .summary-strip {
    grid-template-columns: 1fr;
  }

  .human-first-ui .summary-strip > div {
    min-height: 72px;
    border-right: 0;
    border-bottom: 1px solid var(--vt-hairline);
  }

  .human-first-ui .summary-strip > div:last-child {
    border-bottom: 0;
  }

  .human-first-ui .entity-board,
  .human-first-ui .subject-tab,
  .human-first-ui .tool-panel,
  .human-first-ui .tool-catalog-section,
  .human-first-ui .settings-panel,
  .human-first-ui .dashboard-card,
  .human-first-ui .upload-card,
  .human-first-ui .payroll-panel,
  .human-first-ui .report-panel,
  .human-first-ui .month-close-panel {
    padding: 20px 16px;
  }

  .human-first-ui .subject-header {
    grid-template-columns: 1fr auto;
    gap: 16px;
  }

  .human-first-ui .subject-header .back-button {
    grid-column: 1 / -1;
  }

  .human-first-ui .subject-heading {
    grid-column: 1;
  }

  .human-first-ui .subject-heading h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .human-first-ui .subject-deadline {
    grid-column: 2;
    min-width: 126px;
    padding: 12px;
  }

  .human-first-ui .subject-nav-item {
    min-width: 132px;
  }

  .human-first-ui .tab-heading,
  .human-first-ui .voucher-heading,
  .human-first-ui .settings-panel-heading,
  .human-first-ui .filing-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .human-first-ui .filing-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .human-first-ui .filing-actions .primary-button,
  .human-first-ui .filing-actions .secondary-button,
  .human-first-ui .document-actions .primary-button {
    width: 100%;
  }

  .human-first-ui .unified-intake {
    padding: 20px 16px;
  }

  .human-first-ui .tool-list {
    border-radius: 8px;
  }

  .human-first-ui .tool-list-item {
    min-width: 150px;
  }

  .human-first-ui .tool-fields,
  .human-first-ui .form-two,
  .human-first-ui .source-form,
  .human-first-ui .payroll-layout,
  .human-first-ui .report-layout {
    grid-template-columns: 1fr;
  }

  .human-first-ui .ledger-summary {
    grid-template-columns: 1fr 1fr;
  }

  .human-first-ui .tax-hero {
    flex-direction: column;
  }

  .human-first-ui .tax-source {
    width: 100%;
    padding: 12px 0 0;
    border-top: 1px solid var(--vt-hairline);
    border-left: 0;
  }

  .human-first-ui footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* VoltAgent control geometry. */
.human-first-ui .primary-button {
  border-radius: 6px;
}

/* Legacy selectors in status.css are intentionally neutralized here so the
   final theme remains deterministic when older visual layers are present. */
.human-first-ui {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background: var(--vt-canvas) !important;
  --ledger-signal: var(--vt-primary);
  --ledger-signal-soft: rgba(0, 217, 146, .12);
  --workspace-accent: var(--vt-primary);
  --workspace-accent-strong: var(--vt-primary);
  --ui-blue: var(--vt-primary);
  --ui-blue-soft: rgba(0, 217, 146, .12);
  --ledger-paper: var(--vt-ink);
  --ledger-ink: var(--vt-ink);
  --ledger-surface: var(--vt-canvas-soft);
  --ledger-line: var(--vt-hairline);
  --ledger-muted: var(--vt-body);
  --ledger-subtle: var(--vt-mute);
  --workspace-navy: var(--vt-canvas);
  --workspace-navy-deep: var(--vt-canvas-soft);
  --workspace-canvas: var(--vt-canvas);
  --workspace-surface: var(--vt-canvas-soft);
  --workspace-surface-muted: var(--vt-canvas-soft);
  --workspace-line: var(--vt-hairline);
  --workspace-ink: var(--vt-ink);
  --workspace-muted: var(--vt-body);
  --workspace-subtle: var(--vt-mute);
}

.human-first-ui * {
  font-family: inherit;
  box-shadow: none !important;
}

.human-first-ui h1,
.human-first-ui h2,
.human-first-ui h3,
.human-first-ui h4,
.human-first-ui h5,
.human-first-ui h6,
.human-first-ui .brand strong,
.human-first-ui .home-hero h1,
.human-first-ui .tools-hero h1,
.human-first-ui .settings-hero h1,
.human-first-ui .subject-heading h1,
.human-first-ui .tab-heading h2,
.human-first-ui .board-heading h2,
.human-first-ui .capabilities-intro h2,
.human-first-ui .summary-strip strong,
.human-first-ui .tax-hero strong,
.human-first-ui .tool-panel-heading h2 {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.human-first-ui .site-header {
  background: var(--vt-canvas) !important;
  border-bottom: 1px solid var(--vt-hairline) !important;
  box-shadow: none !important;
}

.human-first-ui .primary-button,
.human-first-ui .home-hero > .primary-button {
  background: var(--vt-primary) !important;
  border-color: var(--vt-primary) !important;
  color: var(--vt-on-primary) !important;
}

.human-first-ui .primary-button:hover,
.human-first-ui .home-hero > .primary-button:hover {
  background: var(--vt-primary-soft) !important;
  border-color: var(--vt-primary-soft) !important;
  color: var(--vt-on-primary) !important;
}

.human-first-ui .secondary-button,
.human-first-ui .account-chip,
.human-first-ui .header-tool-button {
  background: var(--vt-canvas) !important;
  border-color: var(--vt-hairline) !important;
  color: var(--vt-ink) !important;
}

.human-first-ui .service-status,
.human-first-ui .service-retry {
  display: none !important;
}

.human-first-ui .workflow-entry-action,
.human-first-ui .tool-card-action,
.human-first-ui .tool-result-action,
.human-first-ui .tool-link {
  color: var(--vt-primary) !important;
  border-color: var(--vt-primary) !important;
}

.human-first-ui .workflow-entry,
.human-first-ui .tool-catalog-card {
  color: var(--vt-body) !important;
  background: var(--vt-canvas-soft) !important;
  border: 1px solid var(--vt-hairline) !important;
}

.human-first-ui .workflow-entry-copy {
  color: var(--vt-body) !important;
}

.human-first-ui .workflow-entry strong,
.human-first-ui .tool-catalog-card strong {
  color: var(--vt-ink-strong) !important;
}

.human-first-ui .tool-list-item {
  color: var(--vt-body) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--vt-hairline) !important;
  border-left: 2px solid transparent !important;
  background: transparent !important;
}

.human-first-ui .tool-list-item.active {
  color: var(--vt-ink-strong) !important;
  border-left-color: var(--vt-primary) !important;
  background: var(--vt-canvas) !important;
}

.human-first-ui .workflow-entries,
.human-first-ui .tool-catalog {
  border-color: var(--vt-hairline) !important;
  background: var(--vt-canvas) !important;
}

/* v0.8 Onlook-inspired shell: a calm editor workspace for finance work.
   The reference is the interaction model (rail, canvas, contextual surfaces),
   not a visual copy of the design editor. */
.human-first-ui {
  --qzt-canvas: #17191c;
  --qzt-canvas-low: #1c1f23;
  --qzt-surface: #20242a;
  --qzt-surface-raised: #252a30;
  --qzt-line: rgba(236, 239, 242, .12);
  --qzt-line-strong: rgba(236, 239, 242, .22);
  --qzt-text: #edf0f2;
  --qzt-text-strong: #fafbfc;
  --qzt-text-muted: #a7adb5;
  --qzt-text-subtle: #7f8791;
  --qzt-accent: #00d992;
  --qzt-accent-soft: #5ce7b9;
  background:
    radial-gradient(860px 520px at 15% -12%, rgba(0, 217, 146, .075), transparent 62%),
    radial-gradient(720px 500px at 100% 22%, rgba(69, 125, 255, .07), transparent 70%),
    var(--qzt-canvas) !important;
  color: var(--qzt-text);
  overflow-x: hidden;
}

.human-first-ui::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .014) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}

.human-first-ui > * {
  position: relative;
  z-index: 1;
}

.human-first-ui .site-header {
  background: rgba(23, 25, 28, .84) !important;
  border-bottom: 1px solid var(--qzt-line) !important;
  backdrop-filter: blur(18px) saturate(125%);
}

.human-first-ui .header-inner {
  width: min(1440px, calc(100% - 56px));
  height: 58px;
  gap: 18px;
}

.human-first-ui .brand {
  gap: 9px;
  color: var(--qzt-text-strong);
}

.human-first-ui .brand-mark {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  background: var(--qzt-accent);
  color: #101512;
  font-size: 14px;
}

.human-first-ui .brand strong {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.035em;
}

.human-first-ui .brand small {
  margin-top: 1px;
  color: var(--qzt-text-subtle);
  font-size: 9px;
  letter-spacing: .02em;
}

.human-first-ui .header-context {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-left: 1px solid var(--qzt-line);
  color: var(--qzt-text-muted);
  font-size: 12px;
}

.human-first-ui .header-actions {
  gap: 6px;
}

.human-first-ui .header-tool-button,
.human-first-ui .header-settings-button,
.human-first-ui .account-chip {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid transparent !important;
  border-radius: 8px;
  background: transparent !important;
  color: var(--qzt-text-muted) !important;
  font-size: 12px;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.human-first-ui .header-tool-button:hover,
.human-first-ui .header-settings-button:hover,
.human-first-ui .account-chip:hover {
  border-color: var(--qzt-line-strong) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: var(--qzt-text-strong) !important;
}

.human-first-ui .app-shell {
  width: min(1440px, calc(100% - 56px));
  padding: 34px 0 64px;
}

.human-first-ui .view:not([hidden]) {
  animation: qzt-shell-in .24s ease-out both;
}

@keyframes qzt-shell-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.human-first-ui .eyebrow {
  color: var(--qzt-accent-soft);
  font-size: 11px;
  letter-spacing: .14em;
}

.human-first-ui .home-hero,
.human-first-ui .tools-hero,
.human-first-ui .settings-hero {
  position: relative;
  gap: 28px;
  margin-bottom: 24px;
  padding: 30px 0 34px;
  border-bottom: 1px solid var(--qzt-line);
  background: transparent;
}

.human-first-ui .home-hero::after {
  display: block !important;
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 96px;
  height: 2px;
  background: var(--qzt-accent);
}

.human-first-ui .home-hero h1,
.human-first-ui .tools-hero h1,
.human-first-ui .settings-hero h1 {
  color: var(--qzt-text-strong);
  font-size: clamp(42px, 5.2vw, 70px);
  font-weight: 450;
  letter-spacing: -.075em;
}

.human-first-ui .home-hero p:not(.eyebrow),
.human-first-ui .tools-hero p:not(.eyebrow),
.human-first-ui .settings-hero p:not(.eyebrow) {
  max-width: 650px;
  margin-top: 14px;
  color: var(--qzt-text-muted);
  font-size: 15px;
  line-height: 25px;
}

.human-first-ui .primary-button,
.human-first-ui .secondary-button {
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 20px;
}

.human-first-ui .primary-button {
  border-color: var(--qzt-accent) !important;
  background: var(--qzt-accent) !important;
  color: #101512 !important;
}

.human-first-ui .primary-button:hover {
  border-color: var(--qzt-accent-soft) !important;
  background: var(--qzt-accent-soft) !important;
  transform: translateY(-1px);
}

.human-first-ui .secondary-button {
  border-color: var(--qzt-line-strong) !important;
  background: transparent !important;
  color: var(--qzt-text) !important;
}

.human-first-ui .secondary-button:hover {
  border-color: var(--qzt-accent) !important;
  background: rgba(0, 217, 146, .06) !important;
  color: var(--qzt-text-strong) !important;
}

.human-first-ui .quiet-button,
.human-first-ui .text-button {
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--qzt-accent-soft);
  font-size: 12px;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.human-first-ui .quiet-button:hover,
.human-first-ui .text-button:hover {
  border-color: var(--qzt-line-strong);
  background: rgba(255, 255, 255, .04);
  color: var(--qzt-text-strong);
}

.human-first-ui .home-capabilities,
.human-first-ui .entity-board,
.human-first-ui .summary-strip,
.human-first-ui .subject-tab,
.human-first-ui .tool-list,
.human-first-ui .tool-panel,
.human-first-ui .tool-catalog-section,
.human-first-ui .workflow-launcher,
.human-first-ui .settings-panel {
  border: 1px solid var(--qzt-line-strong) !important;
  border-radius: 14px;
  background: rgba(32, 36, 42, .84) !important;
}

.human-first-ui .home-capabilities {
  gap: 28px;
  margin-bottom: 14px;
  padding: 22px;
}

.human-first-ui .capabilities-intro {
  padding-right: 24px;
  border-right-color: var(--qzt-line);
}

.human-first-ui .capabilities-intro h2,
.human-first-ui .board-heading h2,
.human-first-ui .tab-heading h2,
.human-first-ui .section-heading h2,
.human-first-ui .tool-panel-heading h2,
.human-first-ui .settings-panel-heading h2 {
  color: var(--qzt-text-strong);
  font-size: 23px;
  font-weight: 650;
  letter-spacing: -.055em;
}

.human-first-ui .capabilities-intro p:not(.eyebrow),
.human-first-ui .tab-heading p:not(.eyebrow),
.human-first-ui .section-heading p:not(.eyebrow),
.human-first-ui .settings-panel-heading p:not(.eyebrow) {
  color: var(--qzt-text-muted);
  font-size: 13px;
  line-height: 21px;
}

.human-first-ui .capability-item {
  min-height: 76px;
  padding: 13px 15px;
  border-color: var(--qzt-line);
  background: transparent;
}

.human-first-ui .capability-item > span {
  color: var(--qzt-accent);
  font-size: 10px;
}

.human-first-ui .capability-item strong {
  color: var(--qzt-text);
  font-size: 14px;
}

.human-first-ui .capability-item small {
  color: var(--qzt-text-subtle);
  font-size: 12px;
  line-height: 18px;
}

.human-first-ui .summary-strip {
  margin-bottom: 14px;
  border-radius: 12px;
  background: rgba(28, 31, 35, .8) !important;
}

.human-first-ui .summary-strip > div {
  min-height: 78px;
  padding: 17px 20px;
  border-right-color: var(--qzt-line);
  background: transparent;
}

.human-first-ui .summary-strip small,
.human-first-ui .summary-strip span {
  color: var(--qzt-text-subtle);
  font-size: 12px;
}

.human-first-ui .summary-strip strong {
  color: var(--qzt-text-strong);
  font-size: 26px;
}

.human-first-ui .entity-board {
  padding: 22px;
}

.human-first-ui .entity-card {
  min-height: 88px;
  padding: 14px;
  border: 1px solid var(--qzt-line) !important;
  border-radius: 11px;
  background: rgba(37, 42, 48, .84) !important;
}

.human-first-ui .entity-card:hover {
  border-color: rgba(0, 217, 146, .7) !important;
  background: rgba(0, 217, 146, .06) !important;
  box-shadow: none !important;
}

.human-first-ui .entity-avatar,
.human-first-ui .subject-avatar {
  background: rgba(0, 217, 146, .12);
  color: var(--qzt-accent);
}

.human-first-ui .entity-card h3,
.human-first-ui .subject-heading h1,
.human-first-ui .entity-status strong {
  color: var(--qzt-text-strong);
}

.human-first-ui .entity-card p,
.human-first-ui .entity-status small,
.human-first-ui .home-note,
.human-first-ui .home-note p {
  color: var(--qzt-text-muted);
}

.human-first-ui .entity-arrow {
  color: var(--qzt-accent);
  transition: transform .18s ease;
}

.human-first-ui .entity-card:hover .entity-arrow {
  transform: translateX(3px);
}

.human-first-ui .home-note {
  padding: 12px 2px 0;
  border-top: 1px solid var(--qzt-line);
}

.human-first-ui .subject-view {
  min-height: calc(100vh - 58px);
}

.human-first-ui .subject-header {
  position: sticky;
  top: 58px;
  z-index: 5;
  grid-template-columns: 132px minmax(0, 1fr) auto;
  gap: 16px;
  margin-bottom: 16px;
  padding: 15px 17px;
  border: 1px solid var(--qzt-line-strong);
  border-radius: 14px;
  background: rgba(32, 36, 42, .9);
  backdrop-filter: blur(18px) saturate(120%);
}

.human-first-ui .subject-heading h1 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -.06em;
}

.human-first-ui .subject-heading p:not(.eyebrow),
.human-first-ui .subject-deadline small {
  color: var(--qzt-text-muted);
}

.human-first-ui .subject-deadline {
  min-width: 182px;
  padding: 10px 12px;
  border: 1px solid var(--qzt-line);
  border-radius: 10px;
  background: rgba(37, 42, 48, .86);
}

.human-first-ui .subject-deadline strong {
  color: var(--qzt-text-strong);
  font-size: 13px;
}

.human-first-ui .subject-deadline span {
  color: var(--qzt-accent);
  font-size: 12px;
}

.human-first-ui .subject-layout {
  grid-template-columns: 212px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.human-first-ui .subject-nav {
  position: sticky;
  top: 153px;
  max-height: calc(100vh - 176px);
  gap: 3px;
  padding: 7px;
  overflow-y: auto;
  border: 1px solid var(--qzt-line-strong);
  border-radius: 14px;
  background: rgba(32, 36, 42, .84);
}

.human-first-ui .subject-nav::before {
  content: '申报流程';
  display: block;
  padding: 7px 10px 9px;
  border-bottom: 1px solid var(--qzt-line);
  color: var(--qzt-text-subtle);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
}

.human-first-ui .subject-nav-item {
  grid-template-columns: 30px minmax(0, 1fr);
  min-height: 49px;
  padding: 10px 11px;
  border-left: 2px solid transparent;
  border-radius: 8px;
  color: var(--qzt-text-muted);
}

.human-first-ui .subject-nav-item span {
  color: var(--qzt-text-subtle);
  font-size: 10px;
}

.human-first-ui .subject-nav-item strong {
  color: inherit;
  font-size: 13px;
}

.human-first-ui .subject-nav-item small {
  color: var(--qzt-text-subtle);
  font-size: 10px;
}

.human-first-ui .subject-nav-item:hover {
  background: rgba(255, 255, 255, .045);
  color: var(--qzt-text);
}

.human-first-ui .subject-nav-item.active {
  border-left-color: var(--qzt-accent);
  background: rgba(0, 217, 146, .08);
  color: var(--qzt-text-strong);
}

.human-first-ui .subject-nav-item.active span,
.human-first-ui .subject-nav-item.active small {
  color: var(--qzt-accent-soft);
}

.human-first-ui .subject-tab {
  padding: 26px;
  background: rgba(32, 36, 42, .84) !important;
}

.human-first-ui .period-alert,
.human-first-ui .unified-intake,
.human-first-ui .task-focus,
.human-first-ui .owner-action-bar,
.human-first-ui .filing-card,
.human-first-ui .guide-panel,
.human-first-ui .parse-result,
.human-first-ui .assumption-card,
.human-first-ui .source-declaration,
.human-first-ui .task-card,
.human-first-ui .upload-card,
.human-first-ui .dashboard-card,
.human-first-ui .payroll-panel,
.human-first-ui .report-panel,
.human-first-ui .month-close-panel {
  border-color: var(--qzt-line) !important;
  border-radius: 11px;
  background: rgba(37, 42, 48, .86) !important;
}

.human-first-ui .period-alert,
.human-first-ui .owner-action-bar,
.human-first-ui .task-focus {
  background: linear-gradient(110deg, rgba(0, 217, 146, .09), rgba(37, 42, 48, .82)) !important;
}

.human-first-ui .unified-intake,
.human-first-ui .upload-card,
.human-first-ui .task-card,
.human-first-ui .dashboard-card,
.human-first-ui .payroll-panel,
.human-first-ui .report-panel,
.human-first-ui .month-close-panel {
  padding: 20px;
}

.human-first-ui .status-pill {
  min-height: 25px;
  padding: 4px 9px;
  border-color: rgba(0, 217, 146, .32);
  background: rgba(0, 217, 146, .1);
  color: var(--qzt-accent-soft);
  font-size: 11px;
}

.human-first-ui .local-badge {
  min-height: 25px;
  padding: 4px 9px;
  border-color: var(--qzt-line);
  background: rgba(255, 255, 255, .035);
  color: var(--qzt-text-muted);
  font-size: 11px;
}

.human-first-ui .unified-intake-copy h3,
.human-first-ui .task-card h3,
.human-first-ui .upload-card .file-kind,
.human-first-ui .voucher-heading h3,
.human-first-ui .filing-card h3,
.human-first-ui .payroll-panel h3,
.human-first-ui .report-panel h3 {
  color: var(--qzt-text-strong);
}

.human-first-ui .unified-intake-copy p,
.human-first-ui .task-card p,
.human-first-ui .task-card small,
.human-first-ui .upload-card > p,
.human-first-ui .file-item small,
.human-first-ui .source-choice small,
.human-first-ui .source-declaration-state,
.human-first-ui .owner-action-hint,
.human-first-ui .upload-progress,
.human-first-ui .report-panel p:not(.eyebrow) {
  color: var(--qzt-text-muted);
}

.human-first-ui .task-card-icon,
.human-first-ui .upload-icon,
.human-first-ui .risk-icon,
.human-first-ui .unified-intake-icon {
  border-radius: 8px;
  background: rgba(0, 217, 146, .12);
  color: var(--qzt-accent);
}

.human-first-ui .ledger-table-wrap,
.human-first-ui .voucher-rows,
.human-first-ui .tool-catalog-card,
.human-first-ui .invoice-review-row,
.human-first-ui .journal-row,
.human-first-ui .reconciliation-row,
.human-first-ui .file-item,
.human-first-ui .ledger-row,
.human-first-ui .voucher-row,
.human-first-ui .transaction-question-row,
.human-first-ui .receipt-verification-row,
.human-first-ui .manage-row {
  border-color: var(--qzt-line) !important;
  background: rgba(28, 31, 35, .8);
}

.human-first-ui .ledger-table-head {
  background: rgba(255, 255, 255, .035);
  color: var(--qzt-text-subtle);
}

.human-first-ui .ledger-row strong,
.human-first-ui .ledger-category,
.human-first-ui .ledger-amount,
.human-first-ui .voucher-row span,
.human-first-ui .voucher-row strong,
.human-first-ui .journal-row strong {
  color: var(--qzt-text);
}

.human-first-ui .ledger-row small,
.human-first-ui .voucher-row small,
.human-first-ui .table-empty,
.human-first-ui .journal-source-detail,
.human-first-ui .journal-technical-details {
  color: var(--qzt-text-subtle);
}

.human-first-ui input:not([type='checkbox']):not([type='radio']),
.human-first-ui select,
.human-first-ui textarea,
.human-first-ui .ledger-category-select,
.human-first-ui .tool-fields input,
.human-first-ui .tool-fields select,
.human-first-ui .invoice-review-row input {
  min-height: 40px;
  border-color: var(--qzt-line-strong) !important;
  border-radius: 8px;
  background: rgba(28, 31, 35, .9) !important;
  color: var(--qzt-text) !important;
}

.human-first-ui input::placeholder,
.human-first-ui textarea::placeholder {
  color: var(--qzt-text-subtle);
}

.human-first-ui input:focus,
.human-first-ui select:focus,
.human-first-ui textarea:focus {
  border-color: var(--qzt-accent) !important;
  box-shadow: 0 0 0 3px rgba(0, 217, 146, .12) !important;
}

.human-first-ui .workflow-entry,
.human-first-ui .tool-catalog-card,
.human-first-ui .tool-result,
.human-first-ui .planned-tools,
.human-first-ui .planned-tool-row {
  border-color: var(--qzt-line) !important;
  border-radius: 11px;
  background: rgba(37, 42, 48, .86) !important;
}

.human-first-ui .workflow-entry:hover,
.human-first-ui .tool-catalog-card:hover {
  border-color: rgba(0, 217, 146, .66) !important;
  background: rgba(0, 217, 146, .06) !important;
}

.human-first-ui .tool-list-item {
  min-height: 54px;
  padding: 10px 11px;
  border-bottom-color: var(--qzt-line) !important;
  border-radius: 8px;
  color: var(--qzt-text-muted) !important;
}

.human-first-ui .tool-list-item:hover {
  background: rgba(255, 255, 255, .045) !important;
}

.human-first-ui .tool-list-item.active {
  border-left-color: var(--qzt-accent) !important;
  background: rgba(0, 217, 146, .08) !important;
  color: var(--qzt-text-strong) !important;
}

.human-first-ui .tool-list-item.active small {
  color: var(--qzt-accent-soft);
}

.human-first-ui .modal-backdrop {
  background: rgba(8, 10, 12, .76);
  backdrop-filter: blur(12px) saturate(125%);
}

.human-first-ui .modal {
  border-color: var(--qzt-line-strong);
  border-radius: 14px;
  background: rgba(32, 36, 42, .96);
  color: var(--qzt-text);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .42) !important;
}

.human-first-ui .modal h2 {
  color: var(--qzt-text-strong);
  font-size: 23px;
}

.human-first-ui .modal > p:not(.eyebrow),
.human-first-ui .modal-close {
  color: var(--qzt-text-muted);
}

.human-first-ui .modal-close {
  border-color: var(--qzt-line);
  background: rgba(255, 255, 255, .04);
}

.human-first-ui .toast {
  border-color: var(--qzt-line-strong);
  border-radius: 10px;
  background: rgba(32, 36, 42, .96);
  color: var(--qzt-text);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .34) !important;
}

@media (max-width: 1023px) {
  .human-first-ui .subject-header {
    position: static;
  }

  .human-first-ui .subject-nav {
    position: static;
    max-height: none;
  }
}

@media (max-width: 767px) {
  .human-first-ui .header-inner,
  .human-first-ui .app-shell,
  .human-first-ui footer {
    width: calc(100% - 32px);
  }

  .human-first-ui .header-inner {
    height: 56px;
  }

  .human-first-ui .header-context,
  .human-first-ui .brand small,
  .human-first-ui .header-tool-button {
    display: none;
  }

  .human-first-ui .home-hero,
  .human-first-ui .tools-hero,
  .human-first-ui .settings-hero {
    padding: 24px 0 27px;
  }

  .human-first-ui .home-hero h1,
  .human-first-ui .tools-hero h1,
  .human-first-ui .settings-hero h1 {
    font-size: 36px;
  }

  .human-first-ui .home-hero p:not(.eyebrow),
  .human-first-ui .tools-hero p:not(.eyebrow),
  .human-first-ui .settings-hero p:not(.eyebrow) {
    font-size: 14px;
    line-height: 22px;
  }

  .human-first-ui .home-capabilities,
  .human-first-ui .entity-board,
  .human-first-ui .subject-tab,
  .human-first-ui .tool-panel,
  .human-first-ui .tool-catalog-section,
  .human-first-ui .settings-panel {
    padding: 17px 14px;
    border-radius: 12px;
  }

  .human-first-ui .capabilities-intro {
    padding: 0 0 15px;
    border-right: 0;
    border-bottom-color: var(--qzt-line);
  }

  .human-first-ui .summary-strip > div {
    min-height: 64px;
    padding: 14px 16px;
  }

  .human-first-ui .subject-header {
    grid-template-columns: 1fr auto;
    padding: 13px 14px;
  }

  .human-first-ui .subject-heading h1 {
    font-size: 24px;
  }

  .human-first-ui .subject-deadline {
    min-width: 128px;
  }

  .human-first-ui .subject-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
  }

  .human-first-ui .subject-nav::before {
    grid-column: 1 / -1;
  }

  .human-first-ui .subject-nav-item {
    min-height: 46px;
    padding: 9px 8px;
  }

  .human-first-ui .subject-nav-item strong {
    font-size: 12px;
  }

  .human-first-ui .subject-nav-item small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .human-first-ui .view:not([hidden]),
  .human-first-ui .entity-arrow,
  .human-first-ui .primary-button {
    animation: none;
    transition: none;
  }
}

/* v0.9 light SaaS workspace: clear hierarchy, calm surfaces, fast scanning. */
.human-first-ui {
  --qzt-bg: #f6f8fc;
  --qzt-surface: #ffffff;
  --qzt-surface-raised: #ffffff;
  --qzt-line: #e5eaf2;
  --qzt-line-strong: #cfd7e5;
  --qzt-text: #162033;
  --qzt-text-strong: #101828;
  --qzt-text-muted: #64748b;
  --qzt-text-subtle: #94a3b8;
  --qzt-accent: #315efb;
  --qzt-accent-soft: #e9efff;
  --qzt-success: #159570;
  background: var(--qzt-bg) !important;
  color: var(--qzt-text) !important;
  background-image: radial-gradient(circle at 90% -10%, rgba(49,94,251,.09), transparent 34%), linear-gradient(#f6f8fc, #f6f8fc) !important;
}

.human-first-ui .site-header {
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid var(--qzt-line) !important;
  box-shadow: 0 1px 12px rgba(15,23,42,.04) !important;
  backdrop-filter: blur(18px);
}
.human-first-ui .header-inner { height: 64px; }
.human-first-ui .brand { color: var(--qzt-text-strong) !important; letter-spacing: -.02em; }
.human-first-ui .brand-mark { background: #dce6ff !important; color: var(--qzt-accent) !important; border-radius: 10px; }
.human-first-ui .header-context, .human-first-ui .header-tool-button, .human-first-ui .service-status { color: var(--qzt-text-muted) !important; }
.human-first-ui .header-tool-button { border-color: transparent !important; }
.human-first-ui .header-tool-button:hover { background: var(--qzt-accent-soft) !important; color: var(--qzt-accent) !important; }

.human-first-ui .app-shell { max-width: 1240px; }
.human-first-ui .home-hero, .human-first-ui .tools-hero, .human-first-ui .settings-hero { padding: 52px 0 38px; }
.human-first-ui .eyebrow { color: var(--qzt-accent) !important; letter-spacing: .08em; font-weight: 700; }
.human-first-ui h1, .human-first-ui h2, .human-first-ui h3 { color: var(--qzt-text-strong) !important; letter-spacing: -.035em; }
.human-first-ui .home-hero h1, .human-first-ui .tools-hero h1, .human-first-ui .settings-hero h1 { font-size: clamp(38px, 5vw, 58px); line-height: 1.06; }
.human-first-ui .home-hero p:not(.eyebrow), .human-first-ui .tools-hero p:not(.eyebrow), .human-first-ui .settings-hero p:not(.eyebrow) { color: var(--qzt-text-muted) !important; }

.human-first-ui .home-capabilities, .human-first-ui .entity-board, .human-first-ui .subject-tab, .human-first-ui .tool-panel, .human-first-ui .tool-catalog-section, .human-first-ui .settings-panel, .human-first-ui .subject-header {
  background: var(--qzt-surface) !important;
  border: 1px solid var(--qzt-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.045) !important;
}
.human-first-ui .home-capabilities, .human-first-ui .entity-board, .human-first-ui .subject-tab, .human-first-ui .tool-panel, .human-first-ui .tool-catalog-section, .human-first-ui .settings-panel { padding: 24px; }
.human-first-ui .capabilities-intro { border-color: var(--qzt-line) !important; }
.human-first-ui .capabilities-intro h2 { font-size: 24px; }
.human-first-ui .capability-item strong, .human-first-ui .summary-strip strong { color: var(--qzt-text-strong) !important; }
.human-first-ui .capability-item small, .human-first-ui .summary-strip small { color: var(--qzt-text-muted) !important; }

.human-first-ui .entity-card, .human-first-ui .workflow-entry, .human-first-ui .tool-catalog-card, .human-first-ui .tool-result, .human-first-ui .planned-tools, .human-first-ui .planned-tool-row {
  background: #fff !important; border: 1px solid var(--qzt-line) !important; border-radius: 14px !important; box-shadow: none !important;
}
.human-first-ui .entity-card:hover, .human-first-ui .workflow-entry:hover, .human-first-ui .tool-catalog-card:hover { border-color: #b9c8ff !important; box-shadow: 0 8px 20px rgba(49,94,251,.09) !important; background: #fff !important; transform: translateY(-1px); }
.human-first-ui .primary-button, .human-first-ui button.primary-button { background: var(--qzt-accent) !important; border-color: var(--qzt-accent) !important; color: #fff !important; border-radius: 10px !important; box-shadow: 0 7px 14px rgba(49,94,251,.2) !important; }
.human-first-ui .secondary-button, .human-first-ui .ghost-button { background: #fff !important; border-color: var(--qzt-line-strong) !important; color: var(--qzt-text) !important; border-radius: 10px !important; }
.human-first-ui .secondary-button:hover, .human-first-ui .ghost-button:hover { border-color: #9db1f8 !important; color: var(--qzt-accent) !important; }

.human-first-ui input:not([type='checkbox']):not([type='radio']), .human-first-ui select, .human-first-ui textarea, .human-first-ui .ledger-category-select, .human-first-ui .tool-fields input, .human-first-ui .tool-fields select, .human-first-ui .invoice-review-row input {
  background: #fff !important; color: var(--qzt-text) !important; border-color: var(--qzt-line-strong) !important; border-radius: 10px !important;
}
.human-first-ui input:focus, .human-first-ui select:focus, .human-first-ui textarea:focus { border-color: var(--qzt-accent) !important; box-shadow: 0 0 0 3px rgba(49,94,251,.12) !important; }
.human-first-ui .subject-nav { background: #fff !important; border: 1px solid var(--qzt-line) !important; border-radius: 14px !important; box-shadow: 0 8px 20px rgba(15,23,42,.04) !important; }
.human-first-ui .subject-nav-item { color: var(--qzt-text-muted) !important; border-color: transparent !important; }
.human-first-ui .subject-nav-item.active { background: var(--qzt-accent-soft) !important; color: var(--qzt-accent) !important; border-left-color: var(--qzt-accent) !important; }
.human-first-ui .subject-nav-item small { color: inherit !important; opacity: .78; }
.human-first-ui .subject-deadline { background: #f4f7ff !important; border-color: #dbe4ff !important; color: var(--qzt-accent) !important; border-radius: 12px !important; }
.human-first-ui .modal-backdrop { background: rgba(15,23,42,.25) !important; }
.human-first-ui .modal, .human-first-ui .toast { background: #fff !important; color: var(--qzt-text) !important; border-color: var(--qzt-line) !important; border-radius: 16px !important; box-shadow: 0 24px 60px rgba(15,23,42,.18) !important; }
.human-first-ui .summary-strip { background: #fff !important; border-color: var(--qzt-line) !important; }
.human-first-ui .summary-strip > div { background: #fff !important; border-color: var(--qzt-line) !important; }
.human-first-ui .summary-strip small, .human-first-ui .summary-strip span { color: var(--qzt-text-muted) !important; }
.human-first-ui .summary-strip strong { color: var(--qzt-text-strong) !important; }
.human-first-ui footer, .human-first-ui .site-footer { color: var(--qzt-text-muted) !important; }
.human-first-ui .workflow-launcher,
.human-first-ui .dashboard-card,
.human-first-ui .unified-intake,
.human-first-ui .owner-action-bar,
.human-first-ui .task-card,
.human-first-ui .task-focus,
.human-first-ui .next-action,
.human-first-ui .task-support,
.human-first-ui .operator-split,
.human-first-ui .progress-rail {
  background: #fff !important;
  border-color: var(--qzt-line) !important;
  color: var(--qzt-text) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.045) !important;
}

/* Keep the subject workspace focused on its content rather than a persistent toolbar. */
.human-first-ui .site-header,
.human-first-ui .subject-nav {
  position: static;
}

.human-first-ui .account-menu .account-logout,
.human-first-ui .account-logout {
  color: #b42318;
  font-size: 11px;
  font-weight: 700;
  opacity: 1;
}

.human-first-ui .account-menu .account-logout:hover,
.human-first-ui .account-logout:hover {
  color: #8f1d14;
  text-decoration: underline;
}

/* Final navigation contract: the toolbar and subject navigation scroll normally. */
.human-first-ui .site-header,
.human-first-ui .subject-header,
.human-first-ui .subject-nav {
  position: static !important;
  top: auto !important;
}
.human-first-ui .account-menu .account-logout,
.human-first-ui #logout-button { color: #b42318 !important; opacity: 1 !important; }
.human-first-ui .dashboard-card h3,
.human-first-ui .task-card h3,
.human-first-ui .workflow-launcher h2,
.human-first-ui .workflow-entry h3,
.human-first-ui .workflow-entry strong { color: var(--qzt-text-strong) !important; }
.human-first-ui .dashboard-card p,
.human-first-ui .task-card p,
.human-first-ui .workflow-entry p,
.human-first-ui .workflow-entry small { color: var(--qzt-text-muted) !important; }
.human-first-ui .subject-nav-item:nth-child(n+6) { opacity: .78; }
.human-first-ui .subject-nav-item:nth-child(n+6):hover,
.human-first-ui .subject-nav-item:nth-child(n+6).active { opacity: 1; }
.human-first-ui .period-alert { background: #eef4ff !important; border-color: #dbe6ff !important; color: var(--qzt-text) !important; }
.human-first-ui .period-alert p, .human-first-ui .owner-action-hint { color: var(--qzt-text-muted) !important; }
.human-first-ui .unified-intake { border: 1px dashed #b8c7ef !important; background: linear-gradient(135deg,#fff,#f8faff) !important; }
.human-first-ui .unified-intake-icon { background: var(--qzt-accent-soft) !important; color: var(--qzt-accent) !important; }
.human-first-ui .task-metrics > div { background: #f8faff !important; border-color: var(--qzt-line) !important; }
.human-first-ui .task-metrics strong { color: var(--qzt-text-strong) !important; }
.human-first-ui .automation-steps > div { border-color: var(--qzt-line) !important; background: #fbfcff !important; }
.human-first-ui .workflow-entry { background: #fff !important; }

/* Results are a decision surface, not a raw log line. Keep the message readable
   at a glance and give the next action a clear visual anchor. */
.human-first-ui #parse-result {
  width: 100%;
  grid-column: 1 / -1;
  margin: 18px 0 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.human-first-ui .parse-summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  padding: 22px 24px;
  border: 1px solid #dbe4f5;
  border-left: 4px solid #315efb;
  border-radius: 16px;
  background: linear-gradient(115deg, #f7f9ff 0%, #fff 68%);
  box-shadow: 0 12px 30px rgba(35, 63, 120, .08);
  color: #162033;
}
.human-first-ui .parse-summary--processing { border-left-color: #d97706; background: linear-gradient(115deg, #fffaf0, #fff); }
.human-first-ui .parse-summary-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: #e8eeff;
  color: #315efb;
  font-size: 20px;
  font-weight: 800;
}
.human-first-ui .parse-summary-mark--done { background: #e8f8f0; color: #16845a; }
.human-first-ui .parse-summary--processing .parse-summary-mark { background: #fff0d5; color: #b45309; }
.human-first-ui .parse-summary-body { min-width: 0; }
.human-first-ui .parse-summary-kicker { margin: 0 0 5px; color: #315efb !important; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.human-first-ui .parse-summary--processing .parse-summary-kicker { color: #b45309 !important; }
.human-first-ui .parse-summary-body > strong { display: block; color: #162033 !important; font-size: 16px; line-height: 1.35; }
.human-first-ui .parse-summary-body > p:not(.parse-summary-kicker) { margin: 7px 0 0; color: #61708a !important; font-size: 13px; line-height: 1.65; }
.human-first-ui .parse-summary-state {
  align-self: start;
  padding: 6px 10px;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  background: #eef4ff;
  color: #315efb;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.human-first-ui .parse-summary--processing .parse-summary-state { border-color: #f2d49e; background: #fff6e5; color: #b45309; }
.human-first-ui .parse-summary-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.human-first-ui .parse-summary-metrics span { display: inline-flex; align-items: baseline; gap: 4px; padding: 7px 10px; border: 1px solid #e1e8f5; border-radius: 9px; background: #fff; color: #61708a; font-size: 12px; }
.human-first-ui .parse-summary-metrics b { color: #162033; font-size: 17px; line-height: 1; }
@media (max-width: 640px) {
  .human-first-ui .parse-summary { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 18px; }
  .human-first-ui .parse-summary-mark { width: 38px; height: 38px; }
  .human-first-ui .parse-summary-state { grid-column: 2; justify-self: start; }
}


/* v1.0 light interaction contract: readable surfaces, obvious business entry points,
   and no dark controls in the owner workflow. */
.human-first-ui {
  color-scheme: light;
  --qzt-bg: #f6f8fc;
  --qzt-surface: #ffffff;
  --qzt-line: #e4eaf3;
  --qzt-line-strong: #c8d3e5;
  --qzt-text: #17233a;
  --qzt-text-strong: #0f1d33;
  --qzt-text-muted: #61708a;
  --qzt-accent: #315efb;
  --qzt-accent-soft: #e9efff;
  --qzt-success: #14845d;
  background: var(--qzt-bg) !important;
  color: var(--qzt-text) !important;
}
.human-first-ui .subject-header {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
  min-width: 0;
  padding: 18px 22px !important;
  background: #fff !important;
  border: 1px solid var(--qzt-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(30, 58, 110, .06) !important;
}
.human-first-ui .subject-heading { min-width: 0; }
.human-first-ui .subject-heading > div { min-width: 0; }
.human-first-ui .subject-heading h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.human-first-ui .subject-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}
.human-first-ui .subject-header-note {
  color: var(--qzt-text-muted);
  font-size: 12px;
  white-space: nowrap;
}
.human-first-ui .subject-profile-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--qzt-line-strong) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--qzt-text) !important;
}
.human-first-ui .subject-profile-link:hover {
  border-color: #9db1f8 !important;
  background: #f7f9ff !important;
  color: var(--qzt-accent) !important;
}
.human-first-ui .subject-layout {
  display: grid !important;
  grid-template-columns: minmax(220px, 248px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}
.human-first-ui .subject-content {
  min-width: 0 !important;
  width: 100%;
}
.human-first-ui .subject-content > .subject-tab {
  min-width: 0;
}
.human-first-ui .subject-nav {
  min-width: 0;
  background: #fff !important;
  border: 1px solid var(--qzt-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(30, 58, 110, .05) !important;
}
.human-first-ui .subject-nav-item {
  min-width: 0;
  color: var(--qzt-text-muted) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}
.human-first-ui .subject-nav-item:hover {
  background: #f6f8ff !important;
  color: var(--qzt-text) !important;
}
.human-first-ui .subject-nav-item.active {
  background: var(--qzt-accent-soft) !important;
  border-color: #c9d7ff !important;
  border-left: 3px solid var(--qzt-accent) !important;
  color: var(--qzt-accent) !important;
  box-shadow: none !important;
}
.human-first-ui .subject-nav-item.active span,
.human-first-ui .subject-nav-item.active small { color: #5778ec !important; }
.human-first-ui .subject-tab {
  background: #fff !important;
  border-color: var(--qzt-line) !important;
  color: var(--qzt-text) !important;
  box-shadow: 0 12px 30px rgba(30, 58, 110, .045) !important;
}
.human-first-ui .filing-plan-card {
  margin-bottom: 18px;
  padding: 24px !important;
  border-left: 4px solid var(--qzt-accent) !important;
  background: linear-gradient(135deg, #f8faff 0%, #fff 62%) !important;
}
.human-first-ui .filing-plan-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.human-first-ui .filing-plan-heading h2 {
  margin: 0;
  color: var(--qzt-text-strong) !important;
  font-size: clamp(22px, 2.3vw, 30px);
  line-height: 1.15;
}
.human-first-ui .filing-plan-heading p:not(.eyebrow) {
  max-width: 680px;
  margin: 8px 0 0;
  color: var(--qzt-text-muted) !important;
  font-size: 13px;
  line-height: 1.6;
}
.human-first-ui .filing-plan-heading .secondary-button {
  flex: 0 0 auto;
  min-height: 42px;
  white-space: nowrap;
}
.human-first-ui .filing-plan-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.human-first-ui .filing-plan-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 13px 15px;
  border: 1px solid #dfe7f5;
  border-radius: 12px;
  background: rgba(255,255,255,.86);
}
.human-first-ui .filing-plan-stat strong {
  color: var(--qzt-text-strong) !important;
  font-size: 20px;
  line-height: 1;
}
.human-first-ui .filing-plan-stat small {
  color: var(--qzt-text-muted) !important;
  font-size: 11px;
}
.human-first-ui .filing-plan-list {
  display: grid;
  gap: 8px;
}
.human-first-ui .filing-plan-item {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 13px 15px;
  border: 1px solid #e2e8f2;
  border-radius: 12px;
  background: #fff;
}
.human-first-ui .filing-plan-date {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.human-first-ui .filing-plan-date strong {
  color: var(--qzt-text-strong) !important;
  font-size: 14px;
}
.human-first-ui .filing-plan-date small,
.human-first-ui .filing-plan-item-copy small {
  color: var(--qzt-text-muted) !important;
  font-size: 11px;
}
.human-first-ui .filing-plan-item-copy { min-width: 0; }
.human-first-ui .filing-plan-item-copy > strong {
  display: block;
  overflow: hidden;
  color: var(--qzt-text-strong) !important;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.human-first-ui .filing-plan-state {
  padding: 5px 9px;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  background: #f0f5ff;
  color: var(--qzt-accent);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.human-first-ui .filing-plan-item--unscheduled {
  border-style: dashed;
  border-color: #cfd7e8;
  background: #f8faff;
}
.human-first-ui .filing-plan-item--unscheduled .filing-plan-date strong {
  color: #53627b !important;
  font-size: 12px;
}
.human-first-ui .filing-plan-item--unscheduled .filing-plan-state {
  border-color: #d5dcea;
  background: #f3f5fa;
  color: #65728a;
}
.human-first-ui .filing-plan-pending {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: start;
  gap: 11px;
  padding: 13px 15px;
  border: 1px dashed #e3c991;
  border-radius: 12px;
  background: #fffaf0;
}
.human-first-ui .filing-plan-pending-marker {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: #fff0cf;
  color: #a56608;
  font-size: 14px;
  font-weight: 800;
}
.human-first-ui .filing-plan-pending strong {
  color: var(--qzt-text-strong) !important;
  font-size: 13px;
}
.human-first-ui .filing-plan-pending p {
  margin: 4px 0 0;
  color: #7a6a4a !important;
  font-size: 11px;
  line-height: 1.55;
}
.human-first-ui .filing-plan-pending .quiet-button {
  align-self: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #e2c47f !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #8b5e12 !important;
}
.human-first-ui .filing-plan-pending--annual {
  border-style: solid;
  border-color: #cfe0ff;
  background: #f7faff;
}
.human-first-ui .filing-plan-pending--annual .filing-plan-pending-marker {
  background: #e9efff;
  color: var(--qzt-accent);
}
.human-first-ui .filing-plan-pending--annual p {
  color: var(--qzt-text-muted) !important;
}
.human-first-ui .filing-plan-empty {
  margin: 0;
  padding: 16px;
  border: 1px dashed var(--qzt-line-strong);
  border-radius: 12px;
  color: var(--qzt-text-muted) !important;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.human-first-ui .filing-plan-notes,
.human-first-ui .filing-calendar-notes {
  display: grid;
  gap: 4px;
  margin-top: 13px;
}
.human-first-ui .filing-plan-notes p,
.human-first-ui .filing-calendar-notes p {
  margin: 0;
  color: var(--qzt-text-muted) !important;
  font-size: 11px;
  line-height: 1.55;
}
.human-first-ui .filing-plan-notes p::before,
.human-first-ui .filing-calendar-notes p::before {
  content: '提示  ';
  color: var(--qzt-accent);
  font-weight: 700;
}
.human-first-ui .period-alert-countdown {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  background: #f0f5ff !important;
  color: var(--qzt-accent) !important;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.human-first-ui .primary-button {
  background: var(--qzt-accent) !important;
  border-color: var(--qzt-accent) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(49,94,251,.18) !important;
}
.human-first-ui .secondary-button,
.human-first-ui .ghost-button,
.human-first-ui .quiet-button,
.human-first-ui .text-button,
.human-first-ui .back-button,
.human-first-ui .account-chip,
.human-first-ui .header-tool-button,
.human-first-ui .header-settings-button {
  background: #fff !important;
  border-color: var(--qzt-line-strong) !important;
  color: var(--qzt-text) !important;
}
.human-first-ui .quiet-button,
.human-first-ui .text-button,
.human-first-ui .back-button,
.human-first-ui .header-tool-button,
.human-first-ui .header-settings-button {
  border-color: transparent !important;
  background: transparent !important;
}
.human-first-ui .secondary-button:hover,
.human-first-ui .ghost-button:hover,
.human-first-ui .account-chip:hover {
  border-color: #9db1f8 !important;
  background: #f7f9ff !important;
  color: var(--qzt-accent) !important;
}
.human-first-ui .quiet-button:hover,
.human-first-ui .text-button:hover,
.human-first-ui .back-button:hover,
.human-first-ui .header-tool-button:hover,
.human-first-ui .header-settings-button:hover {
  background: #f3f6ff !important;
  color: var(--qzt-accent) !important;
}
.human-first-ui .modal-backdrop { background: rgba(27, 46, 82, .24) !important; }
.human-first-ui .filing-calendar-modal {
  width: min(720px, 100%);
  max-height: min(760px, calc(100vh - 32px));
  overflow: auto;
  padding: 28px !important;
}
.human-first-ui .filing-calendar-modal > p:not(.eyebrow) { margin-bottom: 18px; }
.human-first-ui .filing-calendar-list { display: grid; gap: 18px; }
.human-first-ui .calendar-month-group,
.human-first-ui .calendar-pending-group,
.human-first-ui .calendar-unscheduled-group,
.human-first-ui .calendar-annual-group { display: grid; gap: 8px; }
.human-first-ui .calendar-month-group > h3,
.human-first-ui .calendar-pending-group > h3,
.human-first-ui .calendar-unscheduled-group > h3,
.human-first-ui .calendar-annual-group > h3 {
  margin: 0 0 2px;
  color: var(--qzt-text-strong) !important;
  font-size: 14px;
}
.human-first-ui .calendar-month-group .filing-plan-item,
.human-first-ui .calendar-pending-group .filing-plan-pending,
.human-first-ui .calendar-unscheduled-group .filing-plan-item,
.human-first-ui .calendar-annual-group .filing-plan-pending { background: #fbfcff; }
.human-first-ui .modal-close {
  background: #f1f4f9 !important;
  color: var(--qzt-text-muted) !important;
}
.human-first-ui .modal-close:hover {
  background: #e8edfa !important;
  color: var(--qzt-accent) !important;
}
@media (max-width: 860px) {
  .human-first-ui .subject-layout { grid-template-columns: 1fr !important; }
  .human-first-ui .subject-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }
  .human-first-ui .subject-nav-item { padding: 10px 9px; }
  .human-first-ui .subject-nav-item small { display: none !important; }
}
@media (max-width: 640px) {
  .human-first-ui .subject-header {
    grid-template-columns: 1fr auto !important;
    gap: 12px !important;
    padding: 15px !important;
  }
  .human-first-ui .subject-header .back-button { grid-column: 1 / -1; }
  .human-first-ui .subject-header-actions {
    align-items: flex-end;
    flex-direction: column;
    gap: 7px;
  }
  .human-first-ui .subject-header-note { font-size: 10px; }
  .human-first-ui .subject-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .human-first-ui .filing-plan-card { padding: 18px !important; }
  .human-first-ui .filing-plan-heading { flex-direction: column; gap: 13px; }
  .human-first-ui .filing-plan-heading .secondary-button { width: 100%; }
  .human-first-ui .filing-plan-summary { grid-template-columns: 1fr; }
  .human-first-ui .filing-plan-item { grid-template-columns: 1fr auto; gap: 8px 12px; }
  .human-first-ui .filing-plan-date { grid-column: 1; }
  .human-first-ui .filing-plan-item-copy { grid-column: 1 / -1; grid-row: 2; }
  .human-first-ui .filing-plan-state { grid-column: 2; grid-row: 1; }
  .human-first-ui .filing-plan-pending { grid-template-columns: 28px minmax(0, 1fr); }
  .human-first-ui .filing-plan-pending .quiet-button { grid-column: 2; justify-self: start; }
  .human-first-ui .filing-calendar-modal { padding: 22px 17px !important; }
}

/* v1.1 light tools contract: the tools page must keep every navigation and
   workflow surface readable. Older theme layers left dark containers behind
   the white cards; these final rules make the visible composition consistent. */
.human-first-ui .workflow-entries,
.human-first-ui .tool-catalog {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.human-first-ui .tool-list {
  border: 1px solid var(--qzt-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(30, 58, 110, .05) !important;
}

.human-first-ui .tool-list-item,
.human-first-ui .tool-list-item.integrated:not(.active) {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--qzt-line) !important;
  border-left: 2px solid transparent !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--qzt-text-muted) !important;
}

.human-first-ui .tool-list-item:last-child { border-bottom-color: transparent !important; }

.human-first-ui .tool-list-item strong { color: inherit !important; }
.human-first-ui .tool-list-item small { color: var(--qzt-text-muted) !important; opacity: .82; }

.human-first-ui .tool-list-item:hover {
  border-left-color: #b9c8ff !important;
  background: #f7f9ff !important;
  color: var(--qzt-text) !important;
}

.human-first-ui .tool-list-item.active {
  border-left-color: var(--qzt-accent) !important;
  background: var(--qzt-accent-soft) !important;
  color: var(--qzt-accent) !important;
}

.human-first-ui .tool-list-item.active strong,
.human-first-ui .tool-list-item.active small { color: var(--qzt-accent) !important; }

.human-first-ui .workflow-entry {
  border: 1px solid var(--qzt-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--qzt-text) !important;
  box-shadow: 0 8px 20px rgba(30, 58, 110, .04) !important;
}

.human-first-ui .workflow-entry:hover {
  border-color: #b9c8ff !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(49, 94, 251, .09) !important;
}

.human-first-ui .workflow-entry-copy,
.human-first-ui .workflow-entry-copy p,
.human-first-ui .workflow-entry-copy small { color: var(--qzt-text-muted) !important; }

.human-first-ui .workflow-entry-copy strong { color: var(--qzt-text-strong) !important; }
.human-first-ui .workflow-entry-action { color: var(--qzt-accent) !important; }

.human-first-ui .tool-catalog-card {
  color: var(--qzt-text) !important;
  background: #fff !important;
  border-color: var(--qzt-line) !important;
  box-shadow: 0 8px 20px rgba(30, 58, 110, .035) !important;
}

.human-first-ui .tool-catalog-card strong,
.human-first-ui .tool-catalog-card h3 { color: var(--qzt-text-strong) !important; }
.human-first-ui .tool-catalog-card p,
.human-first-ui .tool-catalog-card small { color: var(--qzt-text-muted) !important; }
.human-first-ui .tool-card-action { color: var(--qzt-accent) !important; }

/* v1.2 light surface contract: the old comfort/editor layers also styled
   inner workflow cards. Keep the owner-facing product bright and readable on
   every subject tab, not only on the calendar and tools landing page. */
.human-first-ui {
  color-scheme: light !important;
  --vt-canvas: #f6f8fc;
  --vt-canvas-soft: #ffffff;
  --vt-surface: #ffffff;
  --vt-surface-raised: #ffffff;
  --vt-field: #ffffff;
  --vt-ink: #17233a;
  --vt-ink-strong: #0f1d33;
  --vt-body: #61708a;
  --vt-mute: #7b879a;
  --vt-hairline: #e4eaf3;
  --vt-primary: #315efb;
  --vt-primary-soft: #315efb;
  --vt-primary-deep: #274bd4;
  --vt-on-primary: #ffffff;
  --workspace-navy: #ffffff;
  --workspace-surface: #ffffff;
  --workspace-surface-muted: #f8faff;
  --workspace-ink: #17233a;
  --workspace-muted: #61708a;
  --workspace-line: #e4eaf3;
  --workspace-accent: #315efb;
  --workspace-accent-strong: #315efb;
  --workspace-accent-soft: #e9efff;
  background: #f6f8fc !important;
  color: #17233a !important;
}

.human-first-ui .site-header {
  background: rgba(255, 255, 255, .94) !important;
  border-bottom: 1px solid #e4eaf3 !important;
  box-shadow: 0 1px 14px rgba(30, 58, 110, .06) !important;
  color: #17233a !important;
}

.human-first-ui .brand,
.human-first-ui .brand strong,
.human-first-ui .header-context { color: #17233a !important; }
.human-first-ui .brand small { color: #7b879a !important; }
.human-first-ui .brand-mark { background: #dce6ff !important; color: #315efb !important; }
.human-first-ui .header-tool-button,
.human-first-ui .header-settings-button,
.human-first-ui .account-chip {
  border-color: #c8d3e5 !important;
  background: #fff !important;
  color: #17233a !important;
}
.human-first-ui .header-tool-button:hover,
.human-first-ui .header-settings-button:hover,
.human-first-ui .account-chip:hover {
  border-color: #9db1f8 !important;
  background: #f4f7ff !important;
  color: #315efb !important;
}

/* Some legacy selectors include the home-hero parent or an element id, so
   match those selectors explicitly to keep every primary action the same
   blue instead of the former green/charcoal theme. */
.human-first-ui .primary-button,
.human-first-ui button.primary-button,
.human-first-ui .home-hero > .primary-button,
.human-first-ui #add-entity-button,
.human-first-ui .filing-actions .primary-button,
.human-first-ui .document-actions .primary-button,
.human-first-ui .unified-intake-actions .primary-button {
  border-color: #315efb !important;
  background: #315efb !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(49, 94, 251, .18) !important;
}
.human-first-ui .primary-button:hover,
.human-first-ui button.primary-button:hover,
.human-first-ui .home-hero > .primary-button:hover,
.human-first-ui #add-entity-button:hover {
  border-color: #274bd4 !important;
  background: #274bd4 !important;
  color: #fff !important;
}
.human-first-ui .secondary-button,
.human-first-ui .ghost-button,
.human-first-ui .account-chip {
  border-color: #c8d3e5 !important;
  background: #fff !important;
  color: #17233a !important;
}
.human-first-ui .secondary-button:hover,
.human-first-ui .ghost-button:hover {
  border-color: #9db1f8 !important;
  background: #f4f7ff !important;
  color: #315efb !important;
}
.human-first-ui .quiet-button,
.human-first-ui .text-button,
.human-first-ui .back-button {
  border-color: transparent !important;
  background: transparent !important;
  color: #315efb !important;
}
.human-first-ui .quiet-button:hover,
.human-first-ui .text-button:hover,
.human-first-ui .back-button:hover {
  background: #f4f7ff !important;
  color: #274bd4 !important;
}

.human-first-ui .status-pill,
.human-first-ui .status-pill:not(.ready),
.human-first-ui .local-badge {
  border: 1px solid #c9d7ff !important;
  border-radius: 999px !important;
  background: #eef3ff !important;
  color: #315efb !important;
  opacity: 1 !important;
}
.human-first-ui .status-pill.ready,
.human-first-ui .automation-card .status-pill.ready {
  border-color: #b7e4ca !important;
  background: #e9f8f0 !important;
  color: #147a52 !important;
}
.human-first-ui .status-pill.warning,
.human-first-ui .automation-card .status-pill.warning {
  border-color: #f0d39a !important;
  background: #fff7e6 !important;
  color: #9a6508 !important;
}

/* Outer workflow surfaces. */
.human-first-ui .home-capabilities,
.human-first-ui .entity-board,
.human-first-ui .summary-strip,
.human-first-ui .subject-header,
.human-first-ui .subject-nav,
.human-first-ui .subject-tab,
.human-first-ui .workflow-launcher,
.human-first-ui .dashboard-card,
.human-first-ui .task-card,
.human-first-ui .upload-card,
.human-first-ui .settings-panel,
.human-first-ui .payroll-panel,
.human-first-ui .tool-panel,
.human-first-ui .tool-list,
.human-first-ui .tool-catalog-section,
.human-first-ui .archive-panel,
.human-first-ui .ledger-breakdown-panel,
.human-first-ui .reconciliation-panel,
.human-first-ui .voucher-panel,
.human-first-ui .journal-panel,
.human-first-ui .filing-card,
.human-first-ui .report-panel,
.human-first-ui .month-close-panel,
.human-first-ui .tax-identity-card,
.human-first-ui .tax-breakdown,
.human-first-ui .assumption-card,
.human-first-ui .source-declaration,
.human-first-ui .invoice-review,
.human-first-ui .transaction-questions,
.human-first-ui .owner-review-inbox,
.human-first-ui .task-support,
.human-first-ui .operator-split,
.human-first-ui .progress-rail,
.human-first-ui .planned-tools {
  border-color: #e4eaf3 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #17233a !important;
  box-shadow: 0 10px 28px rgba(30, 58, 110, .045) !important;
}

.human-first-ui .home-capabilities,
.human-first-ui .entity-board,
.human-first-ui .summary-strip,
.human-first-ui .subject-header,
.human-first-ui .subject-nav,
.human-first-ui .subject-tab,
.human-first-ui .workflow-launcher,
.human-first-ui .tool-panel,
.human-first-ui .tool-catalog-section,
.human-first-ui .settings-panel { color: #17233a !important; }

.human-first-ui .subject-nav-item {
  color: #61708a !important;
  background: transparent !important;
}
.human-first-ui .subject-nav-item:hover {
  background: #f4f7ff !important;
  color: #17233a !important;
}
.human-first-ui .subject-nav-item.active {
  border-left-color: #315efb !important;
  background: #e9efff !important;
  color: #315efb !important;
}
.human-first-ui .subject-nav-item.active span,
.human-first-ui .subject-nav-item.active small { color: #5778ec !important; }
.human-first-ui .subject-nav-item span,
.human-first-ui .subject-nav-item small { color: #7b879a !important; }

/* Forms were left with pale labels by the old dark theme. */
.human-first-ui .entity-form label,
.human-first-ui .profile-form label,
.human-first-ui .employee-form label,
.human-first-ui .policy-form label,
.human-first-ui .source-choice label,
.human-first-ui .tool-fields label,
.human-first-ui .settings-panel label,
.human-first-ui .backup-form label {
  color: #52627a !important;
}
.human-first-ui .form-hint,
.human-first-ui .form-field-hint,
.human-first-ui .payroll-edit-hint,
.human-first-ui .source-help,
.human-first-ui .source-declaration-state,
.human-first-ui .upload-progress,
.human-first-ui .settings-boundary,
.human-first-ui .settings-consent,
.human-first-ui .settings-status-message {
  color: #61708a !important;
}
.human-first-ui input:not([type='checkbox']):not([type='radio']),
.human-first-ui select,
.human-first-ui textarea,
.human-first-ui .ledger-category-select,
.human-first-ui .tool-fields input,
.human-first-ui .tool-fields select,
.human-first-ui .invoice-review-row input,
.human-first-ui .employee-form input,
.human-first-ui .employee-form select,
.human-first-ui .policy-form input,
.human-first-ui .payroll-input-form input,
.human-first-ui .payroll-input-form select {
  border-color: #c8d3e5 !important;
  background: #fff !important;
  color: #17233a !important;
}
.human-first-ui input::placeholder,
.human-first-ui textarea::placeholder { color: #94a3b8 !important; }

/* Tax results: use a pale blue decision panel instead of a black hero. */
.human-first-ui .tax-identity-card,
.human-first-ui .tax-hero,
.human-first-ui .tax-breakdown,
.human-first-ui .assumption-card,
.human-first-ui .filing-card {
  border-color: #dbe4f5 !important;
  background: #fff !important;
  color: #17233a !important;
}
.human-first-ui .tax-identity-card { border-left: 4px solid #315efb !important; }
.human-first-ui .tax-hero {
  border-left: 4px solid #315efb !important;
  background: linear-gradient(135deg, #eef4ff 0%, #fff 72%) !important;
}
.human-first-ui .tax-hero small,
.human-first-ui .tax-hero p,
.human-first-ui .tax-hero span,
.human-first-ui .tax-source { color: #61708a !important; }
.human-first-ui .tax-hero strong,
.human-first-ui #tax-total { color: #315efb !important; }
.human-first-ui .tax-breakdown { background: #fbfcff !important; }
.human-first-ui .assumption-card { background: #fffaf0 !important; border-color: #f0dfb9 !important; }
.human-first-ui .filing-card { background: #f8faff !important; }
.human-first-ui .tax-identity-card small,
.human-first-ui .tax-identity-card p,
.human-first-ui .assumption-card p,
.human-first-ui .filing-card p { color: #61708a !important; }

/* Documents, payroll, ledger, reconciliation and journal rows. */
.human-first-ui .upload-card,
.human-first-ui .payroll-panel,
.human-first-ui .ledger-breakdown-panel,
.human-first-ui .reconciliation-panel,
.human-first-ui .voucher-panel,
.human-first-ui .journal-panel,
.human-first-ui .report-panel,
.human-first-ui .month-close-panel,
.human-first-ui .source-declaration {
  background: #fff !important;
}
.human-first-ui .ledger-table-wrap,
.human-first-ui .voucher-rows,
.human-first-ui .invoice-review-row,
.human-first-ui .journal-row,
.human-first-ui .reconciliation-row,
.human-first-ui .file-item,
.human-first-ui .ledger-row,
.human-first-ui .voucher-row,
.human-first-ui .transaction-question-row,
.human-first-ui .receipt-verification-row,
.human-first-ui .manage-row,
.human-first-ui .payroll-input-details,
.human-first-ui .planned-tool-row {
  border-color: #e4eaf3 !important;
  background: #fbfcff !important;
  color: #17233a !important;
}
.human-first-ui .ledger-table-head { background: #f4f7fb !important; color: #61708a !important; }
.human-first-ui .ledger-row strong,
.human-first-ui .ledger-category,
.human-first-ui .ledger-amount,
.human-first-ui .voucher-row span,
.human-first-ui .voucher-row strong,
.human-first-ui .journal-row strong,
.human-first-ui .file-item strong { color: #17233a !important; }
.human-first-ui .ledger-row small,
.human-first-ui .voucher-row small,
.human-first-ui .table-empty,
.human-first-ui .journal-source-detail,
.human-first-ui .journal-technical-details,
.human-first-ui .file-item small { color: #61708a !important; }
.human-first-ui .ledger-breakdown-panel h3,
.human-first-ui .reconciliation-panel h3,
.human-first-ui .journal-panel h3,
.human-first-ui .payroll-panel h3,
.human-first-ui .report-panel h3 { color: #0f1d33 !important; }

.human-first-ui .unified-intake,
.human-first-ui .period-alert,
.human-first-ui .task-focus,
.human-first-ui .owner-action-bar,
.human-first-ui .guide-panel {
  border-color: #dbe4f5 !important;
  background: #f7f9ff !important;
  color: #17233a !important;
}
.human-first-ui .period-alert p,
.human-first-ui .task-focus p,
.human-first-ui .owner-action-hint,
.human-first-ui .guide-panel p { color: #61708a !important; }
.human-first-ui .unified-intake-icon,
.human-first-ui .task-card-icon,
.human-first-ui .upload-icon { background: #e9efff !important; color: #315efb !important; }

.human-first-ui .modal-backdrop { background: rgba(27, 46, 82, .24) !important; }
.human-first-ui .modal,
.human-first-ui .toast {
  border-color: #e4eaf3 !important;
  background: #fff !important;
  color: #17233a !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18) !important;
}
.human-first-ui .modal-close {
  border-color: #e4eaf3 !important;
  background: #f1f4f9 !important;
  color: #61708a !important;
}
.human-first-ui .modal-close:hover { background: #e9efff !important; color: #315efb !important; }

@media (max-width: 640px) {
  .human-first-ui .home-capabilities,
  .human-first-ui .entity-board,
  .human-first-ui .subject-tab,
  .human-first-ui .settings-panel,
  .human-first-ui .payroll-panel,
  .human-first-ui .upload-card { border-radius: 14px !important; }
}

/* Cadence previews make an incomplete tax profile understandable without
   pretending that a guessed frequency is an official deadline. */
.human-first-ui .filing-cadence-preview-group {
  display: grid;
  gap: 9px;
  padding: 15px;
  border: 1px solid #d7e2ff;
  border-radius: 14px;
  background: linear-gradient(135deg, #f3f7ff 0%, #fff 78%);
}
.human-first-ui .filing-cadence-preview-group > h3 {
  margin: 0;
  color: var(--qzt-text-strong) !important;
  font-size: 14px;
}
.human-first-ui .filing-cadence-preview-intro {
  margin: -2px 0 3px;
  color: var(--qzt-text-muted) !important;
  font-size: 11px;
  line-height: 1.55;
}
.human-first-ui .filing-cadence-preview {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto auto;
  align-items: start;
  gap: 10px;
  padding: 12px 13px;
  border: 1px solid #e0e8f7;
  border-radius: 11px;
  background: rgba(255,255,255,.9);
}
.human-first-ui .filing-cadence-preview-marker {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #e8efff;
  color: var(--qzt-accent) !important;
  font-size: 12px;
  font-weight: 800;
}
.human-first-ui .filing-cadence-preview-copy { min-width: 0; }
.human-first-ui .filing-cadence-preview-copy > strong {
  display: inline-block;
  margin-right: 8px;
  color: var(--qzt-text-strong) !important;
  font-size: 13px;
}
.human-first-ui .filing-cadence-preview-cadence {
  display: inline-flex;
  padding: 3px 7px;
  border: 1px solid #c9d7ff;
  border-radius: 999px;
  background: #eef3ff;
  color: var(--qzt-accent) !important;
  font-size: 10px;
  font-weight: 700;
  vertical-align: 1px;
}
.human-first-ui .filing-cadence-preview-copy p {
  margin: 5px 0 0;
  color: var(--qzt-text-muted) !important;
  font-size: 11px;
  line-height: 1.5;
}
.human-first-ui .filing-cadence-preview-periods {
  display: block;
  margin-top: 5px;
  color: #526da9 !important;
  font-size: 10px;
  line-height: 1.45;
}
.human-first-ui .filing-cadence-preview-state {
  padding: 5px 8px;
  border: 1px solid #e2c47f;
  border-radius: 999px;
  background: #fffaf0;
  color: #8b5e12 !important;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.human-first-ui .filing-cadence-preview-state--conditional {
  border-color: #d5dcea;
  background: #f3f5fa;
  color: #65728a !important;
}
.human-first-ui .filing-cadence-preview-action {
  align-self: center;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid #c9d7ff !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--qzt-accent) !important;
  font-size: 11px;
  white-space: nowrap;
}
.human-first-ui .filing-cadence-preview-action:hover {
  background: #eef3ff !important;
}
@media (max-width: 640px) {
  .human-first-ui .filing-cadence-preview {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .human-first-ui .filing-cadence-preview-state {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    margin-top: 1px;
  }
  .human-first-ui .filing-cadence-preview-copy { grid-column: 2; grid-row: 2; }
  .human-first-ui .filing-cadence-preview-action { grid-column: 2; grid-row: 3; justify-self: start; }
}

.human-first-ui .filing-plan-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 860px) {
  .human-first-ui .filing-plan-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .human-first-ui .filing-plan-summary { grid-template-columns: 1fr; }
}

/* v1.3 modal layer fix: the shell's direct-child stacking rule must not
   turn a dialog backdrop into normal document flow. Keep the filing calendar
   as a true viewport-level child window on every route and viewport. */
.human-first-ui .modal-backdrop:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 120 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(16px, 3vw, 32px) !important;
  overflow: auto !important;
}
.human-first-ui .modal-backdrop[hidden] {
  display: none !important;
}
.human-first-ui.calendar-modal-open {
  overflow: hidden !important;
}
.human-first-ui .filing-calendar-modal {
  position: relative !important;
  z-index: 1;
  width: min(760px, 100%) !important;
  max-height: min(780px, calc(100vh - 32px)) !important;
  margin: auto;
  overscroll-behavior: contain;
}