:root {
  --valor-sidebar-bg: linear-gradient(180deg, #0848a8 0%, #1f2935 100%);
  --valor-shell-bg: #121416;
  --valor-card-bg: #252525;
  --valor-card-border: #404852;
  --valor-text: #e8ecef;
  --valor-muted: #b8c0c8;
  --valor-link: #9ec5fe;
  --valor-topbar-bg: #3f4750;
  --valor-topbar-link: #f1f3f5;
  --valor-table-border: #334155;
  --valor-accent: #0d6efd;
  --valor-accent-strong: #0b5ed7;
  --access-panel-bg: #252525;
  --access-panel-border: #3f4750;
  --access-title: #9ec5fe;
  --access-input-bg: #13181e;
  --access-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
  --record-mode-create-accent: #14b8a6;
  --record-mode-create-border: color-mix(in srgb, #14b8a6 52%, var(--access-panel-border));
  --record-mode-edit-accent: #f59e0b;
  --record-mode-edit-border: color-mix(in srgb, #f59e0b 52%, var(--access-panel-border));
  --record-mode-filter-accent: #60a5fa;
  --record-mode-filter-border: color-mix(in srgb, #60a5fa 48%, var(--access-panel-border));
  --workspace-filter-header-bg: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-filter-accent) 20%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-filter-accent) 10%, var(--access-panel-bg))
  );
  --workspace-filter-header-text: #f8fbff;
  --workspace-filter-header-border: color-mix(in srgb, var(--record-mode-filter-border) 72%, transparent);
  --workspace-results-accent: #cbd5e1;
  --workspace-results-border: color-mix(in srgb, #cbd5e1 34%, var(--access-panel-border));
  --valor-btn-font-size: 0.86rem;
  --valor-btn-padding-y: 0.34rem;
  --valor-btn-padding-x: 0.68rem;
  --valor-btn-radius: 0.55rem;
  --valor-font-size-base: 0.94rem;
  --valor-font-size-body: 0.92rem;
  --valor-content-font-size: 0.8rem;
  --valor-font-size-sm: 0.82rem;
  --valor-font-size-xs: 0.7rem;
  --valor-h1-size: 1.95rem;
  --valor-h2-size: 1.45rem;
  --valor-h3-size: 1.12rem;
  --valor-h4-size: 0.98rem;
  --valor-btn-secondary-text: #dbe7f5;
  --valor-btn-secondary-bg: #2a3340;
  --valor-btn-secondary-bg-hover: #364255;
  --valor-btn-secondary-border: #7a8ea8;
    --valor-table-surface: #252525;
  --valor-table-header-bg: #56585f;
  --valor-table-header-text: #ffffff;
  --valor-table-header-border: #6b7280;
  --valor-table-row-bg: #252525;
  --valor-table-row-hover-bg: #2b3340;
  --valor-table-cell-padding-y: 0.72rem;
  --valor-table-cell-padding-x: 0.82rem;
  --valor-table-header-font-size: 0.74rem;
  --valor-table-radius: 0.85rem;
}

:root[data-theme="light"] {
  --valor-sidebar-bg: linear-gradient(180deg, #79beff 0%, #dbe6f2 100%);
  --valor-shell-bg: #f4f6f8;
  --valor-card-bg: #ffffff;
  --valor-card-border: #d4dae1;
  --valor-text: #1f2730;
  --valor-muted: #5f6b78;
  --valor-link: #0d6efd;
  --valor-topbar-bg: #ffffff;
  --valor-topbar-link: #1f2730;
  --valor-table-border: #dce3ea;
  --valor-accent: #0d6efd;
  --valor-accent-strong: #0b5ed7;
  --access-panel-bg: #ffffff;
  --access-panel-border: #dce3ea;
  --access-title: #0d6efd;
  --access-input-bg: #ffffff;
  --access-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
  --record-mode-create-accent: #0f766e;
  --record-mode-create-border: color-mix(in srgb, #0f766e 38%, var(--access-panel-border));
  --record-mode-edit-accent: #c2410c;
  --record-mode-edit-border: color-mix(in srgb, #c2410c 34%, var(--access-panel-border));
  --record-mode-filter-accent: #3b82f6;
  --record-mode-filter-border: color-mix(in srgb, #3b82f6 34%, var(--access-panel-border));
  --workspace-filter-header-bg: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-filter-accent) 12%, #ffffff),
    color-mix(in srgb, var(--record-mode-filter-accent) 6%, #ffffff)
  );
  --workspace-filter-header-text: #18324f;
  --workspace-filter-header-border: color-mix(in srgb, var(--record-mode-filter-border) 55%, var(--access-panel-border));
  --workspace-results-accent: #475569;
  --workspace-results-border: color-mix(in srgb, #475569 28%, var(--access-panel-border));
  --valor-btn-secondary-text: #24384d;
  --valor-btn-secondary-bg: #f4f8fc;
  --valor-btn-secondary-bg-hover: #e7eff8;
  --valor-btn-secondary-border: #7e93aa;
    --valor-table-surface: #ffffff;
  --valor-table-header-bg: #e6ebf1;
  --valor-table-header-text: #1f2730;
  --valor-table-header-border: #cdd6e1;
  --valor-table-row-bg: #ffffff;
  --valor-table-row-hover-bg: #edf4fb;
}
* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: var(--valor-font-size-base);
  line-height: 1.4;
  color: var(--valor-text);
  background: var(--valor-shell-bg);
}

a { color: var(--valor-link); text-decoration: none; }
a:hover { text-decoration: underline; }
a.btn:hover,
a.btn:focus,
.btn:hover,
.btn:focus {
  text-decoration: none;
}

.page-body h1,
.page-body h2,
.page-body h3,
.page-body h4 {
  color: var(--valor-text);
  line-height: 1.2;
}

.page-body h1 {
  font-size: var(--valor-h1-size);
}

.page-body h2 {
  font-size: var(--valor-h2-size);
}

.page-body h3 {
  font-size: var(--valor-h3-size);
}

.page-body h4 {
  font-size: var(--valor-h4-size);
}

.page-body p,
.page-body li,
.page-body label,
.page-body .form-text,
.page-body .form-control,
.page-body .form-select {
  font-size: var(--valor-content-font-size);
}

.page-body .table tbody td,
.page-body .table tbody td a,
.page-body .table tbody td span,
.page-body .table tbody td strong,
.page-body .table tbody td small,
.page-body .table tbody td .text-muted,
.page-body .table tbody td .text-secondary,
.page-body .access-table tbody td,
.page-body .access-table tbody td a,
.page-body .access-table tbody td span,
.page-body .access-table tbody td strong,
.page-body .access-table tbody td small {
  font-size: var(--valor-content-font-size);
}

.ops-scorecard-page .table tbody td,
.ops-scorecard-page .table tbody td a,
.ops-scorecard-page .table tbody td span,
.ops-scorecard-page .table tbody td strong,
.ops-scorecard-page .table tbody td small,
.ops-scorecard-fullscreen .table tbody td,
.ops-scorecard-fullscreen .table tbody td a,
.ops-scorecard-fullscreen .table tbody td span,
.ops-scorecard-fullscreen .table tbody td strong,
.ops-scorecard-fullscreen .table tbody td small {
  font-size: var(--valor-font-size-body);
}

.btn-primary {
  background: linear-gradient(90deg, var(--valor-accent-strong), var(--valor-accent));
  border-color: var(--valor-accent-strong);
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(90deg, var(--valor-accent-strong), var(--valor-accent-strong));
  border-color: var(--valor-accent-strong);
}

.modern-shell .modern-sidebar {
  width: 182px;
  flex: 0 0 182px;
  min-height: 100vh;
  background: var(--valor-sidebar-bg);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  transition: width 0.18s ease, border-right-color 0.18s ease;
}

.brand-link {
  color: #f8fbff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  padding-left: 0.62rem;
}

.modern-shell .modern-sidebar .nav-link {
  display: block;
  border-radius: 0.5rem;
  margin: 0.2rem 0;
  padding: 0.55rem 0.75rem;
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  transition: all .12s ease;
}

.modern-shell .modern-sidebar .nav-link:hover,
.modern-shell .modern-sidebar .nav-link.active {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  text-decoration: none;
}

.nav-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.85);
  margin: 0.8rem 0 0.35rem;
  padding: 0 0.5rem;
}

.page-wrapper {
  flex: 1 1 auto;
  min-width: 0;
}

html.mobile-nav-open body {
  overflow: hidden;
}

.mobile-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1030;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
}

.modern-topbar {
  background: var(--valor-topbar-bg);
  border-bottom: 1px solid var(--valor-card-border);
}

.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
}

.topbar-collapsed-brand {
  display: none;
  align-items: center;
  gap: 0.45rem;
  color: var(--valor-topbar-link);
  font-weight: 700;
  text-decoration: none;
}

.topbar-collapsed-brand:hover,
.topbar-collapsed-brand:focus {
  color: var(--valor-topbar-link);
  text-decoration: none;
}

html.sidebar-collapsed .topbar-collapsed-brand {
  display: inline-flex;
}

.modern-topbar .navbar-nav {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}

.modern-topbar .nav-link,
.modern-topbar .btn.btn-link.nav-link {
  color: var(--valor-topbar-link);
  font-weight: 500;
  text-decoration: none;
}

.modern-topbar .btn.btn-link.nav-link { padding: 0; }

.page-body { padding: 1.25rem 0; }

.card {
  background: var(--valor-card-bg);
  border: 1px solid var(--valor-card-border);
  border-radius: 0.9rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.card-header {
  border-bottom: 1px solid var(--valor-card-border);
}

.table {
  --bs-table-bg: #0b1220;
  --bs-table-color: #e5e7eb;
  --bs-table-border-color: #334155;
  --bs-table-striped-bg: #020617;
  --bs-table-striped-color: #e5e7eb;
  --bs-table-hover-bg: #1e293b;
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
}

.table th,
.table td {
  border-bottom: 1px solid var(--valor-table-border);
}

.table thead th {
  background-color: #020617;
  color: #ffffff;
  border-bottom: 1px solid #475569;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}

.page-body .table:not(.valor-report) {
  background: var(--valor-table-surface);
  border: 1px solid var(--valor-table-border);
  border-radius: var(--valor-table-radius);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.page-body .table:not(.valor-report) thead th {
  background: var(--valor-table-header-bg);
  color: var(--valor-table-header-text);
  border-bottom: 1px solid var(--valor-table-header-border);
  padding: calc(var(--valor-table-cell-padding-y) * 0.78) var(--valor-table-cell-padding-x);
  text-transform: uppercase;
  font-size: var(--valor-table-header-font-size);
  letter-spacing: 0.05em;
  white-space: nowrap;
  vertical-align: middle;
}

.page-body .table:not(.valor-report) thead th:first-child {
  border-top-left-radius: calc(var(--valor-table-radius) - 0.08rem);
}

.page-body .table:not(.valor-report) thead th:last-child {
  border-top-right-radius: calc(var(--valor-table-radius) - 0.08rem);
}

.page-body .table:not(.valor-report) tbody td {
  background: var(--valor-table-sticky-bg, var(--valor-table-row-bg));
  padding: var(--valor-table-cell-padding-y) var(--valor-table-cell-padding-x);
  border-bottom: 1px solid var(--valor-table-border);
  vertical-align: middle;
}

.page-body .table:not(.valor-report) tbody tr:hover > td {
  background: var(--valor-table-row-hover-bg);
}

.page-body .table:not(.valor-report) tbody tr:last-child td:first-child {
  border-bottom-left-radius: calc(var(--valor-table-radius) - 0.08rem);
}

.page-body .table:not(.valor-report) tbody tr:last-child td:last-child {
  border-bottom-right-radius: calc(var(--valor-table-radius) - 0.08rem);
}

.page-body .table:not(.valor-report).table-sm thead th {
  padding: calc(var(--valor-table-cell-padding-y) * 0.62) calc(var(--valor-table-cell-padding-x) * 0.84);
}



.card .card-header + .table-responsive .table thead th:first-child,
.card .card-header + .access-table-wrap .table thead th:first-child {
  border-top-left-radius: 0;
}

.card .card-header + .table-responsive .table thead th:last-child,
.card .card-header + .access-table-wrap .table thead th:last-child {
  border-top-right-radius: 0;
}

.card > .table-responsive,
.card > .access-table-wrap,
.card > .leaderboard-table-wrap,
.card > .ops-issues-table-wrap {
  border-radius: inherit;
  overflow: hidden;
}

.card > .card-header + .table-responsive,
.card > .card-header + .access-table-wrap,
.card > .card-header + .leaderboard-table-wrap,
.card > .card-header + .ops-issues-table-wrap {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card > .table-responsive > .table,
.card > .access-table-wrap > .table,
.card > .leaderboard-table-wrap > .table,
.card > .ops-issues-table-wrap > .table {
  border-radius: inherit;
}

.card > .card-header + .table-responsive > .table,
.card > .card-header + .access-table-wrap > .table,
.card > .card-header + .leaderboard-table-wrap > .table,
.card > .card-header + .ops-issues-table-wrap > .table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card > .card-header + .table-responsive > .table thead th:first-child,
.card > .card-header + .access-table-wrap > .table thead th:first-child,
.card > .card-header + .leaderboard-table-wrap > .table thead th:first-child,
.card > .card-header + .ops-issues-table-wrap > .table thead th:first-child {
  border-top-left-radius: 0;
}

.card > .card-header + .table-responsive > .table thead th:last-child,
.card > .card-header + .access-table-wrap > .table thead th:last-child,
.card > .card-header + .leaderboard-table-wrap > .table thead th:last-child,
.card > .card-header + .ops-issues-table-wrap > .table thead th:last-child {
  border-top-right-radius: 0;
}


.btn {
  font-size: var(--valor-btn-font-size);
  line-height: 1.25;
  padding: var(--valor-btn-padding-y) var(--valor-btn-padding-x);
  border-radius: var(--valor-btn-radius);
  font-weight: 600;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn:active {
  transform: translateY(0);
}

.btn:focus-visible {
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--valor-accent) 35%, transparent);
}

.btn-sm {
  font-size: 0.78rem;
  padding: 0.26rem 0.56rem;
  border-radius: 0.48rem;
}

.btn-lg {
  font-size: 0.95rem;
  padding: 0.44rem 0.88rem;
  border-radius: 0.62rem;
}

.btn-secondary {
  color: var(--valor-btn-secondary-text);
  background-color: var(--valor-btn-secondary-bg);
  border-color: var(--valor-btn-secondary-border);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  color: var(--valor-btn-secondary-text);
  background-color: var(--valor-btn-secondary-bg-hover);
  border-color: var(--valor-btn-secondary-border-hover);
}

.btn-outline-secondary {
  color: var(--valor-btn-secondary-text);
  border-color: var(--valor-btn-secondary-border);
  background-color: transparent;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  color: var(--valor-btn-secondary-text);
  border-color: var(--valor-btn-secondary-border-hover);
  background-color: color-mix(in srgb, var(--valor-btn-secondary-bg) 72%, transparent);
}

.btn-link:hover,
.btn-link:focus {
  transform: none;
}

.alert { border-radius: 0.7rem; }

.access-admin__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.access-admin__badge {
  background: linear-gradient(90deg, var(--valor-accent-strong), var(--valor-accent));
  color: #fff;
  font-weight: 700;
  padding: 0.6rem 0.85rem;
  border-radius: 0.6rem;
}

/*
  Shared create/edit visual language.
  Dedicated create/edit pages can use `.record-mode` with either
  `.record-mode--create` or `.record-mode--edit` on a page wrapper.
  Mixed workspaces can mark individual sections with `data-record-mode="create"`
  or `data-record-mode="edit"` to opt into the same styling.
*/
.record-mode,
.record-mode-stack {
  display: grid;
  gap: 1rem;
}

.record-mode--create,
.record-mode-panel--create,
[data-record-mode="create"] {
  --record-mode-accent: var(--record-mode-create-accent);
  --record-mode-border: var(--record-mode-create-border);
}

.record-mode--edit,
.record-mode-panel--edit,
[data-record-mode="edit"] {
  --record-mode-accent: var(--record-mode-edit-accent);
  --record-mode-border: var(--record-mode-edit-border);
}

.record-mode__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}

.record-mode__badge,
.record-mode .access-admin__badge {
  background: linear-gradient(90deg, color-mix(in srgb, var(--record-mode-accent) 88%, #ffffff 12%), color-mix(in srgb, var(--record-mode-accent) 62%, #1d4ed8 38%));
  color: #fff;
  font-weight: 700;
  padding: 0.6rem 0.85rem;
  border-radius: 0.6rem;
}

.record-mode .access-panel,
.record-mode .card,
.record-mode .party-card,
.record-mode .party-overview-card,
.record-mode .ops-job-create-section,
.record-mode .tenant-form__section,
.record-mode-panel,
[data-record-mode] {
  overflow: hidden;
  border-color: color-mix(in srgb, var(--record-mode-border) 84%, transparent);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent) 2%, var(--access-panel-bg))
  );
  box-shadow: var(--access-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 12%, transparent);
}

.record-mode .card-header,
.record-mode .party-card__header,
.record-mode .access-panel__heading,
.record-mode .tenant-form__section-head,
.record-mode .ops-job-create-section__heading,
.record-mode-panel .card-header,
.record-mode-panel .party-card__header,
.record-mode-panel .access-panel__heading,
[data-record-mode] .card-header,
[data-record-mode] .party-card__header,
[data-record-mode] .access-panel__heading {
  border-bottom-color: color-mix(in srgb, var(--record-mode-border) 72%, transparent);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent) 22%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent) 10%, var(--access-panel-bg))
  );
}

.record-mode .card > .card-body,
.record-mode .card > .card-footer,
.record-mode-panel > .card-body,
.record-mode-panel > .card-footer,
[data-record-mode] > .card-body,
[data-record-mode] > .card-footer {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent) 2%, var(--access-panel-bg))
  );
}

.record-mode .card > .card-header + .card-body,
.record-mode-panel > .card-header + .card-body,
[data-record-mode] > .card-header + .card-body {
  border-top: 1px solid color-mix(in srgb, var(--record-mode-border) 62%, transparent);
}

.record-mode .access-panel .form-control,
.record-mode .access-panel .form-select,
.record-mode .card .form-control,
.record-mode .card .form-select,
.record-mode .party-card .form-control,
.record-mode .party-card .form-select,
.record-mode .ops-job-create-section .form-control,
.record-mode .ops-job-create-section .form-select,
.record-mode .tenant-form__section .form-control,
.record-mode .tenant-form__section .form-select,
.record-mode-panel .form-control,
.record-mode-panel .form-select,
[data-record-mode] .form-control,
[data-record-mode] .form-select {
  border-color: color-mix(in srgb, var(--record-mode-border) 88%, transparent);
  min-height: 2rem;
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
  font-size: var(--valor-content-font-size);
}

.record-mode .access-panel .form-label,
.record-mode .card .form-label,
.record-mode .party-card .form-label,
.record-mode .ops-job-create-section .form-label,
.record-mode .tenant-form__section .form-label,
.record-mode-panel .form-label,
[data-record-mode] .form-label {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.record-mode .access-panel .form-text,
.record-mode .card .form-text,
.record-mode .party-card .form-text,
.record-mode .ops-job-create-section .form-text,
.record-mode .tenant-form__section .form-text,
.record-mode-panel .form-text,
[data-record-mode] .form-text {
  font-size: 0.75rem;
}

.record-mode .access-panel textarea.form-control,
.record-mode .card textarea.form-control,
.record-mode .party-card textarea.form-control,
.record-mode .ops-job-create-section textarea.form-control,
.record-mode .tenant-form__section textarea.form-control,
.record-mode-panel textarea.form-control,
[data-record-mode] textarea.form-control {
  min-height: 6rem;
}

.record-mode .btn-primary,
.record-mode .btn-success,
.record-mode-panel .btn-primary,
.record-mode-panel .btn-success,
[data-record-mode] .btn-primary,
[data-record-mode] .btn-success {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent) 90%, #ffffff 10%),
    color-mix(in srgb, var(--record-mode-accent) 72%, #1d4ed8 28%)
  );
  border-color: color-mix(in srgb, var(--record-mode-accent) 82%, #0f172a 18%);
  color: #fff;
}

.record-mode .btn-primary:hover,
.record-mode .btn-primary:focus,
.record-mode .btn-success:hover,
.record-mode .btn-success:focus,
.record-mode-panel .btn-primary:hover,
.record-mode-panel .btn-primary:focus,
.record-mode-panel .btn-success:hover,
.record-mode-panel .btn-success:focus,
[data-record-mode] .btn-primary:hover,
[data-record-mode] .btn-primary:focus,
[data-record-mode] .btn-success:hover,
[data-record-mode] .btn-success:focus {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent) 94%, #ffffff 6%),
    color-mix(in srgb, var(--record-mode-accent) 84%, #0f172a 16%)
  );
  border-color: color-mix(in srgb, var(--record-mode-accent) 88%, #0f172a 12%);
  color: #fff;
}

.record-mode .btn-outline-primary,
.record-mode .btn-outline-success,
.record-mode-panel .btn-outline-primary,
.record-mode-panel .btn-outline-success,
[data-record-mode] .btn-outline-primary,
[data-record-mode] .btn-outline-success {
  background: color-mix(in srgb, var(--record-mode-accent) 10%, transparent);
  border-color: color-mix(in srgb, var(--record-mode-accent) 62%, transparent);
  color: color-mix(in srgb, var(--record-mode-accent) 88%, var(--valor-text));
}

.record-mode .btn-outline-primary:hover,
.record-mode .btn-outline-primary:focus,
.record-mode .btn-outline-success:hover,
.record-mode .btn-outline-success:focus,
.record-mode-panel .btn-outline-primary:hover,
.record-mode-panel .btn-outline-primary:focus,
.record-mode-panel .btn-outline-success:hover,
.record-mode-panel .btn-outline-success:focus,
[data-record-mode] .btn-outline-primary:hover,
[data-record-mode] .btn-outline-primary:focus,
[data-record-mode] .btn-outline-success:hover,
[data-record-mode] .btn-outline-success:focus {
  background: color-mix(in srgb, var(--record-mode-accent) 18%, transparent);
  border-color: color-mix(in srgb, var(--record-mode-accent) 74%, transparent);
  color: color-mix(in srgb, var(--record-mode-accent) 92%, var(--valor-text));
}

.btn-record-save,
.btn-record-save.btn-primary,
.record-mode .btn-record-save,
.record-mode-panel .btn-record-save,
[data-record-mode] .btn-record-save {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 90%, #ffffff 10%),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 72%, #1d4ed8 28%)
  ) !important;
  background-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 84%, #0f172a 16%) !important;
  border-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 82%, #0f172a 18%) !important;
  color: #fff !important;
}

.btn-record-save:hover,
.btn-record-save:focus,
.btn-record-save.btn-primary:hover,
.btn-record-save.btn-primary:focus,
.record-mode .btn-record-save:hover,
.record-mode .btn-record-save:focus,
.record-mode-panel .btn-record-save:hover,
.record-mode-panel .btn-record-save:focus,
[data-record-mode] .btn-record-save:hover,
[data-record-mode] .btn-record-save:focus {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 94%, #ffffff 6%),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 84%, #0f172a 16%)
  ) !important;
  background-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 88%, #0f172a 12%) !important;
  border-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 88%, #0f172a 12%) !important;
  color: #fff !important;
}

.btn-create-action,
.btn-create-action.btn-primary,
.btn-create-action.btn-success {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-create-accent) 90%, #ffffff 10%),
    color-mix(in srgb, var(--record-mode-create-accent) 72%, #1d4ed8 28%)
  );
  border-color: color-mix(in srgb, var(--record-mode-create-accent) 82%, #0f172a 18%);
  color: #fff;
}

.btn-create-action:hover,
.btn-create-action:focus,
.btn-create-action.btn-primary:hover,
.btn-create-action.btn-primary:focus,
.btn-create-action.btn-success:hover,
.btn-create-action.btn-success:focus {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-create-accent) 94%, #ffffff 6%),
    color-mix(in srgb, var(--record-mode-create-accent) 84%, #0f172a 16%)
  );
  border-color: color-mix(in srgb, var(--record-mode-create-accent) 88%, #0f172a 12%);
  color: #fff;
}

.btn-edit-action,
.btn-edit-action.btn-primary,
.btn-edit-action.btn-outline-primary,
.btn-edit-action.btn-outline-secondary,
.task-action-btn-edit.btn-edit-action {
  background: color-mix(in srgb, var(--record-mode-edit-accent) 10%, transparent);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 62%, transparent);
  color: color-mix(in srgb, var(--record-mode-edit-accent) 88%, var(--valor-text));
}

.btn-edit-action:hover,
.btn-edit-action:focus,
.btn-edit-action.btn-primary:hover,
.btn-edit-action.btn-primary:focus,
.btn-edit-action.btn-outline-primary:hover,
.btn-edit-action.btn-outline-primary:focus,
.btn-edit-action.btn-outline-secondary:hover,
.btn-edit-action.btn-outline-secondary:focus,
.task-action-btn-edit.btn-edit-action:hover,
.task-action-btn-edit.btn-edit-action:focus {
  background: color-mix(in srgb, var(--record-mode-edit-accent) 18%, transparent);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 74%, transparent);
  color: color-mix(in srgb, var(--record-mode-edit-accent) 92%, var(--valor-text));
}

.btn-delete-action,
.btn-delete-action.btn-danger,
.btn-delete-action.btn-outline-danger,
.tenant-action-btn-delete {
  border-width: 1.5px;
  border-style: solid;
}

:root[data-theme="dark"] .btn-delete-action,
:root[data-theme="dark"] .btn-delete-action.btn-danger,
:root[data-theme="dark"] .btn-delete-action.btn-outline-danger,
:root[data-theme="dark"] .tenant-action-btn-delete {
  color: #fecaca;
  border-color: rgba(248, 113, 113, 0.5);
  background: rgba(127, 29, 29, 0.28);
}

:root[data-theme="dark"] .btn-delete-action:hover,
:root[data-theme="dark"] .btn-delete-action:focus,
:root[data-theme="dark"] .btn-delete-action.btn-danger:hover,
:root[data-theme="dark"] .btn-delete-action.btn-danger:focus,
:root[data-theme="dark"] .btn-delete-action.btn-outline-danger:hover,
:root[data-theme="dark"] .btn-delete-action.btn-outline-danger:focus,
:root[data-theme="dark"] .tenant-action-btn-delete:hover,
:root[data-theme="dark"] .tenant-action-btn-delete:focus {
  color: #fee2e2;
  border-color: rgba(252, 165, 165, 0.72);
  background: rgba(153, 27, 27, 0.42);
}

:root[data-theme="light"] .btn-delete-action,
:root[data-theme="light"] .btn-delete-action.btn-danger,
:root[data-theme="light"] .btn-delete-action.btn-outline-danger,
:root[data-theme="light"] .tenant-action-btn-delete {
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.34);
  background: rgba(254, 242, 242, 0.96);
}

:root[data-theme="light"] .btn-delete-action:hover,
:root[data-theme="light"] .btn-delete-action:focus,
:root[data-theme="light"] .btn-delete-action.btn-danger:hover,
:root[data-theme="light"] .btn-delete-action.btn-danger:focus,
:root[data-theme="light"] .btn-delete-action.btn-outline-danger:hover,
:root[data-theme="light"] .btn-delete-action.btn-outline-danger:focus,
:root[data-theme="light"] .tenant-action-btn-delete:hover,
:root[data-theme="light"] .tenant-action-btn-delete:focus {
  color: #991b1b;
  border-color: rgba(185, 28, 28, 0.46);
  background: rgba(254, 226, 226, 0.98);
}

.btn-archive-action,
.btn-archive-action.btn-secondary,
.btn-archive-action.btn-outline-secondary,
.task-action-btn-archive {
  border-width: 1.5px;
  border-style: solid;
}

:root[data-theme="dark"] .btn-archive-action,
:root[data-theme="dark"] .btn-archive-action.btn-secondary,
:root[data-theme="dark"] .btn-archive-action.btn-outline-secondary,
:root[data-theme="dark"] .task-action-btn-archive {
  color: #e2e8f0;
  border-color: rgba(148, 163, 184, 0.52);
  background: rgba(51, 65, 85, 0.3);
}

:root[data-theme="dark"] .btn-archive-action:hover,
:root[data-theme="dark"] .btn-archive-action:focus,
:root[data-theme="dark"] .btn-archive-action.btn-secondary:hover,
:root[data-theme="dark"] .btn-archive-action.btn-secondary:focus,
:root[data-theme="dark"] .btn-archive-action.btn-outline-secondary:hover,
:root[data-theme="dark"] .btn-archive-action.btn-outline-secondary:focus,
:root[data-theme="dark"] .task-action-btn-archive:hover,
:root[data-theme="dark"] .task-action-btn-archive:focus {
  color: #f8fafc;
  border-color: rgba(186, 199, 213, 0.74);
  background: rgba(71, 85, 105, 0.44);
}

:root[data-theme="light"] .btn-archive-action,
:root[data-theme="light"] .btn-archive-action.btn-secondary,
:root[data-theme="light"] .btn-archive-action.btn-outline-secondary,
:root[data-theme="light"] .task-action-btn-archive {
  color: #475569;
  border-color: rgba(100, 116, 139, 0.34);
  background: rgba(248, 250, 252, 0.98);
}

:root[data-theme="light"] .btn-archive-action:hover,
:root[data-theme="light"] .btn-archive-action:focus,
:root[data-theme="light"] .btn-archive-action.btn-secondary:hover,
:root[data-theme="light"] .btn-archive-action.btn-secondary:focus,
:root[data-theme="light"] .btn-archive-action.btn-outline-secondary:hover,
:root[data-theme="light"] .btn-archive-action.btn-outline-secondary:focus,
:root[data-theme="light"] .task-action-btn-archive:hover,
:root[data-theme="light"] .task-action-btn-archive:focus {
  color: #334155;
  border-color: rgba(71, 85, 105, 0.46);
  background: rgba(241, 245, 249, 1);
}

.access-panel {
  background: var(--access-panel-bg);
  border: 1px solid var(--access-panel-border);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: var(--access-shadow);
}

.access-panel__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.55rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.access-panel__heading h2 {
  margin: 0;
  color: var(--access-title);
  font-size: 1.4rem;
  font-weight: 700;
}

.access-panel .form-control,
.access-panel .form-select {
  background-color: var(--access-input-bg);
  border-color: var(--access-panel-border);
  color: var(--valor-text);
}

.access-table-wrap {
  border: 0;
  border-radius: var(--valor-table-radius);
  overflow: visible;
}

.access-table {
  --valor-table-header-bg: color-mix(in srgb, var(--access-panel-bg) 80%, #ffffff 20%);
  --valor-table-header-border: color-mix(in srgb, var(--access-panel-border) 72%, #ffffff 28%);
}

.access-table thead th {
  font-weight: 700;
}

.access-badge {
  color: #fff;
  font-weight: 700;
}

.access-badge--blue { background: linear-gradient(90deg, #1d4ed8, #3b82f6); }
.access-badge--amber { background: linear-gradient(90deg, #ca8a04, #eab308); }
.access-badge--green { background: linear-gradient(90deg, #059669, #10b981); }
.access-badge--orange { background: linear-gradient(90deg, #ea580c, #f97316); }

.access-btn {
  color: #fff;
  border: none;
}

.access-btn:hover,
.access-btn:focus {
  color: #fff;
}

.access-btn--blue { background: linear-gradient(90deg, var(--valor-accent-strong), var(--valor-accent)); }
.access-btn--amber { background: linear-gradient(90deg, #ca8a04, #eab308); }
.access-btn--green { background: linear-gradient(90deg, #059669, #10b981); }
.access-btn--orange { background: linear-gradient(90deg, #ea580c, #f97316); }

.access-admin--workspace {
  display: grid;
  gap: 1rem;
}

.access-panel__copy {
  color: var(--valor-muted);
  font-size: var(--valor-font-size-body);
  line-height: 1.45;
  margin-top: 0.25rem;
}

.access-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.access-kpi-card {
  border: 1px solid var(--access-panel-border);
  border-radius: 1rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 96%, transparent);
  box-shadow: var(--access-shadow);
}

.access-kpi-card__label {
  display: block;
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--valor-muted);
}

.access-kpi-card__value {
  display: block;
  font-size: 1.9rem;
  line-height: 1.05;
  margin-top: 0.4rem;
}

.access-kpi-card__hint {
  display: block;
  margin-top: 0.45rem;
  color: var(--valor-muted);
  line-height: 1.4;
}

.access-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.access-form-card,
.access-snapshot-card {
  border: 1px solid var(--access-panel-border);
  border-radius: 0.9rem;
  padding: 0.95rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.access-form-card h3,
.access-snapshot-card h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.access-helper {
  margin: 0.45rem 0 0.9rem;
  color: var(--valor-muted);
  line-height: 1.45;
}

.access-field-note {
  margin-bottom: 0.35rem;
  font-size: 0.82rem;
  color: var(--valor-muted);
}

.access-form-card--membership {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #22c55e 18%, transparent);
}

.access-form-card--role {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #f59e0b 18%, transparent);
}


.access-stack {
  display: grid;
  gap: 1rem;
}

.access-inline-check {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.7rem;
  border-radius: 0.7rem;
  border: 1px solid var(--access-panel-border);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
}

.access-identity-cell {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}

.access-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.26rem 0.6rem;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 700;
}

.access-status-pill--approved {
  color: #f0fdf4;
  background: linear-gradient(90deg, #15803d, #22c55e);
}

.access-status-pill--pending {
  color: #3b2f0a;
  background: linear-gradient(90deg, #facc15, #f59e0b);
}

.access-action-stack {
  display: grid;
  gap: 0.55rem;
}

.access-compact-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.access-compact-form .form-select {
  min-width: 11rem;
}

.access-row-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.access-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

@media (max-width: 1200px) {
  .access-kpi-grid,
  .access-form-grid,
  .access-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .access-admin__header {
    flex-direction: column;
  }

  .access-panel__heading h2 {
    font-size: 1.2rem;
  }

  .access-kpi-grid,
  .access-form-grid,
  .access-snapshot-grid {
    grid-template-columns: 1fr;
  }

  .access-compact-form,
  .access-row-actions {
    width: 100%;
  }

  .access-compact-form .form-select,
  .access-compact-form .btn,
  .access-row-actions .btn {
    width: 100%;
  }
}

.tenant-form .form-control,
.tenant-form textarea {
  background-color: var(--access-input-bg);
  border-color: var(--access-panel-border);
  color: var(--valor-text);
}

.tenant-form__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--access-panel-border);
  border-radius: 0.7rem;
  background: color-mix(in srgb, var(--access-panel-bg) 88%, #ffffff 12%);
}

.tenant-form {
  display: grid;
  gap: 1rem;
}

.tenant-form .alert-danger {
  margin-bottom: 0;
  border-radius: 0.8rem;
}

.tenant-form__section {
  border: 1px solid var(--access-panel-border);
  border-radius: 0.95rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.tenant-form__section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 0.55rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.tenant-form__section-head--compact {
  padding-bottom: 0.45rem;
  margin-bottom: 0.6rem;
}

.tenant-form__section-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}

.tenant-form__section-copy {
  margin: 0.28rem 0 0;
  color: var(--valor-muted);
  line-height: 1.45;
}

.tenant-form__section-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tenant-form .form-label {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.tenant-form .form-text {
  margin-top: 0.35rem;
  font-size: 0.75rem;
}

.tenant-form .form-control,
.tenant-form .form-select {
  min-height: 2rem;
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
  font-size: var(--valor-content-font-size);
}

.tenant-form__notes {
  min-height: 8.5rem;
  resize: vertical;
}

.tenant-form__section--footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.tenant-form__footer-meta {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.tenant-form__footer-copy {
  color: var(--valor-muted);
  line-height: 1.4;
}

 .tenant-form__actions {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  flex-wrap: wrap;
}
.tenant-status-alert {
  border: 1px solid rgba(96, 165, 250, 0.34);
  border-radius: 0.95rem;
  padding: 0.9rem 1rem;
  background: color-mix(in srgb, var(--valor-accent) 14%, var(--access-panel-bg));
  color: var(--valor-text);
  box-shadow: var(--access-shadow);
}

:root[data-theme="dark"] .tenant-status-alert {
  border-color: rgba(125, 211, 252, 0.34);
  background: rgba(11, 26, 44, 0.9);
  color: #e7f1ff;
}

:root[data-theme="light"] .tenant-status-alert {
  border-color: rgba(37, 99, 235, 0.24);
  background: #edf4ff;
  color: #163252;
}

.tenant-action-group {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.tenant-action-group .btn + .btn {
  margin-left: 0;
}

.tenant-action-btn-delete {
  border-width: 1.5px;
  border-style: solid;
}

.tenant-action-btn-delete__icon {
  width: 0.95rem;
  height: 0.95rem;
  display: block;
}

.tenant-delete-shell {
  max-width: 960px;
}

.tenant-delete-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
  padding: 1.25rem;
  border: 1px solid var(--access-panel-border);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
}

.tenant-delete-card__icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tenant-delete-card__icon-svg {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.tenant-delete-card__body {
  min-width: 0;
}

.tenant-delete-card__eyebrow {
  display: inline-block;
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
}

.tenant-delete-card__title {
  margin: 0 0 0.55rem;
  font-size: 1.65rem;
  font-weight: 700;
}

.tenant-delete-card__message {
  margin: 0 0 1rem;
  max-width: 42rem;
  color: var(--valor-muted);
  line-height: 1.5;
}

.tenant-delete-card__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0 0 1.1rem;
}

.tenant-delete-card__details div {
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--access-panel-border);
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--access-input-bg) 88%, transparent);
}

.tenant-delete-card__details dt {
  margin: 0 0 0.28rem;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--valor-muted);
}

.tenant-delete-card__details dd {
  margin: 0;
  font-weight: 600;
  color: var(--valor-text);
  word-break: break-word;
}

.tenant-delete-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
  margin: 0;
}

.tenant-delete-badge {
  background: linear-gradient(90deg, #991b1b, #dc2626);
  color: #fff;
  font-weight: 700;
  padding: 0.6rem 0.85rem;
  border-radius: 0.6rem;
}

:root[data-theme="dark"] .tenant-form {
  display: grid;
  gap: 1rem;
}

.tenant-form .alert-danger {
  margin-bottom: 0;
  border-radius: 0.8rem;
}

.tenant-form__section {
  border: 1px solid var(--access-panel-border);
  border-radius: 0.95rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.tenant-form__section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.tenant-form__section-head--compact {
  margin-bottom: 0.75rem;
}

.tenant-form__section-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}

.tenant-form__section-copy {
  margin: 0.28rem 0 0;
  color: var(--valor-muted);
  line-height: 1.45;
}

.tenant-form__section-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tenant-form .form-label {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.tenant-form .form-text {
  margin-top: 0.35rem;
  font-size: 0.75rem;
}

.tenant-form .form-control,
.tenant-form .form-select {
  min-height: 2rem;
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
  font-size: var(--valor-content-font-size);
}

.tenant-form__notes {
  min-height: 8.5rem;
  resize: vertical;
}

.tenant-form__section--footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.tenant-form__footer-meta {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.tenant-form__footer-copy {
  color: var(--valor-muted);
  line-height: 1.4;
}

 .tenant-form__actions {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  flex-wrap: wrap;
}
.tenant-status-alert {
  border-color: rgba(124, 176, 255, 0.38);
  background: rgba(14, 56, 120, 0.34);
  color: #eef5ff;
}

:root[data-theme="light"] .tenant-form {
  display: grid;
  gap: 1rem;
}

.tenant-form .alert-danger {
  margin-bottom: 0;
  border-radius: 0.8rem;
}

.tenant-form__section {
  border: 1px solid var(--access-panel-border);
  border-radius: 0.95rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.tenant-form__section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.tenant-form__section-head--compact {
  margin-bottom: 0.75rem;
}

.tenant-form__section-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}

.tenant-form__section-copy {
  margin: 0.28rem 0 0;
  color: var(--valor-muted);
  line-height: 1.45;
}

.tenant-form__section-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tenant-form .form-label {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.tenant-form .form-text {
  margin-top: 0.35rem;
  font-size: 0.75rem;
}

.tenant-form .form-control,
.tenant-form .form-select {
  min-height: 2rem;
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
  font-size: var(--valor-content-font-size);
}

.tenant-form__notes {
  min-height: 8.5rem;
  resize: vertical;
}

.tenant-form__section--footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.tenant-form__footer-meta {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.tenant-form__footer-copy {
  color: var(--valor-muted);
  line-height: 1.4;
}

 .tenant-form__actions {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  flex-wrap: wrap;
}


:root[data-theme="dark"] .tenant-action-btn-delete {
  color: #fecaca;
  border-color: rgba(248, 113, 113, 0.5);
  background: rgba(127, 29, 29, 0.28);
}

:root[data-theme="dark"] .tenant-action-btn-delete:hover,
:root[data-theme="dark"] .tenant-action-btn-delete:focus {
  color: #fee2e2;
  border-color: rgba(252, 165, 165, 0.72);
  background: rgba(153, 27, 27, 0.42);
}

:root[data-theme="light"] .tenant-action-btn-delete {
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.34);
  background: rgba(254, 242, 242, 0.96);
}

:root[data-theme="light"] .tenant-action-btn-delete:hover,
:root[data-theme="light"] .tenant-action-btn-delete:focus {
  color: #991b1b;
  border-color: rgba(185, 28, 28, 0.46);
  background: rgba(254, 226, 226, 0.98);
}

:root[data-theme="dark"] .tenant-delete-card {
  border-color: rgba(147, 51, 61, 0.36);
  background: linear-gradient(145deg, rgba(60, 17, 24, 0.34), rgba(25, 25, 25, 0.95));
}

:root[data-theme="dark"] .tenant-delete-card__icon {
  background: rgba(127, 29, 29, 0.28);
  border: 1px solid rgba(248, 113, 113, 0.34);
  color: #ffb4b4;
}

:root[data-theme="dark"] .tenant-delete-card__eyebrow {
  color: #fda4af;
}

:root[data-theme="light"] .tenant-delete-card {
  border-color: #f1c4cb;
  background: linear-gradient(145deg, #fff6f7, #ffffff);
}

:root[data-theme="light"] .tenant-delete-card__icon {
  background: #ffe6e9;
  border: 1px solid #f1b6be;
  color: #b42331;
}

:root[data-theme="light"] .tenant-delete-card__eyebrow {
  color: #b42331;
}

@media (max-width: 768px) {
  .tenant-delete-card {
    grid-template-columns: 1fr;
  }

  .tenant-delete-card__details {
    grid-template-columns: 1fr;
  }

  .tenant-delete-card__actions .btn {
    width: 100%;
  }
}

.party-segments .nav-link {
  color: var(--valor-muted);
  border: 1px solid transparent;
  border-radius: 0.6rem;
}

.party-segments .nav-link:hover {
  border-color: var(--valor-card-border);
  color: var(--valor-text);
}

.party-segments .nav-link.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(90deg, var(--valor-accent-strong), var(--valor-accent));
}

.party-shell .form-control,
.party-shell .form-select {
  background: var(--access-input-bg);
  color: var(--valor-text);
  border-color: var(--access-panel-border);
}

/* =========================================================
   Scorecard report parity with ValorView legacy grid
   ========================================================= */

table#salesReportTable.valor-report tbody tr.valor-rowtype-default > td {
  background: #14171a !important;
}

table#salesReportTable.valor-report tbody tr.valor-rowtype-whole > td {
  background: #151b22 !important;
  border-bottom-color: #2a313a;
}

table#salesReportTable.valor-report tbody tr.valor-rowtype-cur > td {
  background: #171a14 !important;
  border-bottom-color: #2a313a;
}

table#salesReportTable.valor-report tbody tr.valor-rowtype-pct > td {
  background: #141a18 !important;
  border-bottom-color: #2a313a;
}

table#salesReportTable.valor-report tbody tr.valor-rowtype-whole > td:first-child {
  box-shadow: inset 4px 0 0 rgba(88, 166, 255, 0.35);
}

table#salesReportTable.valor-report tbody tr.valor-rowtype-cur > td:first-child {
  box-shadow: inset 4px 0 0 rgba(229, 123, 24, 0.45);
}

table#salesReportTable.valor-report tbody tr.valor-rowtype-pct > td:first-child {
  box-shadow: inset 4px 0 0 rgba(46, 160, 67, 0.35);
}

table#salesReportTable.valor-report tbody tr:hover > td {
  background: rgba(229, 123, 24, 0.22) !important;
}

table#salesReportTable.valor-report tbody td.valor-report-sticky-col {
  background: inherit !important;
}

table#salesReportTable.valor-report.valor-table--striped tbody tr:nth-of-type(odd) {
  background-color: transparent !important;
}

#salesReportTable .valor-goal-check {
  color: #1f9d55 !important;
  font-weight: 800;
}

#salesReportTable .valor-goal-x {
  color: #dc2626 !important;
  font-weight: 800;
}

/* Sidebar brand + collapse behavior */
.brand-logo-wrap {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
}

.brand-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-text {
  white-space: nowrap;
}

.modern-shell .modern-sidebar .nav-link {
  margin: 0.08rem 0;
  padding: 0.34rem 0.62rem;
  line-height: 1.2;
}

.nav-section-title {
  margin: 0.58rem 0 0.18rem;
  padding: 0 0.48rem;
}

.modern-shell .modern-sidebar .navbar-nav {
  gap: 0;
}

html.sidebar-collapsed .modern-shell .modern-sidebar {
  width: 0;
  flex: 0 0 0;
  min-width: 0;
  overflow: hidden;
  border-right: 0;
}

html.sidebar-collapsed .modern-shell .modern-sidebar .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

html.sidebar-collapsed .modern-shell .modern-sidebar .brand-text,
html.sidebar-collapsed .modern-shell .modern-sidebar .nav-link-title,
html.sidebar-collapsed .modern-shell .modern-sidebar .nav-section-title {
  display: none;
}

html.sidebar-collapsed .modern-shell .modern-sidebar .brand-link {
  color: #f8fbff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  padding-left: 0.62rem;
}

html.sidebar-collapsed .modern-shell .modern-sidebar .nav-link {
  text-align: center;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}

html.sidebar-collapsed .modern-shell .modern-sidebar .nav-item {
  width: 100%;
}

:root[data-theme="dark"] .text-muted,
:root[data-theme="dark"] .text-secondary,
:root[data-theme="dark"] .form-text,
:root[data-theme="dark"] .small.text-muted {
  color: #c9d2de !important;
}

:root[data-theme="dark"] .table,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .alert {
  color: #ecf2f8;
}



:root[data-theme="light"] .table {
  --bs-table-bg: #ffffff;
  --bs-table-color: #111827;
  --bs-table-border-color: #d8e1ea;
  --bs-table-striped-bg: #f6f9fc;
  --bs-table-striped-color: #111827;
  --bs-table-hover-bg: #eaf2fb;
  --bs-table-hover-color: #0f172a;
  color: #111827;
}

:root[data-theme="light"] .table thead th {
  background-color: #dbe8f7;
  color: #102a43;
  border-bottom: 1px solid #c7d5e5;
}

:root[data-theme="light"] .table td,
:root[data-theme="light"] .table th {
  color: #111827;
}

:root[data-theme="light"] .table .text-muted,
:root[data-theme="light"] .table .text-secondary,
:root[data-theme="light"] .text-muted,
:root[data-theme="light"] .text-secondary,
:root[data-theme="light"] .form-text,
:root[data-theme="light"] .small.text-muted {
  color: #475569 !important;
}

/* Left-nav section accordion */
.modern-shell .modern-sidebar .nav-section-title {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modern-shell .modern-sidebar .nav-section-title::after {
  content: '+';
  font-weight: 700;
  opacity: 0.85;
}

.modern-shell .modern-sidebar .nav-section-title.is-expanded::after {
  content: '-';
}

/* Sidebar sub-menu styling (compact + clean) */
.modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link {
  display: flex;
  align-items: center;
  margin: 0.08rem 0.28rem;
  padding: 0.28rem 0.56rem;
  border-radius: 0.42rem;
  background: transparent;
  color: rgba(239, 247, 255, 0.9);
}

.modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link .nav-link-title {
  display: block;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.008em;
}

.modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link:hover,
.modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link.active {
  background: rgba(7, 24, 56, 0.34);
  color: #ffffff;
  box-shadow: inset 2px 0 0 rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link {
  background: transparent;
  color: #18324d;
}

:root[data-theme="light"] .modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link:hover,
:root[data-theme="light"] .modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #0d2b4e;
  box-shadow: inset 2px 0 0 #0d6efd;
}
/* Shared sorting header treatment */
.sort-link {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 700;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.sort-link:hover,
.sort-link:focus {
  color: var(--valor-link);
  text-decoration: none;
}

.sort-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  opacity: 0.5;
  color: currentColor;
}

.sort-icon svg {
  width: 0.72rem;
  height: 0.72rem;
  display: block;
  fill: currentColor;
}

.sort-icon.active {
  opacity: 1;
}


/* Tasks dashboard styling (My Tasks + Office Tasks) */
.task-group-card {
  overflow: hidden;
}

.task-group-card > .card-header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.task-group-card .card-header {
  background: rgba(2, 8, 23, 0.55);
}

.task-table thead th {
  font-size: 0.83rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.task-table .task-due {
  font-weight: 700;
  white-space: nowrap;
}

.task-table .task-row > td {
  border-top: 1px solid rgba(148, 163, 184, 0.24);
}

.task-table .task-row-overdue > td {
  background: rgba(122, 5, 40, 0.46);
}

.task-table .task-row-today > td {
  background: rgba(120, 53, 15, 0.36);
}

.task-table .task-row-open > td {
  background: rgba(6, 31, 58, 0.38);
}

.task-table .task-row-completed > td {
  background: rgba(10, 68, 53, 0.28);
}

.task-priority,
.task-status {
  font-weight: 700;
  white-space: nowrap;
}

.task-priority .task-priority-icon {
  display: inline-block;
  width: 0.9rem;
  text-align: center;
  margin-right: 0.2rem;
}

.task-priority-critical { color: #ef4444; font-weight: 700; }
.task-priority-high { color: #f59e0b; font-weight: 700; }
.task-priority-medium { color: #60a5fa; }
.task-priority-low { color: #22c55e; }
.task-priority-none { color: #94a3b8; }

.task-status-overdue { color: #fb7185; }
.task-status-today { color: #fbbf24; }
.task-status-open { color: #93c5fd; }
.task-status-completed { color: #34d399; }

:root[data-theme="light"] .task-group-card .card-header {
  background: #e5eef8;
}

:root[data-theme="light"] .task-table .task-row > td {
  border-top: 1px solid #d4deea;
}

:root[data-theme="light"] .task-table .task-row-overdue > td {
  background: #f9d9e2;
}

:root[data-theme="light"] .task-table .task-row-today > td {
  background: #fde7c7;
}

:root[data-theme="light"] .task-table .task-row-open > td {
  background: #e7f0fc;
}

:root[data-theme="light"] .task-table .task-row-completed > td {
  background: #dcf4e8;
}

.task-group-card .task-count-badge {
  margin-left: auto;
  min-width: 1.8rem;
  text-align: center;
  border-radius: 0.55rem;
  font-weight: 700;
  background: rgba(148, 163, 184, 0.6) !important;
  color: #fff;
}

:root[data-theme="light"] .task-group-card .task-count-badge {
  background: #7f8da0 !important;
}

.task-priority-icon svg { display:block; }

.section-count-badge {
  margin-left: auto;
  min-width: 1.8rem;
  text-align: center;
  border-radius: 0.55rem;
  font-weight: 700;
  padding: 0.1rem 0.5rem;
  background: rgba(148, 163, 184, 0.6);
  color: #fff;
}

:root[data-theme="light"] .section-count-badge {
  background: #7f8da0;
}




/* Global content shell: wide, centered, modern gutters */
.app-content-shell {
  width: min(1700px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1400px) {
  .app-content-shell {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 768px) {
  .app-content-shell {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }
}

/* Compact action buttons (tables, row actions, inline tools) */
.table .btn,
.task-table .btn,
td .btn,
th .btn,
.btn-group .btn,
.btn-toolbar .btn {
  font-size: 0.78rem;
  line-height: 1.2;
  padding: 0.24rem 0.52rem;
  border-radius: 0.45rem;
}

.table .btn + .btn,
.task-table .btn + .btn,
td .btn + .btn {
  margin-left: 0.28rem;
}

.table .btn-secondary,
.task-table .btn-secondary,
td .btn-secondary,
.table .btn-outline-secondary,
.task-table .btn-outline-secondary,
td .btn-outline-secondary {
  border-width: 1.5px;
}

/* Task row action buttons: legacy-aligned stack */
.task-action-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.38rem;
  min-width: 5.15rem;
}

.task-action-btn {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.task-table .task-action-btn-archive {
  border-width: 1.5px;
  border-style: solid;
}

:root[data-theme="dark"] .task-table .task-action-btn-archive {
  color: #e2e8f0;
  border-color: rgba(148, 163, 184, 0.52);
  background: rgba(51, 65, 85, 0.3);
}

:root[data-theme="dark"] .task-table .task-action-btn-archive:hover,
:root[data-theme="dark"] .task-table .task-action-btn-archive:focus {
  color: #f8fafc;
  border-color: rgba(186, 199, 213, 0.74);
  background: rgba(71, 85, 105, 0.44);
}

:root[data-theme="light"] .task-table .task-action-btn-archive {
  color: #475569;
  border-color: rgba(100, 116, 139, 0.34);
  background: rgba(248, 250, 252, 0.98);
}

:root[data-theme="light"] .task-table .task-action-btn-archive:hover,
:root[data-theme="light"] .task-table .task-action-btn-archive:focus {
  color: #334155;
  border-color: rgba(71, 85, 105, 0.46);
  background: rgba(241, 245, 249, 1);
}

/* Task table typography + layout parity */
.task-table {
  --valor-table-row-bg: transparent;
  --valor-table-row-hover-bg: transparent;
  font-size: 0.9rem;
}

.task-table thead th {
  font-size: 0.76rem;
  letter-spacing: 0.04em;
}

.task-table td,
.task-table th {
  vertical-align: middle;
}

.task-table .task-title {
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.2;
}

.task-table .task-subtext,
.task-table .task-job-address {
  margin-top: 0.2rem;
  font-size: 0.72rem;
  line-height: 1.25;
  color: #91a0b1;
}

.task-table .task-job-name {
  font-size: 0.93rem;
  font-weight: 700;
  line-height: 1.2;
}

:root[data-theme="light"] .task-table .task-subtext,
:root[data-theme="light"] .task-table .task-job-address {
  color: #516377;
}

.task-table .task-action-row {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}

.task-table .task-action-btn {
  min-width: 4.25rem;
}

.task-table .task-action-btn-archive {
  border-width: 1.5px;
  border-style: solid;
}

/* Form readability across themes */
.form-label {
  color: var(--valor-text);
  font-weight: 600;
}

.form-control::placeholder {
  color: #90a0b3;
  opacity: 1;
}

:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select {
  color: #ecf2f8;
  background-color: #151b23;
  border-color: #3a4758;
}

:root[data-theme="dark"] input[type="date"],
:root[data-theme="dark"] input[type="datetime-local"] {
  color-scheme: dark;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ecf2f8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 1rem 1rem;
}

:root[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

:root[data-theme="dark"] .form-control::placeholder {
  color: #9db0c6;
}

:root[data-theme="light"] .form-control,
:root[data-theme="light"] .form-select {
  color: #132130;
  background-color: #ffffff;
  border-color: #b8c6d6;
}

:root[data-theme="light"] input[type="date"],
:root[data-theme="light"] input[type="datetime-local"] {
  color-scheme: light;
  padding-right: 2.5rem;
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 1rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132130' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

:root[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="light"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

:root[data-theme="light"] .form-control::placeholder {
  color: #687c90;
}

/* Keep create/new action buttons pinned right in title rows */
.page-title-row {
  width: 100%;
}

.page-title-row > .btn,
.page-title-row > a.btn {
  margin-left: auto;
}

.timesheet-page-header {
  gap: 0.85rem;
  flex-wrap: wrap;
}

.timesheet-action-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.65rem;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  width: max-content;
}

.timesheet-action-group .btn {
  white-space: nowrap;
}

.timesheet-action-group--compact {
  gap: 0.5rem;
}

@media (max-width: 576px) {
  .timesheet-page-header {
    align-items: flex-start !important;
  }

  .timesheet-action-group {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

/* Office tasks action buttons should size to content (not equal-width) */
.task-table .task-action-btn {
  min-width: 0;
}

/* Office Tasks specific layout fixes */
.office-tasks-header {
  width: 100%;
}

.office-tasks-header .btn {
  margin-left: auto;
}

.office-task-filter-actions {
  align-self: end;
  justify-content: flex-end;
}

.office-task-filter-actions .btn {
  min-width: 0;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.office-task-table td.text-end.text-nowrap {
  min-width: 0;
  width: 1%;
  padding-right: 0.65rem;
}

.office-task-table th.text-end {
  width: 1%;
  white-space: nowrap;
  padding-right: 0.65rem;
}

.task-table .task-action-row {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.task-table .task-action-btn-archive {
  min-width: max-content;
}

@media (max-width: 767.98px) {
  .task-group-card {
    overflow: visible;
  }

  .task-group-card .table-responsive,
  .ops-job-panel .table-responsive {
    overflow-x: visible;
  }

  .task-table {
    min-width: 0;
  }

  .task-table thead {
    display: none;
  }

  .task-table tbody,
  .task-table tr,
  .task-table td {
    display: block;
    width: 100%;
  }

  .task-table tbody tr.task-row {
    margin: 0.85rem 0;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0.85rem;
    overflow: hidden;
  }

  .task-table tbody tr.task-row:first-child {
    margin-top: 0;
  }

  .task-table tbody tr.task-row:last-child {
    margin-bottom: 0;
  }

  .task-table tbody tr.task-row > td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.7rem 0.85rem;
    text-align: left !important;
    white-space: normal;
  }

  .task-table tbody tr.task-row > td::before {
    content: attr(data-label);
    flex: 0 0 5.5rem;
    max-width: 5.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #91a0b1;
  }

  :root[data-theme="light"] .task-table tbody tr.task-row > td::before {
    color: #516377;
  }

  .task-table tbody tr.task-row > td > * {
    min-width: 0;
  }

  .task-table tbody tr.task-row .task-title,
  .task-table tbody tr.task-row .task-subtext,
  .task-table tbody tr.task-row .task-job-name,
  .task-table tbody tr.task-row .task-job-address {
    overflow-wrap: anywhere;
  }

  .task-table .task-actions-cell {
    align-items: stretch;
  }

  .task-table .task-actions-cell::before {
    padding-top: 0.15rem;
  }

  .task-table .task-action-row {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.45rem;
  }

  .task-table .task-action-row form {
    display: flex;
  }

  .task-table .task-action-btn,
  .task-table .task-action-row form,
  .task-table .task-action-row > a {
    min-width: 2.5rem;
  }

  .task-table .task-table-empty {
    display: table-cell;
    width: auto;
  }

  .task-table .task-table-empty::before {
    content: none;
  }
}

@media (max-width: 767.98px) {
  .mobile-stack-table-wrap {
    overflow-x: visible;
  }

  .mobile-stack-table {
    min-width: 0;
  }

  .mobile-stack-table thead {
    display: none;
  }

  .mobile-stack-table tbody,
  .mobile-stack-table tr,
  .mobile-stack-table td {
    display: block;
    width: 100%;
  }

  .mobile-stack-table tbody tr.mobile-stack-row {
    margin: 0.85rem 0;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0.85rem;
    overflow: hidden;
    background: var(--valor-table-row-bg, transparent);
  }

  .mobile-stack-table tbody tr.mobile-stack-row:first-child {
    margin-top: 0;
  }

  .mobile-stack-table tbody tr.mobile-stack-row:last-child {
    margin-bottom: 0;
  }

  .mobile-stack-table tbody tr.mobile-stack-row > td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.7rem 0.85rem;
    text-align: left !important;
    white-space: normal;
  }

  .mobile-stack-table tbody tr.mobile-stack-row > td::before {
    content: attr(data-label);
    flex: 0 0 6rem;
    max-width: 6rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #91a0b1;
  }

  :root[data-theme="light"] .mobile-stack-table tbody tr.mobile-stack-row > td::before {
    color: #516377;
  }

  .mobile-stack-table tbody tr.mobile-stack-row > td > * {
    min-width: 0;
  }

  .mobile-stack-table .mobile-stack-cell-primary,
  .mobile-stack-table .mobile-stack-cell-primary a,
  .mobile-stack-table .mobile-stack-cell-primary strong,
  .mobile-stack-table .mobile-stack-cell-primary span {
    overflow-wrap: anywhere;
  }

  .mobile-stack-table .mobile-stack-actions {
    align-items: stretch;
  }

  .mobile-stack-table .mobile-stack-actions::before {
    padding-top: 0.15rem;
  }

  .mobile-stack-table .mobile-stack-actions .task-action-row,
  .mobile-stack-table .mobile-stack-actions .tenant-action-group {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 0.45rem;
    margin-left: 0;
  }

  .mobile-stack-table .mobile-stack-actions .task-action-row form,
  .mobile-stack-table .mobile-stack-actions .tenant-action-group a,
  .mobile-stack-table .mobile-stack-actions .task-action-row > a {
    min-width: 2.5rem;
  }

  .mobile-stack-table .mobile-stack-empty {
    display: table-cell;
    width: auto;
  }

  .mobile-stack-table .mobile-stack-empty::before {
    content: none;
  }

  .mobile-stack-table tbody tr.mobile-stack-detail-row > td {
    display: block;
    padding: 0;
    border-top: 0;
  }

  .mobile-stack-table tbody tr.mobile-stack-detail-row > td::before {
    content: none;
  }
}

:root[data-theme="light"] .modern-shell .modern-sidebar .nav-section-title {
  color: #123055;
}

:root[data-theme="light"] .modern-shell .modern-sidebar .nav-section-title::after {
  color: #1e4f86;
  opacity: 1;
}
.brand-link:hover,
.brand-link:focus {
  text-decoration: none;
  color: inherit;
}
:root[data-theme="light"] .brand-link {
  color: #123055;
}
/* Ops Jobs dashboard parity */
.jobs-dashboard-table {
  font-size: 0.88rem;
}

.jobs-dashboard-table thead th {
  white-space: nowrap;
}

.jobs-dashboard-table tbody td {
  white-space: nowrap;
}

.jobs-dashboard-table tbody tr.jobs-row-danger > td {
  background: rgba(122, 5, 40, 0.42);
}

.jobs-dashboard-table tbody tr.jobs-row-warning > td {
  background: rgba(120, 53, 15, 0.28);
}

:root[data-theme="light"] .jobs-dashboard-table tbody tr.jobs-row-danger > td {
  background: #f9d9e2;
}

:root[data-theme="light"] .jobs-dashboard-table tbody tr.jobs-row-warning > td {
  background: #fde7c7;
}





/* Sidebar toggle icon button */
.sidebar-toggle-btn {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sidebar-toggle-btn .sidebar-toggle-icon {
  width: 0.9rem;
  height: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sidebar-toggle-btn .sidebar-toggle-icon svg {
  width: 100%;
  height: 100%;
}

.sidebar-toggle-btn .sidebar-toggle-icon path {
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}


:root[data-theme="light"] .task-priority-high {
  color: #92400e;
}

/* Home dashboard */
.home-dashboard__title {
  font-size: clamp(1.65rem, 2.8vw, 2.2rem);
  font-weight: 800;
  letter-spacing: 0.01em;
}

.home-dashboard__subtitle {
  color: var(--valor-muted);
  font-size: 0.98rem;
}

.home-panel {
  border-radius: 1rem;
  overflow: hidden;
}

.home-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: linear-gradient(90deg, rgba(13, 110, 253, 0.18), rgba(13, 110, 253, 0.03));
}

.home-panel__title {
  font-size: 1.05rem;
  font-weight: 800;
}

.home-metric-grid {
  display: grid;
  gap: 0.65rem;
}

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

.home-metric-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-metric {
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 90%, transparent);
  border-radius: 0.78rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 35%, var(--valor-card-bg));
  padding: 0.7rem 0.75rem;
  min-height: 5.25rem;
}

.home-metric__label {
  color: var(--valor-muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.home-metric__value {
  margin-top: 0.25rem;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--valor-text);
}

.home-metric__value--money {
  font-size: 1.2rem;
}

.home-metric__value--date,
.home-metric__value--status {
  font-size: 1.05rem;
}

.home-metric--danger {
  border-color: rgba(244, 63, 94, 0.45);
}

.home-metric--danger .home-metric__value {
  color: #fb7185;
}

.home-metric--warning {
  border-color: rgba(245, 158, 11, 0.45);
}

.home-metric--warning .home-metric__value {
  color: #f59e0b;
}

.home-metric--ok {
  border-color: rgba(34, 197, 94, 0.4);
}

.home-metric--ok .home-metric__value {
  color: #34d399;
}

.home-metric--accent {
  border-color: rgba(59, 130, 246, 0.45);
}

.home-metric--accent .home-metric__value {
  color: #60a5fa;
}

:root[data-theme="light"] .home-panel__header {
  background: linear-gradient(90deg, rgba(13, 110, 253, 0.14), rgba(13, 110, 253, 0.04));
}

:root[data-theme="light"] .home-metric {
  background: #ffffff;
}

:root[data-theme="light"] .home-metric--danger .home-metric__value {
  color: #be123c;
}

:root[data-theme="light"] .home-metric--warning .home-metric__value {
  color: #92400e;
}

:root[data-theme="light"] .home-metric--ok .home-metric__value {
  color: #166534;
}

:root[data-theme="light"] .home-metric--accent .home-metric__value {
  color: #1d4ed8;
}

@media (max-width: 1200px) {
  .home-metric-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .home-metric-grid--2,
  .home-metric-grid--4 {
    grid-template-columns: 1fr;
  }

  .home-panel__header {
    align-items: flex-start;
    flex-direction: column;
  }
}

.home-dashboard__stack > .col-12 {
  margin-bottom: 0.1rem;
}

.home-panel__title {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
}

.home-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #dbeafe;
  background: color-mix(in srgb, var(--valor-accent) 55%, #0b1220);
  border: 1px solid color-mix(in srgb, var(--valor-accent) 55%, #93c5fd);
}

:root[data-theme="light"] .home-panel__icon {
  color: #114a8b;
  background: #e3efff;
  border-color: #91b4e6;
}

.home-trend {
  display: inline-flex;
  align-items: center;
  margin-top: 0.42rem;
  padding: 0.16rem 0.48rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
}

.home-trend--up {
  color: #34d399;
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.35);
}

.home-trend--down {
  color: #fb7185;
  background: rgba(244, 63, 94, 0.14);
  border-color: rgba(244, 63, 94, 0.35);
}

.home-trend--flat {
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(59, 130, 246, 0.34);
}

.home-trend--na {
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.14);
  border-color: rgba(148, 163, 184, 0.35);
}

:root[data-theme="light"] .home-trend--up {
  color: #166534;
  background: #ddf6e8;
  border-color: #88d2a8;
}

:root[data-theme="light"] .home-trend--down {
  color: #9f1239;
  background: #fde4ea;
  border-color: #f3a1b3;
}

:root[data-theme="light"] .home-trend--flat {
  color: #1d4ed8;
  background: #e3ecff;
  border-color: #9bb8f3;
}

:root[data-theme="light"] .home-trend--na {
  color: #334155;
  background: #edf1f7;
  border-color: #b8c5d7;
}

.home-metric--action-right {
  display: flex;
  flex-direction: column;
}

.home-metric__actions {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}

.home-metric--action-right > .btn,
.home-metric--action-right .home-metric__actions > .btn {
  margin-left: auto;
}



/* Ops Job Details: customer rating editor UX */
.ops-rating-form {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.ops-rating-form__row {
  display: grid;
  grid-template-columns: minmax(0, 130px) minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
  min-width: 0;
}

.ops-rating-form__field {
  min-width: 0;
}

.ops-rating-form__field .form-label {
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--valor-muted);
}

.ops-rating-form__field--reason textarea {
  resize: vertical;
  min-height: 4.2rem;
}

.ops-rating-form .form-control {
  width: 100%;
  max-width: 100%;
}

.ops-rating-form__actions {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
}

.ops-rating-form__hint {
  font-size: 0.73rem;
  color: var(--valor-muted);
}

@media (max-width: 576px) {
  .ops-rating-form__row {
    grid-template-columns: 1fr;
  }

  .ops-rating-form__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ops-rating-form__actions .btn {
    width: 100%;
  }
}





/* Home dashboard subtle background logo */
.home-dashboard--watermark {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: calc(100vh - 150px);
}

.home-dashboard__wm {
  position: absolute;
  left: 50%;
  top: calc(62% - 80px);
  transform: translate(-50%, -50%);
  width: clamp(980px, 96vmin, 1680px);
  height: auto;
  display: block;
  max-width: none;
  object-fit: contain;
  opacity: 0.19;
  filter: saturate(1.02) contrast(1.05);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.home-dashboard--watermark > *:not(.home-dashboard__wm) {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .home-dashboard__wm {
  opacity: 0.24;
  filter: saturate(0.98) contrast(1.04);
}

@media (max-width: 992px) {
  .home-dashboard--watermark {
    min-height: calc(100vh - 130px);
  }

  .home-dashboard__wm {
    top: calc(66% - 80px);
    width: clamp(720px, 126vmin, 1320px);
  }
}



/* Compact icon actions for task tables */
.task-icon-btn {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.86rem;
  line-height: 1;
}

.task-icon-btn:hover,
.task-icon-btn:focus {
  text-decoration: none;
}
.table-action-group {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}

.table-icon-btn {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-width: 1.5px;
}

.table-icon-btn svg {
  width: 0.95rem;
  height: 0.95rem;
}

.ui-action-icon {
  width: 0.95rem;
  height: 0.95rem;
  display: block;
  flex: 0 0 auto;
}

.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
.table-icon-btn:focus {
  text-decoration: none;
}

:root[data-theme="dark"] .table-icon-btn {
  color: #9ec5fe;
  border-color: rgba(158, 197, 254, 0.45);
  background: rgba(18, 35, 61, 0.45);
}

:root[data-theme="dark"] .table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="dark"] .table-icon-btn:focus {
  color: #d7e8ff;
  border-color: rgba(158, 197, 254, 0.72);
  background: rgba(28, 50, 83, 0.72);
}

:root[data-theme="light"] .table-icon-btn {
  color: #0d5fd1;
  border-color: rgba(13, 95, 209, 0.28);
  background: rgba(232, 241, 255, 0.95);
}

:root[data-theme="light"] .table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="light"] .table-icon-btn:focus {
  color: #084aa6;
  border-color: rgba(8, 74, 166, 0.4);
  background: rgba(214, 230, 255, 0.98);
}

.my-payments-expand svg {
  transition: transform 0.18s ease;
}

.my-payments-expand.is-open svg {
  transform: rotate(180deg);
}


.task-table .task-action-row form {
  display: inline-block;
  margin: 0;
}

.task-action-btn-edit {
  border-width: 1.5px;
  border-style: solid;
}

:root[data-theme="dark"] .task-action-btn-edit {
  color: color-mix(in srgb, var(--record-mode-edit-accent) 88%, #f8fafc 12%);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 54%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 14%, rgba(15, 23, 42, 0.28));
}

:root[data-theme="dark"] .task-action-btn-edit:hover,
:root[data-theme="dark"] .task-action-btn-edit:focus {
  color: #fff7ed;
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 72%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 22%, rgba(15, 23, 42, 0.38));
}

:root[data-theme="light"] .task-action-btn-edit {
  color: color-mix(in srgb, var(--record-mode-edit-accent) 88%, #7c2d12 12%);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 38%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 12%, #ffffff);
}

:root[data-theme="light"] .task-action-btn-edit:hover,
:root[data-theme="light"] .task-action-btn-edit:focus {
  color: color-mix(in srgb, var(--record-mode-edit-accent) 94%, #7c2d12 6%);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 52%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 18%, #ffffff);
}

/* Keep semantic edit actions on the edit accent even in shared icon-table patterns. */
:root[data-theme="dark"] .btn-edit-action.table-icon-btn,
:root[data-theme="dark"] .btn-edit-action.task-icon-btn,
:root[data-theme="dark"] .btn-edit-action.task-action-btn,
:root[data-theme="dark"] .table-icon-btn.btn-edit-action,
:root[data-theme="dark"] .task-icon-btn.btn-edit-action,
:root[data-theme="dark"] .task-action-btn.btn-edit-action {
  color: color-mix(in srgb, var(--record-mode-edit-accent) 88%, #f8fafc 12%);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 54%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 14%, rgba(15, 23, 42, 0.28));
}

:root[data-theme="dark"] .btn-edit-action.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="dark"] .btn-edit-action.table-icon-btn:focus,
:root[data-theme="dark"] .btn-edit-action.task-icon-btn:hover,
:root[data-theme="dark"] .btn-edit-action.task-icon-btn:focus,
:root[data-theme="dark"] .btn-edit-action.task-action-btn:hover,
:root[data-theme="dark"] .btn-edit-action.task-action-btn:focus,
:root[data-theme="dark"] .table-icon-btn.btn-edit-action:hover,
:root[data-theme="dark"] .table-icon-btn.btn-edit-action:focus,
:root[data-theme="dark"] .task-icon-btn.btn-edit-action:hover,
:root[data-theme="dark"] .task-icon-btn.btn-edit-action:focus,
:root[data-theme="dark"] .task-action-btn.btn-edit-action:hover,
:root[data-theme="dark"] .task-action-btn.btn-edit-action:focus {
  color: #fff7ed;
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 72%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 22%, rgba(15, 23, 42, 0.38));
}

:root[data-theme="light"] .btn-edit-action.table-icon-btn,
:root[data-theme="light"] .btn-edit-action.task-icon-btn,
:root[data-theme="light"] .btn-edit-action.task-action-btn,
:root[data-theme="light"] .table-icon-btn.btn-edit-action,
:root[data-theme="light"] .task-icon-btn.btn-edit-action,
:root[data-theme="light"] .task-action-btn.btn-edit-action {
  color: color-mix(in srgb, var(--record-mode-edit-accent) 88%, #7c2d12 12%);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 38%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 12%, #ffffff);
}

:root[data-theme="light"] .btn-edit-action.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="light"] .btn-edit-action.table-icon-btn:focus,
:root[data-theme="light"] .btn-edit-action.task-icon-btn:hover,
:root[data-theme="light"] .btn-edit-action.task-icon-btn:focus,
:root[data-theme="light"] .btn-edit-action.task-action-btn:hover,
:root[data-theme="light"] .btn-edit-action.task-action-btn:focus,
:root[data-theme="light"] .table-icon-btn.btn-edit-action:hover,
:root[data-theme="light"] .table-icon-btn.btn-edit-action:focus,
:root[data-theme="light"] .task-icon-btn.btn-edit-action:hover,
:root[data-theme="light"] .task-icon-btn.btn-edit-action:focus,
:root[data-theme="light"] .task-action-btn.btn-edit-action:hover,
:root[data-theme="light"] .task-action-btn.btn-edit-action:focus {
  color: color-mix(in srgb, var(--record-mode-edit-accent) 94%, #7c2d12 6%);
  border-color: color-mix(in srgb, var(--record-mode-edit-accent) 52%, transparent);
  background: color-mix(in srgb, var(--record-mode-edit-accent) 18%, #ffffff);
}

.task-action-btn-complete {
  border-width: 1.5px;
}

:root[data-theme="dark"] .task-action-btn-complete {
  color: #3ee596;
  border-color: rgba(62, 229, 150, 0.55);
  background: rgba(15, 61, 44, 0.38);
}

:root[data-theme="dark"] .task-action-btn-complete:hover,
:root[data-theme="dark"] .task-action-btn-complete:focus {
  color: #7ef2ba;
  border-color: rgba(126, 242, 186, 0.72);
  background: rgba(25, 88, 63, 0.52);
}

:root[data-theme="light"] .task-action-btn-complete {
  color: #0f8750;
  border-color: rgba(15, 135, 80, 0.45);
  background: rgba(221, 247, 234, 0.75);
}

:root[data-theme="light"] .task-action-btn-complete:hover,
:root[data-theme="light"] .task-action-btn-complete:focus {
  color: #0a6a3e;
  border-color: rgba(10, 106, 62, 0.55);
  background: rgba(201, 240, 221, 0.95);
}

/* Task edit UX parity */
.task-edit-form .card {
  border-radius: 0.8rem;
  overflow: visible;
}

.task-edit-form .card > .card-body,
.task-edit-grid__stack,
.task-edit-grid__stack > .card,
.task-edit-grid__stack > .card > .card-body {
  overflow: visible;
}

.task-edit-completed-check {
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--valor-table-border);
  border-radius: 0.65rem;
  min-height: 2.6rem;
  display: flex;
  align-items: center;
}

.task-job-search-results {
  position: absolute;
  top: calc(100% - 0.15rem);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 15.5rem;
  overflow-y: auto;
  padding: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--valor-accent) 26%, var(--valor-table-border));
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 92%, #101826 8%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.task-job-search {
  position: relative;
}

.ar-job-search__row {
  display: flex;
  align-items: flex-end;
  gap: 0.9rem;
}

.ar-job-search__field {
  flex: 1 1 34rem;
  min-width: 0;
}

.ar-job-search__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 767.98px) {
  .ar-job-search__row {
    flex-direction: column;
    align-items: stretch;
  }
}

.task-job-search-results__item {
  width: 100%;
  display: grid;
  gap: 0.18rem;
  padding: 0.8rem 0.9rem;
  text-align: left;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
  color: var(--valor-text);
}

.task-job-search-results__item:hover,
.task-job-search-results__item:focus-visible {
  background: color-mix(in srgb, var(--valor-accent) 12%, transparent);
  outline: none;
}

.task-job-search-results__name {
  font-weight: 700;
  line-height: 1.25;
}

.task-job-search-results__address {
  font-size: 0.88rem;
  color: var(--valor-muted);
  line-height: 1.25;
}

.task-job-selected {
  border: 1px solid var(--valor-table-border);
  border-radius: 0.65rem;
  padding: 0.7rem 0.85rem;
  background: var(--valor-shell-bg);
}

.task-job-selected__title {
  font-weight: 700;
}

.task-job-selected__address {
  font-size: 0.86rem;
  color: var(--valor-muted);
  margin-top: 0.2rem;
}

.task-job-selected__actions {
  margin-top: 0.55rem;
  display: inline-flex;
  gap: 0.45rem;
}

.task-edit-grid > [class*="col-"] {
  display: flex;
}

.task-edit-grid > [class*="col-"] > .card {
  width: 100%;
}

@media (min-width: 768px) {
  .task-edit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-right: 0;
    margin-left: 0;
  }

  .task-edit-grid > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding-right: 0;
    padding-left: 0;
  }
}




.leaderboard-tabs {
  display: inline-flex;
  gap: 0.35rem;
  padding: 0.2rem;
  border: 1px solid var(--valor-table-border);
  border-radius: 0.75rem;
  background: rgba(15, 23, 42, 0.28);
}

.leaderboard-tab {
  border-radius: 0.55rem;
  padding: 0.35rem 0.8rem;
  text-decoration: none;
  color: var(--valor-text);
  font-weight: 600;
  font-size: 0.9rem;
}

.leaderboard-tab:hover {
  text-decoration: none;
  background: rgba(59, 130, 246, 0.16);
}

.leaderboard-tab.active {
  background: #1d4ed8;
  color: #fff;
}

.leaderboard-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.leaderboard-summary-item {
  border: 1px solid var(--valor-table-border);
  border-radius: 0.7rem;
  padding: 0.6rem 0.8rem;
  background: rgba(15, 23, 42, 0.32);
}

.leaderboard-summary-item .label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--valor-muted);
}

.leaderboard-summary-item .value {
  font-size: 1.1rem;
  font-weight: 700;
  margin-top: 0.1rem;
}

.leaderboard-table-wrap {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

.leaderboard-table {
  --valor-table-row-bg: transparent;
  --valor-table-row-hover-bg: rgba(43, 51, 64, 0.46);
  --valor-table-sticky-bg: var(--valor-table-surface);
}

.leaderboard-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: var(--valor-table-header-bg);
}

.leaderboard-sticky-rank,
.leaderboard-sticky-rep {
  position: sticky;
  z-index: 6;
  background: var(--valor-table-sticky-bg, var(--valor-table-row-bg));
}

.leaderboard-table thead .leaderboard-sticky-rank,
.leaderboard-table thead .leaderboard-sticky-rep {
  z-index: 7;
  background: var(--valor-table-header-bg);
}

.leaderboard-sticky-rank {
  left: 0;
  min-width: 3rem;
  width: 3rem;
}

.leaderboard-sticky-rep {
  left: 3rem;
  min-width: 12rem;
}

.leaderboard-number {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 992px) {
  .leaderboard-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}




/* My pipeline pages (Leads / Opportunities) */
.my-pipeline-card {
  overflow: hidden;
}

.my-pipeline-card .card-header {
  border-bottom: 1px solid var(--valor-table-border);
}

.my-pipeline-table {
}


.my-pipeline-card .card-header h2 {
  font-size: 1.2rem;
  font-weight: 700;
}


.my-pipeline-tone-red .card-header {
  background: color-mix(in srgb, #7a1326 38%, var(--valor-card-bg));
}

.my-pipeline-tone-yellow .card-header {
  background: color-mix(in srgb, #876317 40%, var(--valor-card-bg));
}

.my-pipeline-tone-green .card-header {
  background: color-mix(in srgb, #155a38 40%, var(--valor-card-bg));
}

:root[data-theme="light"] .my-pipeline-tone-red .card-header {
  background: #f8e2e8;
}

:root[data-theme="light"] .my-pipeline-tone-yellow .card-header {
  background: #f8f1d8;
}

:root[data-theme="light"] .my-pipeline-tone-green .card-header {
  background: #e1f3e8;
}

.my-pipeline-note {
  border: 1px solid color-mix(in srgb, var(--valor-accent) 30%, var(--valor-table-border));
}

/* Ops warranty UX refinement */
.ops-warranty-summary {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.ops-warranty-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.6rem;
  border-radius: 999px;
  border: 1px solid var(--valor-table-border);
  background: color-mix(in srgb, var(--valor-accent) 10%, var(--valor-card-bg));
  font-size: 0.8rem;
}

.ops-warranty-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

@media (min-width: 1200px) {
  .ops-warranty-layout {
    grid-template-columns: minmax(0, 1.6fr) minmax(360px, 1fr);
  }

  .ops-warranty-sticky {
    position: sticky;
    top: 0.85rem;
  }
}

.ops-filter-status-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  border: 1px solid var(--valor-table-border);
  border-radius: 0.65rem;
  padding: 0.55rem;
  max-height: 8.25rem;
  overflow-y: auto;
}

.ops-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid var(--valor-table-border);
  border-radius: 999px;
  padding: 0.2rem 0.5rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 68%, var(--valor-card-bg));
  font-size: 0.82rem;
  white-space: nowrap;
}

.ops-status-chip input[type="checkbox"] {
  margin: 0;
}


.ops-issues-table td {
  vertical-align: top;
}

.ops-issues-table tbody tr {
  cursor: pointer;
}

.ops-issue-row-selected > td {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}

.ops-last-message {
  margin-top: 0.22rem;
  line-height: 1.28;
}

.ops-warranty-log-list {
  max-height: 16rem;
  overflow-y: auto;
  padding-right: 0.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.ops-log-item {
  border: 1px solid rgba(88, 112, 150, 0.5);
  border-radius: 0.45rem;
  padding: 0.45rem 0.55rem;
  background: rgba(12, 26, 44, 0.35);
}

.ops-log-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: baseline;
  font-size: 0.78rem;
  line-height: 1.2;
  color: #aeb8ca;
  margin-bottom: 0.28rem;
}

.ops-log-date {
  color: #dbe3f0;
  font-weight: 600;
}

.ops-log-by {
  color: #aeb8ca;
}

.ops-log-body {
  color: #eef3fb;
  font-size: 1rem;
  line-height: 1.38;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Ops warranty dense tuning */
.ops-warranty-summary-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.ops-issues-table {
}


.ops-issues-table th,
.ops-issues-table td {
  padding: 0.43rem 0.58rem;
  font-size: 0.86rem;
}

.ops-issues-table th {
  font-size: 0.74rem;
}

.ops-last-message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ops-warranty-page .card-body {
  padding: 0.8rem 0.9rem;
}

.ops-warranty-page .card-header {
  padding: 0.56rem 0.85rem;
}

.ops-warranty-page .form-label {
  font-size: 0.8rem;
  margin-bottom: 0.2rem;
}

.ops-warranty-page .form-text {
  font-size: 0.75rem;
}

.ops-warranty-page .form-control,
.ops-warranty-page .form-select {
  min-height: 2rem;
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
}

.ops-warranty-page .ops-validation-alert {
  border-color: #ff6b6b;
  background: rgba(120, 8, 8, 0.42);
  color: #ffd7d7;
  box-shadow: 0 0 0 1px rgba(255, 107, 107, 0.25);
}

.ops-warranty-page .ops-validation-alert ul {
  color: #ffe9e9;
}

.ops-warranty-page .ops-validation-alert-inline {
  font-weight: 600;
}

@media (max-width: 768px) {
  .ops-warranty-summary-wrap {
    width: 100%;
  }
}

/* Ops warranty table width tuning */
.ops-col-job {
  width: 14rem;
}

.ops-col-message {
  width: auto;
}

.ops-col-type {
  width: 7.5rem;
}

.ops-col-status {
  width: 9.5rem;
}

.ops-col-created {
  width: 7.5rem;
}

.ops-col-days {
  width: 5rem;
}

.ops-col-lastupdate {
  width: 8.25rem;
}

.ops-last-message {
  max-width: 100%;
  word-break: break-word;
}

/* Ops warranty readability corrections */
.ops-warranty-summary-wrap {
  margin-left: auto;
}

.ops-issues-table {
  table-layout: fixed;
  width: 100%;
}

.ops-col-job {
  width: 15.5rem;
}

.ops-col-type {
  width: 6.7rem;
}

.ops-col-status {
  width: 10rem;
}

.ops-col-created {
  width: 7rem;
}

.ops-col-days {
  width: 4.5rem;
}

.ops-col-lastupdate {
  width: 7.8rem;
}

.ops-issues-table td:first-child .fw-semibold {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ops-nowrap-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ops-last-message {
  margin-top: 0;
  -webkit-line-clamp: 3;
}


/* Ops warranty final table balance */
.ops-warranty-page .ops-issues-table {
  table-layout: auto;
  width: 100%;
}

.ops-warranty-page .ops-issues-table thead th {
  white-space: nowrap;
}

.ops-warranty-page .ops-col-job {
  width: 18%;
  min-width: 13.5rem;
}

.ops-warranty-page .ops-col-message {
  width: 42%;
  min-width: 18rem;
}

.ops-warranty-page .ops-col-type {
  width: 10%;
  min-width: 6.5rem;
}

.ops-warranty-page .ops-col-status {
  width: 13%;
  min-width: 8.5rem;
}

.ops-warranty-page .ops-col-created {
  width: 7%;
  min-width: 6.75rem;
}

.ops-warranty-page .ops-col-days {
  width: 4%;
  min-width: 4rem;
}

.ops-warranty-page .ops-col-lastupdate {
  width: 6%;
  min-width: 7.1rem;
}

.ops-warranty-page .ops-last-message {
  word-break: normal;
  overflow-wrap: break-word;
  -webkit-line-clamp: 2;
}



:root[data-theme="light"] .ops-warranty-page .ops-validation-alert {
  border-color: #dc3545;
  background: #ffe8ec;
  color: #7a1020;
  box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.2);
}

:root[data-theme="light"] .ops-warranty-page .ops-validation-alert ul {
  color: #7a1020;
}

:root[data-theme="light"] .ops-log-item {
  border-color: #d6e1ee;
  background: #f8fbff;
}

:root[data-theme="light"] .ops-log-meta {
  color: #5d7086;
}

:root[data-theme="light"] .ops-log-date {
  color: #1d3557;
}

:root[data-theme="light"] .ops-log-by {
  color: #5d7086;
}

:root[data-theme="light"] .ops-log-body {
  color: #15263a;
}

/* Ops reviews UX refresh */
.ops-reviews-page {
  max-width: 100%;
}

.ops-reviews-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.ops-reviews-subtitle {
  color: var(--valor-muted);
  font-size: 1.12rem;
}

.ops-reviews-range {
  color: var(--valor-muted);
  font-size: 0.96rem;
  margin-top: 0.2rem;
}

.ops-reviews-controls {
  display: flex;
  gap: 0.55rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.ops-reviews-kpis {
  display: flex;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.ops-reviews-kpi {
  border: 1px solid var(--valor-card-border);
  background: var(--valor-card-bg);
  border-radius: 999px;
  padding: 0.35rem 0.72rem;
  display: inline-flex;
  align-items: baseline;
  gap: 0.38rem;
}

.ops-reviews-kpi span {
  font-size: 0.8rem;
  color: var(--valor-muted);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.ops-reviews-kpi strong {
  font-size: 1rem;
}

.ops-reviews-chart-card .card-body {
  padding: 0.85rem 1rem;
}

.ops-reviews-chart-wrap {
  position: relative;
  min-height: 26rem;
}

@media (max-width: 991.98px) {
  .ops-reviews-chart-wrap {
    min-height: 22rem;
  }
}

@media (max-width: 767.98px) {
  .ops-reviews-controls {
    width: 100%;
  }

  .ops-reviews-controls .btn-group {
    width: 100%;
  }

  .ops-reviews-controls .btn-group .btn {
    flex: 1 1 auto;
  }

  .ops-reviews-chart-wrap {
    min-height: 18rem;
  }
}


/* Ops scorecard minor UX polish (grid unchanged) */
.ops-scorecard-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
}

.ops-scorecard-tools {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-left: auto;
}

.ops-scorecard-page #loadingIndicator {
  margin-bottom: 0.6rem;
}

@media (max-width: 767.98px) {
  .ops-scorecard-header-row {
    flex-wrap: wrap;
  }

  .ops-scorecard-tools {
    width: 100%;
  }
}

.ops-scorecard-context {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--valor-muted);
  letter-spacing: 0.01em;
  padding: 0.15rem 0.1rem;
}

:root[data-theme="light"] .ops-scorecard-context {
  color: #45566c;
}

.ops-scorecard-filter-card .card-header {
  background: var(--valor-table-header-bg);
  color: var(--valor-table-header-text);
  border-bottom: 1px solid var(--valor-table-header-border);
  letter-spacing: 0.02em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.ops-scorecard-filter-title {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.15;
  color: inherit;
}

.ops-scorecard-filter-subtitle {
  margin-top: 0.15rem;
  font-size: 0.86rem;
  color: color-mix(in srgb, var(--valor-table-header-text) 68%, transparent);
}

.ops-scorecard-filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
}

.ops-scorecard-filter-field {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.ops-scorecard-filter-card .form-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--valor-muted);
}

.valor-report-wide {
  background: var(--valor-table-surface);
  border: 1px solid var(--valor-table-border);
  border-radius: var(--valor-table-radius);
  overflow: hidden;
  margin-bottom: 0.45rem;
}

.valor-report-wide > .table-responsive {
  border-radius: inherit;
  overflow: auto;
}

.valor-report-wide > .table-responsive > .valor-report,
.valor-report-wide > .valor-report {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

.valor-report-wide > .table-responsive > .valor-report thead th:first-child,
.valor-report-wide > .valor-report thead th:first-child {
  border-top-left-radius: 0;
}

.valor-report-wide > .table-responsive > .valor-report thead th:last-child,
.valor-report-wide > .valor-report thead th:last-child {
  border-top-right-radius: 0;
}

.ops-scorecard-note {
  margin-top: 0.8rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.18);
  border-radius: 0.42rem;
  padding: 0.46rem 0.62rem;
  font-size: 0.84rem;
  color: #b9c7dd;
  line-height: 1.3;
}

.ops-scorecard-note strong {
  color: #d3def0;
  margin-right: 0.22rem;
  font-weight: 600;
}

:root[data-theme="light"] .ops-scorecard-note {
  border-color: #d7e1ef;
  background: #f9fbff;
  color: #4a617f;
}

:root[data-theme="light"] .ops-scorecard-note strong {
  color: #2f4d70;
}
.app-content-shell--fullscreen {
  max-width: 100%;
  padding: 0.4rem 0.4rem 0.2rem;
}

.ops-scorecard-fullscreen #loadingIndicator {
  margin-bottom: 0.35rem;
}

.ops-scorecard-fullscreen .table-responsive {
  border: 0;
}

.ops-scorecard-filter-card {
  overflow: hidden;
}

.ops-scorecard-filter-card {
  overflow: hidden;
}

/* Access Control information architecture refresh */
.access-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.2rem;
}

.access-subnav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--access-panel-border);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  color: var(--valor-text);
  font-weight: 700;
  text-decoration: none;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.access-subnav__link:hover {
  border-color: color-mix(in srgb, var(--valor-accent) 55%, var(--access-panel-border));
  background: color-mix(in srgb, var(--valor-accent) 12%, var(--access-panel-bg));
  color: var(--valor-text);
  transform: translateY(-1px);
}

.access-subnav__link.is-active {
  border-color: color-mix(in srgb, var(--valor-accent) 70%, var(--access-panel-border));
  background: color-mix(in srgb, var(--valor-accent) 18%, var(--access-panel-bg));
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}

.access-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.access-quick-card {
  border: 1px solid var(--access-panel-border);
  border-radius: 1.2rem;
  padding: 1.2rem 1.25rem;
  background: linear-gradient(145deg, color-mix(in srgb, var(--access-panel-bg) 96%, transparent), color-mix(in srgb, var(--access-panel-bg) 82%, #0f172a 18%));
  color: inherit;
  text-decoration: none;
  display: grid;
  gap: 0.45rem;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.access-quick-card:hover {
  color: inherit;
  border-color: color-mix(in srgb, var(--valor-accent) 55%, var(--access-panel-border));
}

.access-quick-card--accent {
  background: linear-gradient(145deg, color-mix(in srgb, #0f766e 18%, var(--access-panel-bg)), color-mix(in srgb, #1d4ed8 10%, var(--access-panel-bg)));
}

.access-quick-card__eyebrow {
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--valor-muted);
}

.access-quick-card strong {
  font-size: 1.08rem;
  line-height: 1.2;
}

.access-quick-card p {
  color: var(--valor-muted);
  line-height: 1.45;
}

.access-status-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.access-status-pill--disabled {
  background: rgba(239, 68, 68, 0.16);
  color: #fca5a5;
  border-color: rgba(248, 113, 113, 0.36);
}

.access-status-pill--info {
  background: rgba(59, 130, 246, 0.14);
  color: #93c5fd;
  border-color: rgba(96, 165, 250, 0.34);
}

.access-users-page .access-action-stack {
  min-width: 14rem;
}

:root[data-theme="light"] .access-status-pill--disabled {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fca5a5;
}

:root[data-theme="light"] .access-status-pill--info {
  background: #dbeafe;
  color: #1d4ed8;
  border-color: #93c5fd;
}

@media (max-width: 991.98px) {
  .access-quick-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .access-subnav {
    gap: 0.55rem;
  }

  .access-subnav__link {
    flex: 1 1 100%;
  }
}

.access-note-card {
  border: 1px solid var(--access-panel-border);
  border-radius: 1rem;
  padding: 1rem 1.05rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.access-note-card strong {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.95rem;
}

.access-note-card p {
  color: var(--valor-muted);
  line-height: 1.45;
}

.topbar-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 0;
}

.topbar-tenant-control {
  display: flex;
  align-items: center;
}

.topbar-tenant-form {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  flex-wrap: nowrap;
  min-width: 0;
}

.topbar-tenant-label,
.topbar-tenant-pill__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--valor-muted);
  white-space: nowrap;
  flex: 0 0 auto;
}

.topbar-tenant-select {
  min-width: 220px;
  width: 220px;
  max-width: 320px;
  flex: 0 1 320px;
}

.topbar-tenant-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--valor-card-border);
  background: color-mix(in srgb, var(--valor-card-bg) 88%, transparent);
  color: var(--valor-topbar-link);
  white-space: nowrap;
  flex: 0 1 auto;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topbar-tenant-pill strong {
  font-size: 0.9rem;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .topbar-controls {
    width: auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.5rem;
  }

  .topbar-tenant-form {
    width: auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .topbar-tenant-select {
    min-width: 170px;
    width: 170px;
    max-width: 170px;
  }

  .topbar-tenant-pill {
    max-width: 170px;
  }
}

@media (max-width: 991.98px) {
  .modern-shell {
    position: relative;
  }

  .modern-shell .modern-sidebar .navbar-nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .modern-shell .modern-sidebar .navbar-nav > .nav-item {
    width: 100%;
    display: block;
    flex: 0 0 auto;
  }

  .modern-shell .modern-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: min(84vw, 320px);
    flex-basis: min(84vw, 320px);
    max-width: min(84vw, 320px);
    overflow-y: auto;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.38);
    transform: translateX(-100%);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  html.mobile-nav-open .modern-shell .modern-sidebar {
    transform: translateX(0);
  }

  html.sidebar-collapsed .modern-shell .modern-sidebar {
    width: min(84vw, 320px);
    flex-basis: min(84vw, 320px);
    max-width: min(84vw, 320px);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }

  html.sidebar-collapsed .modern-shell .modern-sidebar .container-fluid {
    padding-left: var(--tblr-gutter-x, 1rem);
    padding-right: var(--tblr-gutter-x, 1rem);
  }

  html.sidebar-collapsed .modern-shell .modern-sidebar .brand-text,
  html.sidebar-collapsed .modern-shell .modern-sidebar .nav-link-title,
  html.sidebar-collapsed .modern-shell .modern-sidebar .nav-section-title {
    display: initial;
  }

  .page-wrapper {
    width: 100%;
  }

  .topbar-inner {
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }

  .topbar-inner > .navbar-nav.w-100 {
    width: 100% !important;
    flex: 1 1 100%;
    min-width: 0;
  }

  .topbar-inner > .navbar-nav.w-100 .nav-item {
    justify-content: flex-start;
  }

  .topbar-inner > .navbar-nav.flex-row {
    width: 100%;
    min-width: 0;
    flex: 1 1 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .topbar-collapsed-brand {
    display: inline-flex;
    min-width: 0;
    max-width: calc(100vw - 7.5rem);
  }

  .topbar-collapsed-brand .brand-text {
    display: inline;
  }

  .sidebar-toggle-btn {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
  }

  .topbar-controls {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .topbar-tenant-form {
    flex: 1 1 14rem;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .topbar-tenant-select {
    min-width: 0;
    width: 100%;
    max-width: none;
    flex: 1 1 12rem;
  }

  .topbar-tenant-pill {
    max-width: 100%;
  }
}

.access-subnav {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.45rem;
  border-radius: 1.25rem;
  border: 1px solid var(--access-panel-border);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}

.access-subnav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: 0.7rem 1.15rem;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--valor-text);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.access-subnav__link:hover,
.access-subnav__link:focus,
.access-subnav__link:active,
.access-subnav__link:visited {
  color: var(--valor-text);
  text-decoration: none;
}

.access-subnav__link:hover {
  border-color: color-mix(in srgb, var(--valor-accent) 40%, var(--access-panel-border));
  background: color-mix(in srgb, var(--valor-accent) 10%, var(--access-panel-bg));
  transform: translateY(-1px);
}

.access-subnav__link.is-active {
  border-color: color-mix(in srgb, var(--valor-accent) 65%, var(--access-panel-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--valor-accent) 22%, var(--access-panel-bg)), color-mix(in srgb, #1d4ed8 14%, var(--access-panel-bg)));
  color: #f8fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 24px rgba(29, 78, 216, 0.22);
}

.access-subnav__link.is-active:hover,
.access-subnav__link.is-active:focus,
.access-subnav__link.is-active:active,
.access-subnav__link.is-active:visited {
  color: #f8fbff;
  text-decoration: none;
}

.access-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

.access-catalog-card {
  height: 100%;
}

@media (max-width: 1199.98px) {
  .access-catalog-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .access-subnav {
    display: flex;
    width: 100%;
    gap: 0.4rem;
    padding: 0.4rem;
  }

  .access-subnav__link {
    flex: 1 1 calc(50% - 0.2rem);
    min-width: 0;
  }
}



.access-catalog-grid--two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-role-editor-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 1rem;
  align-items: end;
}

.access-role-editor-toolbar__field {
  display: grid;
  gap: 0.4rem;
}

.access-role-editor-toolbar__note {
  color: var(--valor-muted);
  font-size: 0.94rem;
}

.access-role-editor {
  border: 1px solid var(--access-panel-border);
  border-radius: 1rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.access-role-editor__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.access-role-editor__tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
  align-items: center;
}

.access-role-editor__tools .form-control {
  min-width: 14rem;
}

.access-role-editor__count {
  font-size: 0.88rem;
  color: var(--valor-muted);
}

.access-permission-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.access-permission-option {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.85rem 0.9rem;
  border: 1px solid var(--access-panel-border);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  cursor: pointer;
}

.access-permission-option__body {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.access-permission-option code {
  white-space: normal;
  word-break: break-word;
}

@media (max-width: 1199.98px) {
  .access-catalog-grid--two-up,
  .access-permission-checklist,
  .access-role-editor-toolbar {
    grid-template-columns: 1fr;
  }

  .access-role-editor__header {
    flex-direction: column;
  }

  .access-role-editor__tools {
    justify-content: flex-start;
  }
}

/* Party workspace */
.party-page,
.party-detail-page {
    display: grid;
    gap: 1.5rem;
}

.party-page__hero,
.party-detail-hero,
.party-form-page__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.party-page__eyebrow {
    margin: 0 0 .35rem;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .72rem;
    color: var(--valor-text-muted);
}

.party-page h1,
.party-detail-hero h1,
.party-form-page h1 {
    margin: 0;
}

.party-page__intro,
.party-detail-hero__summary {
    margin: .5rem 0 0;
    max-width: 60rem;
    color: var(--valor-text-muted);
}

.party-overview-grid,
.party-detail-layout {
    display: grid;
    gap: 1rem;
}

.party-overview-grid {
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.party-overview-card,
.party-card,
.party-form-page {
    border: 1px solid var(--valor-table-border);
    border-radius: 1.25rem;
    background: linear-gradient(180deg, var(--valor-panel-bg) 0%, rgba(255,255,255,0.02) 100%);
    padding: 1.25rem;
}

.party-overview-card__label {
    display: block;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--valor-text-muted);
    margin-bottom: .5rem;
}

.party-overview-card strong {
    display: block;
    font-size: 1.55rem;
    line-height: 1;
    margin-bottom: .5rem;
}

.party-overview-card p,
.party-card__header p {
    margin: 0;
    color: var(--valor-text-muted);
    font-size: 0.88rem;
}

.party-segment-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.party-segment-pill {
    padding: .7rem 1rem;
    border-radius: 999px;
    text-decoration: none;
    border: 1px solid var(--valor-table-border);
    color: var(--valor-text);
    background: rgba(255,255,255,0.02);
    font-weight: 600;
}

.party-segment-pill.is-active {
    background: rgba(37, 99, 235, 0.18);
    border-color: rgba(59, 130, 246, 0.65);
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.2) inset;
}

.party-search-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
    gap: 1rem;
    align-items: end;
}

.party-search-grid__actions {
    display: flex;
    gap: .75rem;
}

.party-directory-table__name {
    font-weight: 700;
}

.party-directory-table__meta {
    margin-top: .2rem;
    color: var(--valor-text-muted);
    font-size: .9rem;
}

.party-action-group {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

.party-icon-btn {
    min-width: 0;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
}

.party-icon-btn svg {
    width: 1.05rem;
    height: 1.05rem;
}

.party-icon-btn:hover,
.party-icon-btn:focus {
    text-decoration: none;
}

.party-icon-btn--accent {
    border-width: 1.5px;
}

:root[data-theme="dark"] .party-icon-btn--accent {
    color: #f7c24d;
    border-color: rgba(247, 194, 77, 0.45);
    background: rgba(96, 67, 9, 0.22);
}

:root[data-theme="dark"] .party-icon-btn--accent:hover,
:root[data-theme="dark"] .party-icon-btn--accent:focus {
    color: #ffd782;
    border-color: rgba(255, 215, 130, 0.65);
    background: rgba(122, 85, 11, 0.32);
}

:root[data-theme="light"] .party-icon-btn--accent {
    color: #9a6500;
    border-color: rgba(154, 101, 0, 0.34);
    background: rgba(255, 242, 206, 0.84);
}

:root[data-theme="light"] .party-icon-btn--accent:hover,
:root[data-theme="light"] .party-icon-btn--accent:focus {
    color: #7a5100;
    border-color: rgba(122, 81, 0, 0.48);
    background: rgba(255, 232, 171, 0.96);
}

.party-status-chip,
.party-type-pill {
    display: inline-flex;
    align-items: center;
    padding: .45rem .8rem;
    border-radius: 999px;
    font-weight: 700;
}

.party-status-chip.is-active {
    color: #d1fae5;
    background: rgba(22, 163, 74, 0.28);
}

.party-status-chip.is-inactive {
    color: #fecaca;
    background: rgba(127, 29, 29, 0.32);
}

.party-type-pill {
    color: var(--valor-text);
    background: rgba(255,255,255,0.06);
}

.party-detail-hero__meta {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.party-detail-hero__back {
    display: inline-block;
    margin-bottom: .75rem;
    text-decoration: none;
    color: var(--valor-link);
    font-weight: 600;
}

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

.party-card--full {
    grid-column: 1 / -1;
}

.party-card__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 0.55rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.party-card__header h2 {
    margin: 0 0 .25rem;
    font-size: 1.25rem;
}

.customer-edit-page {
    display: grid;
    gap: 1.5rem;
}

.customer-edit-page__hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.customer-edit-page__hero-actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
}

.customer-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.customer-edit-shell {
    padding: 1.5rem;
}

.customer-edit-form {
    display: grid;
    gap: 1.25rem;
}

.customer-edit-card {
    margin: 0;
}

.customer-edit-toggle {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    padding: .95rem 1rem;
    min-height: 100%;
    border: 1px solid var(--valor-table-border);
    border-radius: 1rem;
    background: rgba(255,255,255,0.03);
}

.customer-edit-toggle .form-check-input {
    margin-top: .15rem;
    flex: 0 0 auto;
}

.customer-edit-toggle label {
    font-weight: 700;
    margin-bottom: .25rem;
}

.customer-edit-toggle p {
    margin: 0;
    color: var(--valor-text-muted);
    font-size: .92rem;
}

.customer-edit-toggle--warn {
    background: rgba(185, 28, 28, 0.08);
}

.customer-edit-note {
    font-weight: 600;
}

.customer-edit-footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding-top: .25rem;
}

.customer-edit-footer__hint {
    color: var(--valor-text-muted);
    max-width: 44rem;
}

.customer-edit-footer__actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
}

@media (max-width: 992px) {
    .customer-edit-page__hero,
    .customer-edit-footer {
        flex-direction: column;
    }

    .customer-edit-page__hero-actions,
    .customer-edit-footer__actions {
        width: 100%;
        justify-content: flex-start;
    }

    .customer-edit-grid {
        grid-template-columns: 1fr;
    }
}

.party-readonly-field {
    min-height: 2.85rem;
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    border-radius: .85rem;
    border: 1px solid var(--valor-table-border);
    background: rgba(255,255,255,0.03);
}

.party-role-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: .75rem;
}

.party-role-chip {
    display: flex;
    gap: .6rem;
    align-items: center;
    border: 1px solid var(--valor-table-border);
    border-radius: 1rem;
    padding: .85rem 1rem;
    background: rgba(255,255,255,0.02);
    font-weight: 600;
}

.party-role-chip.is-selected {
    border-color: rgba(59, 130, 246, 0.6);
    background: rgba(59, 130, 246, 0.15);
}

.party-stack-list,
.party-relationship-list,
.party-job-list {
    display: grid;
    gap: .9rem;
}

.party-inline-editor,
.party-relationship-item,
.party-job-list__item,
.party-address-card {
    border: 1px solid var(--valor-table-border);
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(255,255,255,0.02);
}

.party-inline-editor {
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    align-items: center;
}

.party-inline-editor__form {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto;
    gap: .75rem;
    align-items: center;
    flex: 1;
}

.party-inline-editor__check {
    margin: 0;
    white-space: nowrap;
}

.party-address-grid {
    display: grid;
    gap: 1rem;
}

.party-relationship-item {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.party-relationship-form {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: end;
}

.party-job-list__item {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    text-decoration: none;
    color: inherit;
}

.party-job-list__item span {
    color: var(--valor-text-muted);
}

@media (max-width: 991px) {
    .party-detail-layout {
        grid-template-columns: 1fr;
    }

    .party-card--full {
        grid-column: auto;
    }

    .party-inline-editor,
    .party-relationship-item,
    .party-page__hero,
    .party-detail-hero,
    .party-form-page__header {
        flex-direction: column;
        align-items: stretch;
    }

    .party-inline-editor__form,
    .party-relationship-form,
    .party-search-grid {
        grid-template-columns: 1fr;
    }
}




.my-commissions-header {
  align-items: end;
}

.my-commissions-kpis .party-overview-card {
  min-height: 10.5rem;
}

.my-commissions-kpi {
  position: relative;
  overflow: hidden;
}

.my-commissions-kpi::after {
  content: "";
  position: absolute;
  inset: auto -2rem -2rem auto;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-accent) 16%, transparent);
  pointer-events: none;
}

.my-commissions-kpi--due::after {
  background: color-mix(in srgb, #f59e0b 18%, transparent);
}

.my-commissions-kpi--paid::after {
  background: color-mix(in srgb, #10b981 18%, transparent);
}

.my-commissions-layout {
  display: grid;
  gap: 1rem;
}

.my-commissions-panel {
  padding: 1.1rem;
}

.my-commissions-panel__heading {
  margin-bottom: 1rem;
}

.my-commissions-table thead th {
  white-space: nowrap;
  font-size: 0.68rem;
}

.account-manage-shell {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}

.account-manage-shell__nav-card {
  position: sticky;
  top: 1.5rem;
  border: 1px solid var(--valor-card-border);
  border-radius: 1.25rem;
  background: var(--valor-card-bg);
  color: var(--valor-text);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  padding: 1.25rem;
}

.account-manage-page {
  display: grid;
  gap: 1.25rem;
}

.account-manage-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  padding: 1.5rem 1.75rem;
  border: 1px solid var(--tblr-border-color);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 38%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(30, 41, 59, 0.92));
  color: #f8fafc;
}

.account-manage-eyebrow,
.account-manage-panel__eyebrow,
.account-manage-nav__eyebrow {
  margin: 0 0 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.74rem;
  font-weight: 700;
  opacity: 0.74;
}

.account-manage-title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.6rem);
  line-height: 1.05;
}

.account-manage-copy {
  margin: 0.75rem 0 0;
  max-width: 48rem;
  color: rgba(248, 250, 252, 0.82);
}

.account-manage-hero__meta {
  display: flex;
  align-items: center;
}

.account-manage-badge {
  display: grid;
  gap: 0.2rem;
  min-width: 180px;
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.32);
  border: 1px solid rgba(148, 163, 184, 0.22);
}

.account-manage-badge__label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(248, 250, 252, 0.72);
}

.account-manage-grid {
  display: grid;
  gap: 1.25rem;
}

.account-manage-panel {
  border: 1px solid var(--valor-card-border);
  border-radius: 1.35rem;
  background: var(--valor-card-bg);
  color: var(--valor-text);
  padding: 1.5rem;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
}

.account-manage-panel--narrow {
  max-width: 760px;
}

.account-manage-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

.account-manage-panel__header h2,
.account-manage-nav__title {
  margin: 0;
  font-size: 1.35rem;
}

.account-manage-panel__copy,
.account-manage-nav__copy {
  color: var(--valor-muted);
  max-width: 46rem;
}

.account-manage-panel .form-label,
.account-theme-picker .form-label,
.account-manage-page .form-label,
.account-manage-page .form-text,
.account-manage-page .text-danger,
.account-manage-nav,
.account-manage-fact strong,
.account-manage-panel strong,
.account-manage-panel h2,
.account-manage-nav__title {
  color: var(--valor-text);
}

.account-manage-page .form-text,
.account-manage-nav__hint {
  color: var(--valor-muted);
}

.account-manage-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.9rem;
}

.account-manage-fact {
  display: grid;
  gap: 0.35rem;
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(148, 163, 184, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.14);
}

.account-manage-fact__label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--valor-muted);
}

.account-theme-picker {
  display: grid;
  gap: 0.8rem;
  max-width: 440px;
}

.account-theme-picker__select {
  min-width: 180px;
}

.account-theme-picker__preview {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  width: fit-content;
  padding: 0.8rem 1rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.14);
}

.account-theme-picker__swatch {
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.account-theme-picker__swatch--dark {
  background: #111827;
}

.account-theme-picker__swatch--light {
  background: #f8fafc;
}

.account-manage-security-note {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--valor-muted);
}

.account-manage-security-note__dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #22c55e, #38bdf8);
  box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.12);
}

.account-manage-form .form-control {
  min-height: 48px;
  background: var(--access-input-bg);
  color: var(--valor-text);
  border-color: var(--valor-card-border);
}

.account-manage-form .form-control::placeholder {
  color: color-mix(in srgb, var(--valor-muted) 82%, transparent);
}

.account-manage-form .form-control:focus,
.account-theme-picker__select:focus {
  background: var(--access-input-bg);
  color: var(--valor-text);
  border-color: color-mix(in srgb, var(--valor-accent) 55%, var(--valor-card-border));
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--valor-accent) 20%, transparent);
}

.account-theme-picker__select {
  background: var(--access-input-bg);
  color: var(--valor-text);
  border-color: var(--valor-card-border);
}

.account-manage-nav {
  display: grid;
  gap: 1rem;
}

.account-manage-nav__items {
  display: grid;
  gap: 0.75rem;
}

.account-manage-nav__link {
  display: grid;
  gap: 0.2rem;
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(148, 163, 184, 0.06);
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.account-manage-nav__link:hover,
.account-manage-nav__link:focus {
  transform: translateY(-1px);
  color: inherit;
  border-color: rgba(59, 130, 246, 0.35);
  background: rgba(59, 130, 246, 0.08);
}

.account-manage-nav__link.is-active {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(59, 130, 246, 0.14);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.14);
}

.account-manage-nav__label {
  font-weight: 700;
}

.account-manage-nav__hint {
  font-size: 0.88rem;
  color: var(--valor-muted);
}

:root[data-theme="light"] .account-manage-hero {
  background:
    radial-gradient(circle at top right, rgba(14, 116, 144, 0.12), transparent 38%),
    linear-gradient(135deg, #f8fbff, #eef4ff);
  color: #0f172a;
}

:root[data-theme="light"] .account-manage-copy,
:root[data-theme="light"] .account-manage-badge__label {
  color: rgba(15, 23, 42, 0.72);
}

:root[data-theme="light"] .account-manage-badge {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(148, 163, 184, 0.25);
}

:root[data-theme="dark"] .account-manage-shell__nav-card,
:root[data-theme="dark"] .account-manage-panel {
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

:root[data-theme="dark"] .account-manage-fact,
:root[data-theme="dark"] .account-manage-nav__link,
:root[data-theme="dark"] .account-theme-picker__preview {
  background: color-mix(in srgb, var(--valor-card-bg) 88%, #0f172a);
  border-color: color-mix(in srgb, var(--valor-card-border) 76%, #64748b);
}

:root[data-theme="dark"] .account-manage-nav__link.is-active {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.24), rgba(14, 165, 233, 0.12));
  border-color: rgba(96, 165, 250, 0.52);
}

.my-commissions-amount,
.my-commissions-paid-column {
  min-width: 7rem;
  width: 1%;
  white-space: nowrap;
  text-align: right !important;
}

.my-commissions-amount .my-commissions-balance,
.my-commissions-paid-column .my-commissions-balance {
  display: block;
  width: 100%;
  text-align: right;
}

.my-commissions-job-cell strong a,
.my-commissions-job-cell strong {
  font-size: 0.92rem;
}

.my-commissions-job-meta {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--valor-muted);
}

.my-commissions-split {
  display: grid;
  gap: 0.2rem;
  min-width: 8.8rem;
  font-size: 0.88rem;
  line-height: 1.25;
}

.my-commissions-split span {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.my-commissions-balance {
  color: #fbbf24;
}

:root[data-theme="light"] .my-commissions-balance {
  color: #b45309;
}

@media (max-width: 900px) {
  .my-commissions-panel__heading {
    align-items: flex-start;
  }

  .my-commissions-split {
    min-width: 8rem;
  }
}

/* Shared themed alerts so future page messages render legibly in both modes */
.alert {
  border-width: 1px;
  border-style: solid;
  border-radius: 0.9rem;
}

.alert a,
.alert .alert-link {
  color: inherit;
}

:root[data-theme="dark"] .alert {
  background: color-mix(in srgb, var(--access-panel-bg) 86%, #0f172a 14%);
  border-color: color-mix(in srgb, var(--access-panel-border) 90%, transparent);
  color: #ecf2f8;
}

:root[data-theme="dark"] .alert-info {
  background: rgba(11, 26, 44, 0.92);
  border-color: rgba(125, 211, 252, 0.34);
  color: #e7f1ff;
}

:root[data-theme="dark"] .alert-secondary {
  background: rgba(30, 41, 59, 0.9);
  border-color: rgba(148, 163, 184, 0.3);
  color: #e5edf6;
}

:root[data-theme="dark"] .alert-success {
  background: rgba(6, 36, 27, 0.92);
  border-color: rgba(74, 222, 128, 0.3);
  color: #dcfce7;
}

:root[data-theme="dark"] .alert-warning {
  background: rgba(56, 33, 7, 0.92);
  border-color: rgba(251, 191, 36, 0.34);
  color: #fef3c7;
}

:root[data-theme="dark"] .alert-danger {
  background: rgba(69, 10, 10, 0.9);
  border-color: rgba(248, 113, 113, 0.32);
  color: #fee2e2;
}

:root[data-theme="dark"] .alert-primary {
  background: rgba(23, 37, 84, 0.9);
  border-color: rgba(96, 165, 250, 0.3);
  color: #dbeafe;
}

:root[data-theme="light"] .alert {
  background: #f8fbff;
  border-color: #d8e4f2;
  color: #18324b;
}

:root[data-theme="light"] .alert-info {
  background: #edf6ff;
  border-color: #bfdcff;
  color: #163252;
}

:root[data-theme="light"] .alert-secondary {
  background: #f3f6f9;
  border-color: #d9e1ea;
  color: #314154;
}

:root[data-theme="light"] .alert-success {
  background: #ecfdf3;
  border-color: #b7ebc9;
  color: #14532d;
}

:root[data-theme="light"] .alert-warning {
  background: #fff7e6;
  border-color: #f6d38b;
  color: #7c4208;
}

:root[data-theme="light"] .alert-danger {
  background: #fff1f2;
  border-color: #f5c2c7;
  color: #7f1d1d;
}

:root[data-theme="light"] .alert-primary {
  background: #edf4ff;
  border-color: #c7dafc;
  color: #163252;
}


.my-payments-layout {
  display: grid;
  grid-template-columns: minmax(18rem, 26rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin-bottom: 1rem;
}

.my-payments-filter-panel {
  padding: 1.1rem;
}

.my-payments-header {
  align-items: end;
}

.my-payments-panel__heading {
  margin-bottom: 1rem;
}

.my-payments-filter-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.my-payments-filter-form__search,
.my-payments-filter-form__toggle,
.my-payments-filter-form__actions {
  grid-column: 1 / -1;
}

.my-payments-filter-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.my-payments-filter-form__toggle {
  justify-self: start;
}

.my-payments-kpis {
  align-self: stretch;
}

.my-payments-kpis .party-overview-card {
  min-height: 10.25rem;
}

.my-payments-kpi {
  position: relative;
  overflow: hidden;
}

.my-payments-kpi::after {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  right: -1.85rem;
  bottom: -1.85rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-accent) 14%, transparent);
  pointer-events: none;
}

.my-payments-kpi--paid::after {
  background: color-mix(in srgb, #10b981 16%, transparent);
}

.my-payments-kpi--earned::after {
  background: color-mix(in srgb, #2563eb 16%, transparent);
}

.my-payments-ledger-panel {
  padding: 1.1rem;
}

.my-payments-table thead th,
.my-payments-detail-table thead th {
  white-space: nowrap;
  font-size: 0.68rem;
}

.my-payments-expand {`r`n  min-width: 0;`r`n  width: 1.95rem;`r`n  padding: 0;`r`n}

.my-payments-detail-card {
  padding: 1rem;
  border-top: 1px solid var(--access-panel-border);
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
  display: grid;
  gap: 0.85rem;
}

.my-payments-detail-table-wrap {
  border-radius: 0.9rem;
}

.my-payments-detail-note {
  color: var(--valor-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .my-payments-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .my-payments-filter-form {
    grid-template-columns: 1fr;
  }

  .my-payments-filter-form__actions {
    justify-content: stretch;
  }

  .my-payments-filter-form__actions .btn {
    flex: 1 1 10rem;
  }
}






























.sales-pipeline-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  align-items: stretch;
}

.sales-pipeline-summary-card {
  position: relative;
  min-height: 11.5rem;
  padding: 1rem 1rem 1.1rem;
}

.sales-pipeline-summary-card--active {
  border-color: color-mix(in srgb, var(--valor-accent) 48%, var(--valor-table-border));
  background: linear-gradient(180deg, color-mix(in srgb, var(--valor-panel-bg) 92%, #1d4ed8 8%) 0%, rgba(255,255,255,0.02) 100%);
}

.sales-pipeline-summary-card__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .55rem;
}

.sales-pipeline-summary-card__ratio {
  font-size: .72rem;
  font-weight: 700;
  color: var(--valor-text-muted);
  white-space: nowrap;
}

.sales-pipeline-summary-card strong {
  font-size: 1.7rem;
  line-height: 1;
  margin-bottom: .35rem;
}

.sales-pipeline-summary-card__metric {
  margin-bottom: .45rem !important;
  font-size: .76rem !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--valor-text-muted) !important;
}

.sales-pipeline-summary-card p:last-child {
  max-width: 18rem;
}

.sales-pipeline-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.sales-pipeline-homeowner-cell strong {
  font-weight: 700;
}

@media (max-width: 1200px) {
  .sales-pipeline-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
  }
}


.jobs-dashboard-table {
  font-size: 0.84rem;
}

.jobs-dashboard-table thead th,
.jobs-dashboard-table tbody td {
  white-space: nowrap;
  vertical-align: middle;
}

.jobs-dashboard-table tbody td:first-child,
.jobs-dashboard-table tbody td:last-child {
  white-space: normal;
}

.jobs-dashboard-table tbody tr.jobs-row-danger > td {
  background: rgba(122, 5, 40, 0.42);
}

.jobs-dashboard-table tbody tr.jobs-row-warning > td {
  background: rgba(120, 53, 15, 0.28);
}

:root[data-theme="light"] .jobs-dashboard-table tbody tr.jobs-row-danger > td {
  background: #f9d9e2;
}

:root[data-theme="light"] .jobs-dashboard-table tbody tr.jobs-row-warning > td {
  background: #fde7c7;
}

.ops-jobs-name-cell {
  display: grid;
  gap: 0.32rem;
  min-width: 17rem;
}

.ops-jobs-name-link {
  font-weight: 800;
  font-size: 0.98rem;
  line-height: 1.2;
  color: var(--valor-link);
  text-decoration: none;
}

.ops-jobs-name-link:hover,
.ops-jobs-name-link:focus {
  text-decoration: underline;
}

.ops-jobs-customer {
  color: var(--bs-body-color);
  font-size: 0.86rem;
  opacity: 0.88;
}

.ops-jobs-subline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}


.ops-jobs-status-cell {
  display: grid;
  gap: 0.35rem;
  min-width: 12rem;
  justify-items: start;
  text-align: left;
}

.ops-jobs-status {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.ops-jobs-status-note,
.ops-jobs-task-note {
  font-size: 0.77rem;
  color: var(--bs-secondary-color);
  line-height: 1.25;
}

.ops-jobs-status-note {
  padding-left: 0.5rem;
}

.ops-jobs-task-metric {
  display: grid;
  justify-items: end;
  gap: 0.18rem;
}

.ops-jobs-status--success {
  background: rgba(25, 135, 84, 0.18);
  color: #65d49f;
}

.ops-jobs-status--warning {
  background: rgba(255, 193, 7, 0.18);
  color: #ffcd56;
}

.ops-jobs-status--danger {
  background: rgba(220, 53, 69, 0.18);
  color: #ff8d9b;
}

.ops-jobs-stage-pill {
  display: inline-flex;
  align-items: center;
  max-width: 14rem;
  padding: 0.28rem 0.6rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  background: color-mix(in srgb, var(--valor-surface) 86%, transparent);
  color: var(--bs-body-color);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.1;
}

:root[data-theme="light"] .ops-jobs-status--success {
  background: #d8f5e5;
  color: #0f6d45;
}

:root[data-theme="light"] .ops-jobs-status--warning {
  background: #fff1cb;
  color: #8c5b00;
}

:root[data-theme="light"] .ops-jobs-status--danger {
  background: #ffe1e6;
  color: #9f213b;
}

:root[data-theme="light"] .ops-jobs-stage-pill {
  background: #f3f5fa;
  border-color: #cfd8ea;
  color: #334155;
}

.ops-jobs-action-row {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.24rem;
  flex-wrap: nowrap;
  min-width: 8.4rem;
}

.jobs-dashboard-table {
  table-layout: auto;
}

.jobs-dashboard-table thead th,
.jobs-dashboard-table tbody td {
  padding-top: 0.78rem;
  padding-bottom: 0.78rem;
}

.jobs-dashboard-table th:nth-child(1),
.jobs-dashboard-table td:nth-child(1) {
  min-width: 11rem;
}

.jobs-dashboard-table th:nth-child(2),
.jobs-dashboard-table td:nth-child(2) {
  min-width: 15rem;
}

.jobs-dashboard-table th:nth-child(3),
.jobs-dashboard-table td:nth-child(3) {
  min-width: 12rem;
}

.jobs-dashboard-table th:nth-child(4),
.jobs-dashboard-table td:nth-child(4) {
  min-width: 9rem;
}

.jobs-dashboard-table th:nth-child(5),
.jobs-dashboard-table th:nth-child(6),
.jobs-dashboard-table th:nth-child(7),
.jobs-dashboard-table td:nth-child(5),
.jobs-dashboard-table td:nth-child(6),
.jobs-dashboard-table td:nth-child(7) {
  min-width: 4rem;
}

.jobs-dashboard-table th:nth-child(8),
.jobs-dashboard-table td:nth-child(8) {
  min-width: 9rem;
}

.jobs-dashboard-table th:last-child,
.jobs-dashboard-table td:last-child {
  width: 1%;
  white-space: nowrap;
}

.jobs-dashboard-table td {
  vertical-align: middle;
}

.jobs-dashboard-table .table-icon-btn {
  width: 1.72rem;
  min-width: 1.72rem;
  height: 1.72rem;
  padding: 0;
}

.jobs-dashboard-table .ops-jobs-name-cell,
.jobs-dashboard-table .ops-jobs-status-cell {
  min-width: 0;
}

.jobs-dashboard-table .ops-jobs-name-link,
.jobs-dashboard-table .ops-jobs-customer,
.jobs-dashboard-table td:nth-child(3) {
  overflow-wrap: anywhere;
}

.jobs-dashboard-table .ops-jobs-stage-pill {
  max-width: 100%;
}

.jobs-dashboard-table th:last-child,
.jobs-dashboard-table td:last-child {
  padding-right: 0.55rem;
}

.ops-jobs-inline-form {
  display: inline-block;
  margin: 0;
}

.ops-jobs-expand svg {
  transition: transform 0.18s ease;
}

.ops-jobs-expand.is-open svg {
  transform: rotate(180deg);
}

.ops-jobs-detail-row > td {
  border-top: 0;
}

.jobs-dashboard-table tbody tr.ops-jobs-detail-row > td {
  background: transparent;
}

.ops-jobs-detail-card {
  padding: 0.9rem 1rem 1rem;
  border-top: 1px solid var(--valor-table-border);
  background: color-mix(in srgb, var(--access-panel-bg) 95%, transparent);
}

.ops-jobs-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
  gap: 0.75rem;
}

.ops-jobs-detail-item {
  display: grid;
  gap: 0.2rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--valor-surface) 92%, transparent);
}

.ops-jobs-detail-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.ops-jobs-detail-item strong {
  font-size: 0.82rem;
  font-weight: 700;
}

.ops-job-details-page {
  display: grid;
  gap: 1rem;
}

.ops-job-details-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.ops-job-details-subcopy {
  max-width: 56rem;
  color: var(--bs-secondary-color);
}

.ops-job-details-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.9rem;
}

.ops-job-kpi-card {
  position: relative;
  overflow: hidden;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 86%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--valor-surface) 94%, transparent);
}

.ops-job-kpi-card::after {
  content: "";
  position: absolute;
  right: -1.4rem;
  bottom: -1.7rem;
  width: 5rem;
  height: 5rem;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.16);
}

.ops-job-kpi-card--danger::after {
  background: rgba(220, 53, 69, 0.18);
}

.ops-job-kpi-card--warning::after {
  background: rgba(245, 158, 11, 0.18);
}

.ops-job-kpi-card--success::after {
  background: rgba(16, 185, 129, 0.18);
}

.ops-job-kpi-card__label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.ops-job-kpi-card strong {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 1.55rem;
  line-height: 1.08;
}

.ops-job-kpi-card p {
  margin: 0;
  max-width: 28ch;
  color: var(--bs-secondary-color);
}

.ops-job-panel {
  border-radius: 1rem;
}

.ops-job-panel__heading {
  margin-bottom: 1rem;
}

.ops-job-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.ops-job-summary-item,
.ops-job-inline-card,
.ops-job-facts-card {
  padding: 0.85rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--valor-surface) 94%, transparent);
}

.ops-job-summary-item span,
.ops-job-facts-card h3,
.ops-job-inline-card h3 {
  display: block;
  margin-bottom: 0.28rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.ops-job-summary-item strong,
.ops-job-inline-card strong {
  font-size: 0.9rem;
  font-weight: 700;
}

.ops-job-summary-item--wide {
  grid-column: 1 / -1;
}

.ops-job-inline-card {
  margin-top: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.ops-job-inline-card p {
  color: var(--bs-secondary-color);
}

.ops-job-inline-form {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.ops-job-inline-form .form-select {
  min-width: 17rem;
}

.ops-job-facts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 0.85rem;
}

.ops-job-facts-grid--stacked {
  grid-template-columns: 1fr;
  margin-top: 0;
}

.ops-job-facts-card h3 {
  margin-bottom: 0.7rem;
}

.ops-job-facts-card dl {
  margin: 0;
  display: grid;
  gap: 0.55rem;
}

.ops-job-facts-card dl > div {
  display: grid;
  grid-template-columns: minmax(0, 9rem) minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
}

.ops-job-facts-card dt {
  margin: 0;
  color: var(--bs-secondary-color);
  font-weight: 600;
}

.ops-job-facts-card dd {
  margin: 0;
  font-weight: 600;
}

.ops-job-notes-history {
  max-height: 16rem;
  overflow: auto;
  padding: 0.85rem 0.95rem;
  margin-bottom: 1rem;
  border: 1px solid color-mix(in srgb, var(--valor-table-border) 86%, transparent);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 94%, transparent);
  white-space: pre-line;
}

.ops-job-notes-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.7rem;
}

@media (max-width: 1199.98px) {
  .ops-job-inline-card {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .ops-job-details-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .ops-job-details-kpis,
  .ops-job-summary-grid,
  .ops-job-facts-grid {
    grid-template-columns: 1fr;
  }

  .ops-job-facts-card dl > div {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }

  .ops-job-inline-form {
    width: 100%;
  }

  .ops-job-inline-form .form-select,
  .ops-job-inline-form .btn {
    width: 100%;
  }
}

.ops-customer-workspace {
  display: grid;
  gap: 0.9rem;
  margin-bottom: 0.9rem;
}

.ops-customer-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.9fr);
  gap: 0.9rem;
}

.ops-customer-hero__identity,
.ops-customer-pill,
.ops-customer-contact-card {
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 80%, transparent);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--valor-surface) 95%, transparent);
}

.ops-customer-hero__eyebrow,
.ops-customer-pill span,
.ops-customer-contact-card span {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.ops-customer-hero__identity strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.15;
  margin-bottom: 0.35rem;
}

.ops-customer-hero__identity p,
.ops-customer-pill strong,
.ops-customer-contact-card strong {
  margin: 0;
}

.ops-customer-hero__meta {
  display: grid;
  gap: 0.9rem;
}

.ops-customer-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.ops-job-inline-card--workspace {
  background: color-mix(in srgb, var(--valor-surface) 96%, transparent);
}

.ops-job-inline-card--workspace h3 {
  margin-bottom: 0.35rem;
}

@media (max-width: 991.98px) {
  .ops-customer-hero,
  .ops-customer-contact-grid {
    grid-template-columns: 1fr;
  }
}

.ops-customer-inline-block {
  margin-top: 1rem;
  padding-top: 0.95rem;
  border-top: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  display: grid;
  gap: 0.75rem;
}

.ops-customer-inline-block__label {
  display: block;
  margin-bottom: 0.28rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.ops-customer-inline-block--compact {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.ops-customer-inline-block p {
  color: var(--bs-secondary-color);
}

.ops-customer-workspace {
  gap: 1rem;
  margin-bottom: 1rem;
}

.ops-customer-hero__identity,
.ops-customer-pill,
.ops-customer-contact-card,
.ops-job-inline-card--workspace,
.ops-job-facts-card {
  font-size: 0.88rem;
}

.ops-customer-hero__identity strong {
  font-size: 1.45rem;
  margin-bottom: 0.45rem;
}

.ops-customer-hero__identity p,
.ops-customer-pill strong,
.ops-customer-contact-card strong,
.ops-job-inline-card--workspace strong,
.ops-job-facts-card dd {
  font-size: 0.96rem;
  line-height: 1.35;
}

.ops-customer-hero__meta {
  align-content: start;
}

.ops-customer-pill,
.ops-customer-contact-card,
.ops-job-inline-card--workspace,
.ops-job-facts-card {
  padding: 1.05rem 1.1rem;
}

.ops-customer-contact-card {
  min-height: 5.4rem;
}

.ops-customer-inline-block {
  gap: 0.85rem;
}

.ops-customer-inline-block--compact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.ops-customer-inline-block--compact > div {
  flex: 1 1 auto;
}

.ops-customer-inline-block--compact .btn,
.ops-job-inline-form .btn {
  width: auto;
  min-width: 0;
  align-self: flex-start;
  white-space: nowrap;
}

.ops-job-inline-form {
  align-items: flex-end;
}

.ops-job-inline-form .form-select {
  min-width: 18rem;
  flex: 1 1 18rem;
}

.ops-job-facts-card h3 {
  font-size: 0.86rem;
  margin-bottom: 0.8rem;
}

.ops-job-facts-card dt {
  font-size: 0.82rem;
}

.ops-job-facts-card dl {
  gap: 0.7rem;
}

.ops-job-facts-card dl > div {
  grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr);
}

@media (max-width: 991.98px) {
  .ops-customer-inline-block--compact {
    display: grid;
    justify-content: stretch;
  }
}

/* Ops job details refresh */
.ops-job-details-hero__content {
  display: grid;
  gap: 0.8rem;
}

.ops-job-details-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}

.ops-job-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.ops-job-hero-chip {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.38rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-surface) 96%, transparent);
  color: var(--bs-secondary-color);
  font-size: 0.83rem;
  line-height: 1.2;
}

.ops-job-hero-status {
  min-width: 7.5rem;
  padding: 0.8rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
  border-radius: 0.95rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--valor-surface) 98%, transparent), color-mix(in srgb, var(--valor-shell-bg) 92%, transparent));
  text-align: right;
}

.ops-job-hero-status__label,
.ops-job-section-label,
.ops-job-kpi-card__meta,
.ops-task-summary__item span,
.ops-milestone-item span,
.ops-rating-overview__score span,
.ops-compact-stat-grid span,
.ops-inline-status__label,
.ops-review-card__meta span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.ops-job-hero-status strong {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.6rem;
  line-height: 1;
}

.ops-job-kpi-card__meta {
  position: relative;
  z-index: 1;
  margin-top: 0.75rem;
}

.ops-job-notes-history-wrap {
  display: grid;
  gap: 0.7rem;
}

.ops-task-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.95rem;
}

.ops-task-summary__item {
  padding: 0.8rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--valor-surface) 94%, transparent);
}

.ops-task-summary__item strong {
  display: block;
  margin-top: 0.25rem;
  font-size: 1.35rem;
  line-height: 1.05;
}

.ops-job-side-rail {
  display: grid;
  gap: 0;
}

.ops-milestone-list,
.ops-snapshot-grid {
  display: grid;
  gap: 0.8rem;
}

.ops-milestone-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.82rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--valor-surface) 95%, transparent);
}

.ops-milestone-item strong {
  font-size: 0.95rem;
}

.ops-milestone-item--done {
  border-color: color-mix(in srgb, #2563eb 34%, var(--access-panel-border));
  background: color-mix(in srgb, #2563eb 10%, var(--valor-surface));
}

.ops-rating-overview {
  display: grid;
  gap: 0.7rem;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 0.95rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--valor-surface) 96%, transparent), color-mix(in srgb, var(--valor-shell-bg) 94%, transparent));
}

.ops-rating-overview__score {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

.ops-rating-overview__score strong {
  font-size: 2rem;
  line-height: 1;
}

.ops-rating-overview__score span {
  letter-spacing: 0.04em;
  text-transform: none;
}

.ops-compact-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.ops-compact-stat-grid > div {
  padding: 0.72rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 80%, transparent);
}

.ops-compact-stat-grid strong,
.ops-inline-status strong {
  display: block;
  margin-top: 0.25rem;
  font-size: 1.02rem;
}

.ops-inline-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 80%, transparent);
}

.ops-flag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.8rem;
}

.ops-flag-pill {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.38rem 0.7rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  background: color-mix(in srgb, var(--valor-shell-bg) 88%, transparent);
  font-size: 0.82rem;
}

.ops-flag-pill.is-active {
  border-color: rgba(16, 185, 129, 0.45);
  background: rgba(16, 185, 129, 0.12);
}

.ops-flag-pill.is-warning {
  border-color: rgba(245, 158, 11, 0.45);
  background: rgba(245, 158, 11, 0.12);
}

.ops-flag-pill.is-danger {
  border-color: rgba(220, 53, 69, 0.45);
  background: rgba(220, 53, 69, 0.12);
}

.ops-review-card {
  display: grid;
  gap: 0.8rem;
}

.ops-review-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.ops-review-card__meta > div,
.ops-review-card__rating {
  padding: 0.8rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 80%, transparent);
}

.ops-review-card__meta strong,
.ops-review-card__rating strong {
  display: block;
  margin-top: 0.2rem;
}

.ops-review-card__rating {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.ops-review-card__body {
  margin: 0;
  line-height: 1.5;
}

.ops-empty-state {
  padding: 0.9rem 1rem;
  border: 1px dashed color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.9rem;
  color: var(--bs-secondary-color);
}

@media (min-width: 1200px) {
  .ops-job-side-rail {
    position: sticky;
    top: 0.9rem;
  }
}

@media (max-width: 1199.98px) {
  .ops-job-details-hero__actions {
    width: 100%;
    justify-content: space-between;
  }

  .ops-job-notes-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .ops-job-details-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ops-job-hero-status {
    text-align: left;
  }

  .ops-task-summary,
  .ops-compact-stat-grid,
  .ops-review-card__meta {
    grid-template-columns: 1fr;
  }

  .ops-milestone-item,
  .ops-inline-status {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Ops customer reassign */
.ops-reassign-page {
  display: grid;
  gap: 1rem;
}

.ops-reassign-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.ops-reassign-hero__content {
  display: grid;
  gap: 0.8rem;
}

.ops-reassign-hero h1 {
  margin: 0;
}

.ops-reassign-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.ops-reassign-chip,
.ops-reassign-type {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  background: color-mix(in srgb, var(--valor-surface) 95%, transparent);
  font-size: 0.82rem;
}

.ops-reassign-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  gap: 0.9rem;
  align-items: end;
}

.ops-reassign-search-form__field {
  min-width: 0;
}

.ops-reassign-search-form__actions {
  display: flex;
  gap: 0.65rem;
}

.ops-reassign-results-panel .table-responsive {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 1rem;
  overflow: hidden;
}

.ops-reassign-table {
  --valor-table-row-hover-bg: color-mix(in srgb, var(--valor-accent) 10%, transparent);
}

.ops-reassign-table thead th {
  vertical-align: middle;
}

.ops-reassign-table td {
  vertical-align: middle;
}

.ops-reassign-person strong {
  font-size: 1rem;
}

.ops-reassign-contact {
  display: grid;
  gap: 0.2rem;
  color: var(--bs-secondary-color);
}

.ops-reassign-empty {
  padding: 1rem 1.1rem !important;
}

.ops-reassign-select-btn {
  width: 2.2rem;
  height: 2.2rem;
}

.ops-reassign-select-btn svg {
  width: 1rem;
  height: 1rem;
}

@media (max-width: 767.98px) {
  .ops-reassign-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .ops-reassign-search-form {
    grid-template-columns: 1fr;
  }

  .ops-reassign-search-form__actions {
    flex-wrap: wrap;
  }
}

.admin-commissions-kpis {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.admin-commissions-kpis .party-overview-card strong {
  line-height: 1.1;
}

.admin-commissions-switcher {
  padding: 1.1rem;
}

.admin-commissions-switcher__form {
  display: grid;
  gap: 0.7rem;
}

.admin-commissions-switcher__controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  gap: 0.85rem;
  align-items: center;
}

.admin-commissions-table td {
  vertical-align: middle;
}

.admin-commissions-stage {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 88%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg-alt, var(--access-panel-bg)) 90%, transparent);
  color: var(--access-text);
  font-size: 0.82rem;
  line-height: 1.2;
}

.financials-payments-page {
  display: grid;
  gap: 1.25rem;
}

.financials-payments-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
  gap: 1rem;
  padding: 1.6rem 1.8rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 70%, transparent);
  border-radius: 1.65rem;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--valor-accent) 18%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--access-panel-bg) 80%, #0f172a 20%), color-mix(in srgb, var(--access-panel-bg) 94%, transparent));
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.18);
  align-items: end;
}

.financials-payments-hero__eyebrow,
.financials-payments-panel__eyebrow {
  display: inline-block;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.72rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--valor-accent) 74%, var(--access-text));
}

.financials-payments-hero__title {
  margin: 0;
  font-size: clamp(2.1rem, 4vw, 3rem);
  line-height: 1;
}

.financials-payments-hero__copy {
  margin: 0.8rem 0 0;
  max-width: 46rem;
  font-size: 1.02rem;
  color: var(--access-copy);
}

.financials-payments-hero__status {
  display: grid;
  gap: 0.35rem;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 80%, transparent);
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--access-panel-bg) 92%, #0f172a 8%);
}

.financials-payments-hero__status-label,
.financials-payments-search-results__label,
.financials-payments-editor-card__label {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--access-copy);
}

.financials-payments-hero__status strong {
  font-size: 1.2rem;
  line-height: 1.15;
}

.financials-payments-hero__status span:last-child {
  color: var(--access-copy);
}

.financials-payments-kpis {
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.financials-payments-kpi {
  min-height: 11rem;
}

.financials-payments-action-grid,
.financials-payments-main-grid {
  display: grid;
  gap: 1rem;
  align-items: start;
}

.financials-payments-action-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 0.8fr);
}

.financials-payments-main-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
}

.financials-payments-main-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.financials-payments-panel {
  padding: 1.25rem;
  border-radius: 1.4rem;
}

.financials-payments-panel__heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
  margin-bottom: 1rem;
}

.financials-payments-panel__heading h2 {
  margin: 0;
}

.financials-payments-panel__meta {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  color: var(--access-copy);
  font-size: 0.8rem;
  white-space: nowrap;
}

.financials-payments-form,
.financials-payments-search,
.financials-payments-search-results {
  display: grid;
  gap: 1rem;
}

.financials-payments-form__grid {
  display: grid;
  gap: 0.95rem 1rem;
}

.financials-payments-form__grid--create {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.9fr) minmax(14rem, 0.95fr);
}

.task-job-selected {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.task-job-selected__name-type {
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.3;
  color: color-mix(in srgb, var(--valor-text) 90%, var(--valor-accent) 10%);
}

.task-job-selected__divider {
  height: 1px;
  margin: 0.8rem 0 0.7rem;
  background: color-mix(in srgb, var(--valor-table-border) 82%, transparent);
}

.task-job-selected__actions {
  display: flex;
  flex-wrap: wrap;
}

.task-edit-grid__stack {
  width: 100%;
  display: grid;
  gap: 1.35rem;
  align-content: start;
}

.task-edit-grid__stack > .card {
  width: 100%;
  position: relative;
  z-index: 1;
}

.task-edit-grid__stack > .card:focus-within {
  z-index: 25;
}

.task-job-search {
  position: relative;
  z-index: 30;
}

.task-job-search-results {
  z-index: 2000;
}
.financials-payments-form__grid--selected {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.financials-payments-field--filter {
  grid-column: span 3;
}

.financials-payments-field--select {
  grid-column: span 5;
}

.financials-payments-field--date {
  grid-column: span 2;
}

.financials-payments-field {
  min-width: 0;
}

.financials-payments-field--note {
  grid-column: span 4;
}

.financials-payments-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 0.35rem;
}

.financials-payments-form__hint {
  color: var(--access-copy);
  max-width: 42rem;
}

.financials-payments-form__submit {
  min-width: 11rem;
}

.financials-payments-search__controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  gap: 0.85rem;
}

.financials-payments-search__select {
  min-width: 0;
}

.financials-payments-search__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  white-space: nowrap;
  padding-right: 0.35rem;
}

.financials-payments-search-results {
  padding-top: 0.15rem;
}

.financials-payments-queue__gap {
  color: color-mix(in srgb, #f59e0b 78%, var(--access-text));
  font-weight: 700;
}

.financials-payments-role-list {
  display: grid;
  gap: 0.7rem;
}

.financials-payments-role-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.financials-payments-role-list__item strong {
  font-size: 1.05rem;
}

.financials-payments-selected-kpis {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.financials-payments-kpi--selected {
  border-color: color-mix(in srgb, var(--record-mode-border, var(--valor-accent)) 82%, transparent);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 14%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 5%, var(--access-panel-bg))
  );
}

.financials-payments-kpi--job {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}

.financials-payments-kpi__actions {
  display: flex;
  gap: 0.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
}

.financials-payments-kpi__body {
  padding-right: 5.25rem;
}

.financials-payments-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.55fr);
  gap: 1rem;
  align-items: start;
}

.financials-payments-editor-grid__main,
.financials-payments-editor-grid__aside {
  min-width: 0;
}

.financials-payments-editor-card {
  display: grid;
  gap: 0.55rem;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 78%, transparent);
  border-radius: 1.1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 10%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 3%, var(--access-panel-bg))
  );
  position: sticky;
  top: 1rem;
}

.financials-payments-editor-card strong {
  font-size: 1.35rem;
  line-height: 1.1;
}

.financials-payments-editor-card p {
  margin: 0;
  color: var(--access-copy);
}

.financials-payments-editor-card__check {
  margin-top: 0.15rem;
}

.financials-payments-editor-card__button {
  margin-top: 0.35rem;
  width: 100%;
}

.financials-payments-details tbody td,
.financials-payments-queue tbody td {
  vertical-align: middle;
}

.financials-worktable-wrap {
  border-radius: 1.15rem;
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 96%, transparent);
}

.financials-worktable {
  margin-bottom: 0;
}

.financials-worktable thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: color-mix(in srgb, var(--access-panel-bg) 70%, #64748b 30%);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--access-panel-border) 80%, transparent);
}

.financials-worktable tbody tr {
  transition: background-color 140ms ease, transform 140ms ease;
}

.financials-worktable tbody tr:hover {
  background: color-mix(in srgb, var(--valor-accent) 8%, transparent);
}

.financials-worktable tbody td {
  vertical-align: middle;
}

.financials-ar-item-row-cell {
  padding: 0 !important;
}

.financials-ar-item-row {
  display: grid;
  grid-template-columns: minmax(8rem, 0.95fr) minmax(8rem, 1fr) minmax(8rem, 0.9fr) minmax(8rem, 0.95fr) minmax(12rem, 1.2fr) minmax(11rem, 1.15fr) auto;
  gap: 0.9rem 1rem;
  align-items: start;
  padding: 0.95rem 1rem;
}

.financials-ar-item-row__field {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.financials-ar-item-row__label {
  display: none;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--access-copy);
}

.financials-ar-item-row__field--amount {
  text-align: right;
}

.financials-ar-item-row__field--actions {
  justify-items: end;
}

.financials-ar-item-row__field--actions .table-action-row {
  flex-wrap: nowrap;
}

.financials-ar-item-row__note {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.3rem;
  margin-top: -0.15rem;
  padding-top: 0.7rem;
  border-top: 1px solid color-mix(in srgb, var(--access-panel-border) 60%, transparent);
  color: color-mix(in srgb, var(--bs-body-color, #e5e7eb) 88%, transparent);
  white-space: pre-wrap;
}

.financials-ar-item-row__note-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--access-copy);
}

.financials-worktable__row--selected > td {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}

.financials-worktable__row--selected td:first-child {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--valor-accent) 78%, transparent);
}

.financials-worktable__row--selected:hover > td,
.financials-job-payments-row.financials-worktable__row--selected:hover > td {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}

.financials-worktable__status {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 80%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  font-size: 0.8rem;
  line-height: 1.2;
}

.financials-worktable__status--warn {
  border-color: color-mix(in srgb, #f59e0b 52%, var(--access-panel-border));
  background: color-mix(in srgb, #f59e0b 14%, transparent);
}

.financials-worktable__status--good {
  border-color: color-mix(in srgb, #10b981 46%, var(--access-panel-border));
  background: color-mix(in srgb, #10b981 14%, transparent);
}

.financials-worktable__status--info {
  border-color: color-mix(in srgb, #2563eb 46%, var(--access-panel-border));
  background: color-mix(in srgb, #2563eb 14%, transparent);
}

@media (max-width: 900px) {
  .admin-commissions-switcher__controls {
    grid-template-columns: 1fr;
  }

  .admin-commissions-switcher__controls .btn {
    width: 100%;
  }

  .financials-payments-hero,
  .financials-payments-action-grid,
  .financials-payments-main-grid,
  .financials-payments-editor-grid {
    grid-template-columns: 1fr;
  }

  .financials-payments-panel__heading,
  .financials-payments-form__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .financials-payments-search__controls,
  .financials-payments-form__grid--create {
    grid-template-columns: 1fr;
  }

  .financials-payments-form__grid--selected {
    grid-template-columns: 1fr;
  }

  .financials-payments-field--filter,
  .financials-payments-field--select,
  .financials-payments-field--date,
  .financials-payments-field--note {
    grid-column: auto;
  }

  .financials-payments-editor-card {
    position: static;
  }
}





.review-admin-header {
  align-items: end;
}

.review-admin-kpis .party-overview-card {
  min-height: 10rem;
}

.review-admin-kpi {
  position: relative;
  overflow: hidden;
}

.review-admin-kpi::after {
  content: "";
  position: absolute;
  inset: auto -1.75rem -2rem auto;
  width: 6rem;
  height: 6rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-accent) 14%, transparent);
}

.review-admin-kpi--attention::after {
  background: color-mix(in srgb, #f59e0b 18%, transparent);
}

.review-admin-kpi--success::after {
  background: color-mix(in srgb, #10b981 18%, transparent);
}

.review-admin-filter,
.review-admin-list-panel,
.review-form-panel,
.review-match-workspace__panel {
  padding: 1.1rem;
}

.review-admin-filter__form,
.review-match-filter__form {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: minmax(16rem, 28rem) auto;
  align-items: end;
}

.review-match-filter__form {
  grid-template-columns: minmax(16rem, 24rem) auto auto;
}

.review-admin-filter__actions {
  display: inline-flex;
  gap: 0.65rem;
  align-items: center;
}

.review-match-filter__toggle,
.review-location-toggle {
  display: inline-flex;
  gap: 0.7rem;
  align-items: flex-start;
  padding: 0.85rem 0.95rem;
  border-radius: 0.95rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.review-match-filter__toggle span,
.review-location-toggle span {
  display: grid;
  gap: 0.15rem;
}

.review-match-filter__toggle small,
.review-location-toggle small {
  color: var(--valor-muted);
}

.review-admin-list {
  display: grid;
  gap: 1rem;
}

.review-admin-card,
.review-match-card,
.review-location-card,
.review-match-result,
.review-workspace-card,
.review-match-candidate {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.review-admin-card {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(16rem, 0.8fr);
  gap: 1rem;
  padding: 1rem;
}

.review-admin-card__main,
.review-admin-card__side {
  display: grid;
  gap: 0.9rem;
}

.review-admin-card__identity {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.review-admin-card__identity h3,
.review-match-candidate h3,
.review-location-card h3,
.review-match-result h3 {
  margin: 0;
  font-size: 1rem;
}

.review-admin-card__identity p,
.review-match-candidate p,
.review-location-card p,
.review-match-result p,
.review-admin-card__preview,
.review-match-card__empty p,
.review-workspace-card__body p,
.review-form-note-list p {
  margin: 0;
  color: var(--valor-muted);
}

.review-admin-card__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}

.review-admin-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.review-admin-pill--rating {
  border-color: rgba(96, 165, 250, 0.35);
  color: #dbeafe;
  background: rgba(30, 64, 175, 0.22);
}

.review-admin-pill--matched {
  border-color: rgba(74, 222, 128, 0.34);
  color: #dcfce7;
  background: rgba(6, 78, 59, 0.24);
}

.review-admin-pill--pending {
  border-color: rgba(251, 191, 36, 0.36);
  color: #fef3c7;
  background: rgba(120, 53, 15, 0.24);
}

.review-admin-pill--empty {
  border-color: rgba(148, 163, 184, 0.3);
  color: #dbe4ee;
  background: rgba(51, 65, 85, 0.26);
}

.review-admin-card__preview {
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-admin-card__details,
.review-location-card__meta,
.review-location-metadata,
.review-workspace-card__meta {
  display: grid;
  gap: 0.6rem;
  margin: 0;
}

.review-admin-card__details div,
.review-location-card__meta div,
.review-location-metadata div,
.review-workspace-card__meta div {
  display: grid;
  gap: 0.2rem;
}

.review-admin-card__details dt,
.review-location-card__meta dt,
.review-location-metadata dt,
.review-workspace-card__meta dt {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--valor-muted);
}

.review-admin-card__details dd,
.review-location-card__meta dd,
.review-location-metadata dd,
.review-workspace-card__meta dd {
  margin: 0;
}

.review-admin-card__actions,
.review-location-card__actions,
.review-match-candidate__actions,
.review-workspace-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}

.review-match-queue,
.review-match-suggestions,
.review-match-results,
.review-locations-grid,
.review-form-note-list {
  display: grid;
  gap: 1rem;
}

.review-match-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(19rem, 1fr);
  gap: 1rem;
  padding: 1rem;
}

.review-match-card__review,
.review-match-card__candidates,
.review-location-card {
  display: grid;
  gap: 0.9rem;
}

.review-match-card__footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  color: var(--valor-muted);
  font-size: 0.88rem;
}

.review-match-card__resolved,
.review-match-card__empty {
  display: grid;
  gap: 0.45rem;
  padding: 1rem;
  border-radius: 0.9rem;
  border: 1px dashed color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 96%, transparent);
}

.review-match-candidate {
  padding: 0.95rem;
}

.review-match-candidate__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.review-match-candidate__reason {
  font-size: 0.9rem;
  line-height: 1.45;
}

.review-match-confidence {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  font-weight: 700;
}

.review-match-confidence--high {
  color: #dcfce7;
  background: rgba(22, 163, 74, 0.22);
}

.review-match-confidence--medium {
  color: #fef3c7;
  background: rgba(202, 138, 4, 0.24);
}

.review-match-confidence--low {
  color: #dbeafe;
  background: rgba(37, 99, 235, 0.2);
}

.review-match-workspace {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.review-workspace-card {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.review-workspace-card__body {
  padding-top: 0.2rem;
  line-height: 1.55;
}

.review-match-manual-search,
.review-form-grid {
  display: grid;
  gap: 1rem;
}

.review-match-manual-search {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  align-items: end;
}

.review-match-result {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding: 0.95rem 1rem;
}

.review-locations-grid {
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.review-location-card {
  padding: 1rem;
}

.review-location-card__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.review-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
  gap: 1rem;
}

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

.review-form-grid__full,
.review-form-grid__actions {
  grid-column: 1 / -1;
}

.review-form-grid__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.review-form-panel--aside {
  align-self: start;
}

.review-form-note-list div {
  padding: 0.9rem 1rem;
  border-radius: 0.95rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

@media (max-width: 1100px) {
  .review-admin-card,
  .review-match-card,
  .review-match-workspace,
  .review-form-layout,
  .review-form-grid,
  .review-admin-filter__form,
  .review-match-filter__form,
  .review-match-manual-search {
    grid-template-columns: 1fr;
  }

  .review-admin-card__identity,
  .review-location-card__header,
  .review-match-candidate__header,
  .review-match-result,
  .review-match-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .review-admin-card__meta {
    justify-content: flex-start;
  }
}

.review-admin-list-panel__heading {
  align-items: start;
}

.review-section-stat {
  display: inline-grid;
  justify-items: end;
  gap: 0.08rem;
  min-width: 4.75rem;
  padding: 0.35rem 0 0;
  text-align: right;
}

.review-section-stat strong {
  font-size: 1.2rem;
  line-height: 1;
  color: #f8fbff;
}

.review-section-stat span {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--valor-muted);
}

.review-section-stat--amber strong {
  color: #fbbf24;
}

.review-admin-filter {
  background: linear-gradient(145deg, color-mix(in srgb, var(--access-panel-bg) 96%, transparent), color-mix(in srgb, var(--access-panel-bg) 90%, #0f172a 10%));
}

.review-admin-filter__form,
.review-match-filter__form {
  gap: 0.8rem;
}

.review-match-filter__form {
  grid-template-columns: minmax(15rem, 22rem) minmax(15rem, 1fr) auto;
}

.review-admin-filter__actions .btn,
.review-match-manual-search .btn {
  min-width: 5.25rem;
}

.review-match-filter__toggle {
  min-height: 2.95rem;
  align-items: center;
}

.review-admin-card,
.review-match-card,
.review-location-card,
.review-match-result,
.review-workspace-card,
.review-match-candidate {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.14);
}

.review-admin-card__side {
  align-content: space-between;
}

.review-match-card {
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.95fr);
}

.review-match-card__review {
  min-width: 0;
}

.review-match-card__candidates {
  align-content: start;
}

.review-match-workspace {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.12fr) minmax(18rem, 0.84fr);
  align-items: start;
}

.review-match-workspace__panel {
  min-width: 0;
}

.review-match-workspace__panel:last-child {
  position: sticky;
  top: 1rem;
}

.review-workspace-card__meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-bottom: 0.9rem;
  border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 70%, transparent);
}

.review-workspace-card__body {
  font-size: 1rem;
}

.review-match-manual-search {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  padding: 0.9rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 95%, transparent);
}

.review-match-result {
  padding: 1rem 1.1rem;
}

.review-match-card__empty,
.review-match-card__resolved {
  min-height: 100%;
}

@media (max-width: 1100px) {
  .review-workspace-card__meta {
    grid-template-columns: 1fr;
  }

  .review-match-workspace__panel:last-child {
    position: static;
  }

  .review-section-stat {
    justify-items: start;
    text-align: left;
    min-width: 0;
    padding-top: 0.2rem;
  }
}

.review-location-card {
  position: relative;
  overflow: hidden;
  padding: 1.05rem;
}

.review-location-card::after {
  content: "";
  position: absolute;
  inset: auto -1.4rem -1.8rem auto;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-accent) 10%, transparent);
  pointer-events: none;
}

.review-location-card__header {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 68%, transparent);
}

.review-location-card__meta--stacked {
  gap: 0.9rem;
}

.review-location-card__meta--stacked div {
  padding: 0.8rem 0.9rem;
  border-radius: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 70%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 96%, transparent);
}

.review-location-card__meta--stacked dd {
  font-family: "Consolas", "SFMono-Regular", monospace;
  font-size: 0.9rem;
  word-break: break-word;
}

.review-location-card__actions {
  padding-top: 0.3rem;
}

.hubspot-console-header {
  align-items: end;
}

.hubspot-console-kpis .party-overview-card {
  min-height: 10rem;
}

.hubspot-console-kpi {
  position: relative;
  overflow: hidden;
}

.hubspot-console-kpi::after {
  content: "";
  position: absolute;
  inset: auto -1.8rem -2rem auto;
  width: 6rem;
  height: 6rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-accent) 14%, transparent);
}

.hubspot-console-kpi--success::after {
  background: color-mix(in srgb, #10b981 18%, transparent);
}

.hubspot-console-kpi--warning::after {
  background: color-mix(in srgb, #f59e0b 18%, transparent);
}

.hubspot-console-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 0.95fr);
  gap: 1rem;
}

.hubspot-console-panel {
  padding: 1.1rem;
}

.hubspot-console-panel--aside {
  align-self: start;
}

.hubspot-console-form {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  gap: 1rem;
}

.hubspot-console-form__path,
.hubspot-console-form__body,
.hubspot-console-toggle,
.hubspot-console-form__actions {
  grid-column: 1 / -1;
}

.hubspot-console-code {
  font-family: Consolas, "SFMono-Regular", Menlo, Monaco, monospace;
  font-size: 0.92rem;
  line-height: 1.5;
}

.hubspot-console-code--response {
  margin: 0;
  min-height: 20rem;
  max-height: 34rem;
  overflow: auto;
  padding: 1rem;
  border-radius: 0.95rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  background: #111827;
  color: #dbeafe;
  white-space: pre-wrap;
  word-break: break-word;
}

.hubspot-console-toggle {
  display: inline-flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.95rem 1rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.hubspot-console-toggle span {
  display: grid;
  gap: 0.18rem;
}

.hubspot-console-toggle small {
  color: var(--valor-muted);
}

.hubspot-console-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.hubspot-console-note-list {
  display: grid;
  gap: 1rem;
}

.hubspot-console-note-list div,
.hubspot-console-response-card {
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 95%, transparent);
}

.hubspot-console-note-list p {
  margin: 0;
  color: var(--valor-muted);
}

.hubspot-console-response-heading {
  align-items: start;
}

.hubspot-console-status {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 70%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
  font-weight: 700;
}

.hubspot-console-status--success {
  color: #dcfce7;
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(6, 78, 59, 0.24);
}

.hubspot-console-status--warning {
  color: #fef3c7;
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(120, 53, 15, 0.24);
}

.hubspot-console-response-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.hubspot-console-response-card h3 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
}

@media (max-width: 1100px) {
  .hubspot-console-layout,
  .hubspot-console-form,
  .hubspot-console-response-grid {
    grid-template-columns: 1fr;
  }
}

.ops-job-create-shell {
  display: grid;
  gap: 1rem;
}

.ops-job-create-form {
  display: grid;
  gap: 1rem;
}

.ops-job-create-section {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 1rem;
  padding: 1.1rem 1.15rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--access-panel-bg) 96%, transparent), color-mix(in srgb, var(--access-panel-bg) 88%, #0f172a 12%));
  box-shadow: var(--access-shadow);
}

.ops-job-create-section--hero {
  background: linear-gradient(145deg, color-mix(in srgb, var(--valor-accent) 12%, var(--access-panel-bg)), color-mix(in srgb, var(--access-panel-bg) 92%, #0f172a 8%));
}

.ops-job-create-section__heading {
  padding: 0 1.15rem 0.55rem;
  margin: -1.1rem -1.15rem 0.7rem;
  border-bottom: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 72%, transparent);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 22%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 10%, var(--access-panel-bg))
  );
}

.ops-job-create-section__heading h2 {
  margin: 0 0 0.2rem;
  font-size: 1.15rem;
}

.ops-job-create-section__heading p {
  margin: 0;
  color: var(--valor-muted);
}

.ops-job-create-section__eyebrow {
  display: inline-block;
  margin-bottom: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 86%, var(--valor-text) 14%);
}

.ops-job-create-grid {
  display: grid;
  gap: 0.9rem;
}

.ops-job-create-grid--overview,
.ops-job-create-grid--roles,
.ops-job-create-grid--financials {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.ops-job-create-field {
  grid-column: span 3;
}

.ops-job-create-field--wide {
  grid-column: span 4;
}

.ops-job-create-field--full {
  grid-column: 1 / -1;
}

.ops-job-create-checks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.ops-job-create-check {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 3rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.ops-job-create-check input {
  margin: 0;
}

.ops-job-create-check span {
  font-weight: 600;
}

.ops-job-create-notes {
  min-height: 12rem;
}

@media (max-width: 1199px) {
  .ops-job-create-checks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .ops-job-create-field,
  .ops-job-create-field--wide {
    grid-column: span 6;
  }

  .ops-job-create-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ops-job-create-section {
    padding: 0.95rem;
  }

  .ops-job-create-field,
  .ops-job-create-field--wide,
  .ops-job-create-field--full {
    grid-column: 1 / -1;
  }

  .ops-job-create-checks {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .account-manage-shell {
    grid-template-columns: 1fr;
  }

  .account-manage-shell__nav-card {
    position: static;
  }

  .account-manage-hero,
  .account-manage-panel__header {
    flex-direction: column;
    align-items: flex-start;
  }
}



.financials-payments-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.financials-payments-nav-card {
  display: grid;
  gap: 0.2rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 88%, #14213d 12%);
  color: var(--access-text);
  text-decoration: none;
}

.financials-payments-nav-card strong {
  color: var(--valor-accent);
  font-size: 1rem;
}

.financials-payments-bulk-layout {
  display: grid;
  grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
  gap: 1.2rem;
}

.financials-payments-bulk-sidebar {
  display: grid;
  gap: 1rem;
}

.financials-payments-checkstack {
  display: grid;
  gap: 0.55rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 75%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 92%, #0f1c32 8%);
}

.financials-payments-bulk-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.financials-payments-bulk-list {
  display: grid;
  gap: 0.8rem;
  max-height: 34rem;
  overflow: auto;
  padding-right: 0.35rem;
}

.financials-payments-bulk-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 0.9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 75%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, #0d1829 6%);
}

.financials-payments-bulk-option__body {
  display: grid;
  gap: 0.2rem;
}

.financials-payments-bulk-option__body strong {
  color: var(--valor-accent);
}

@media (max-width: 900px) {
  .financials-payments-nav {
    flex-direction: column;
  }

  .financials-payments-bulk-layout {
    grid-template-columns: 1fr;
  }

  .financials-payments-bulk-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
}

.financials-payments-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  border-radius: 1.1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 92%, #0d1524 8%);
  width: fit-content;
  max-width: 100%;
}

.financials-payments-tabs__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.7rem 1.1rem;
  border-radius: 0.85rem;
  color: var(--access-copy);
  text-decoration: none;
  font-weight: 600;
  transition: background-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.financials-payments-tabs__tab:hover {
  color: var(--access-text);
  background: color-mix(in srgb, var(--access-panel-bg) 72%, #1d4ed8 28%);
}

.financials-payments-tabs__tab--active {
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--valor-accent) 88%, #ffffff 12%), color-mix(in srgb, #2563eb 78%, var(--valor-accent)));
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
}

@media (max-width: 900px) {
  .financials-payments-tabs {
    display: grid;
    width: 100%;
  }

  .financials-payments-tabs__tab {
    width: 100%;
  }
}

.financials-payments-batch-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

@media (max-width: 900px) {
  .financials-payments-batch-grid {
    grid-template-columns: 1fr;
  }
}

.financials-payments-panel__heading--stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.65rem;
  justify-content: stretch;
}

.financials-payments-panel__heading--stack > div {
  min-width: 0;
}

.financials-payments-panel__heading--stack h2 {
  line-height: 1.05;
}

.financials-payments-panel__heading--stack .financials-payments-panel__meta {
  justify-self: start;
  max-width: 100%;
}

.financials-payments-panel__heading--editor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.financials-payments-panel__heading--editor > div {
  min-width: 0;
}

@media (max-width: 768px) {
  .financials-payments-panel__heading--editor {
    flex-direction: column;
    align-items: stretch;
  }
}

.financials-payments-panel-wrap--loading {
  opacity: 0.68;
  transition: opacity 120ms ease;
}



.financials-job-payments-expense-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.financials-job-payments-expense-meta p {
  margin: 0;
}

.financials-job-payments-expense-meta form {
  margin: 0;
}

.financials-job-payments-panel-actions {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 0.65rem;
}

.financials-job-payments-panel-actions__buttons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}

.financials-job-payments-shell {
  position: relative;
}

.financials-job-payments-shell--loading {
  opacity: 0.7;
  transition: opacity 120ms ease;
}

.financials-job-payments-row {
  cursor: pointer;
}

.financials-job-payments-row td {
  transition: background-color 120ms ease;
}

.financials-job-payments-row:hover td {
  background: color-mix(in srgb, var(--valor-accent) 7%, transparent);
}

[data-record-mode="edit"] .financials-worktable__row--selected > td {
  background: color-mix(in srgb, var(--record-mode-edit-accent) 12%, var(--valor-card-bg)) !important;
}

[data-record-mode="edit"] .financials-worktable__row--selected td:first-child {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--record-mode-edit-accent) 82%, transparent);
}

[data-record-mode="edit"] .financials-worktable__row--selected:hover > td {
  background: color-mix(in srgb, var(--record-mode-edit-accent) 12%, var(--valor-card-bg)) !important;
}

[data-record-mode="create"] .financials-worktable__row--selected > td {
  background: color-mix(in srgb, var(--record-mode-create-accent) 12%, var(--valor-card-bg)) !important;
}

[data-record-mode="create"] .financials-worktable__row--selected td:first-child {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--record-mode-create-accent) 82%, transparent);
}

[data-record-mode="create"] .financials-worktable__row--selected:hover > td {
  background: color-mix(in srgb, var(--record-mode-create-accent) 12%, var(--valor-card-bg)) !important;
}


.task-job-selected {
  border: 1px solid color-mix(in srgb, var(--valor-accent) 24%, var(--valor-table-border));
  border-radius: 0.9rem;
  padding: 0.95rem 1rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--valor-shell-bg) 90%, #101826 10%), var(--valor-shell-bg));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.task-job-selected__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--valor-muted);
  margin-bottom: 0.45rem;
}

.task-job-selected__title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25;
}

.task-job-selected__address {
  font-size: 0.9rem;
  color: var(--valor-muted);
  margin-top: 0.28rem;
  line-height: 1.3;
}

.task-job-selected__hint {
  margin-top: 0.65rem;
  font-size: 0.82rem;
  color: var(--valor-muted);
}

.task-job-selected__actions {
  margin-top: 0.8rem;
  display: inline-flex;
  gap: 0.55rem;
}

.task-job-selected__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.task-job-selected__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--valor-accent) 32%, transparent);
  background: color-mix(in srgb, var(--valor-accent) 10%, transparent);
  color: color-mix(in srgb, var(--valor-accent) 70%, white 30%);
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.task-job-selected__badge::before {
  content: '';
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, #22c55e 82%, white 18%);
  box-shadow: 0 0 0 0.18rem color-mix(in srgb, #22c55e 18%, transparent);
}

.financials-payments-form__grid--selected {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.1rem 1rem;
}

.financials-payments-field--filter {
  grid-column: span 3;
}

.financials-payments-field--select {
  grid-column: span 4;
}

.financials-payments-field--date {
  grid-column: span 2;
}

.financials-payments-field--amount {
  grid-column: span 2;
}

.financials-payments-field--check,
.financials-payments-field--type {
  grid-column: span 2;
}

.financials-payments-field--wide {
  grid-column: span 6;
}

.financials-payments-field--note {
  grid-column: span 6;
}

.financials-payments-field--key .form-label {
  margin-bottom: 0.55rem;
  line-height: 1.15;
}

.financials-payments-input--money,
.financials-payments-input--code,
.financials-payments-field--key .form-control,
.financials-payments-field--key .form-select {
  min-height: calc(1.5em + 0.75rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
}

.financials-payments-input--money {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.financials-payments-input--code {
  font-variant-numeric: tabular-nums;
}

.financials-payments-editor-card {
  padding: 1.15rem 1.15rem;
}

.financials-payments-editor-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.7fr);
  gap: 1.15rem;
}

.financials-payments-entry-group {
  display: grid;
  gap: 1rem;
  padding: 1rem 1.1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  border-radius: 1.15rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--access-panel-bg) 97%, transparent), color-mix(in srgb, var(--access-panel-bg) 92%, #111827 8%));
}

.financials-payments-entry-group--detail {
  padding: 1rem;
}

.financials-payments-entry-group__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.financials-payments-entry-group__header h3 {
  margin: 0.15rem 0 0;
  font-size: 1.2rem;
}

.financials-payments-entry-group__header p {
  margin: 0;
  max-width: 28rem;
  color: var(--access-copy);
}

.financials-payments-entry-group__eyebrow {
  display: inline-block;
  color: color-mix(in srgb, var(--valor-accent) 72%, white 28%);
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.financials-payments-form__grid--header-lane {
  grid-template-columns: minmax(11rem, 1fr) minmax(9rem, 0.95fr) minmax(11rem, 1.1fr) minmax(10rem, 0.95fr);
  gap: 1rem;
  align-items: end;
}

.financials-payments-form__grid--detail-lane {
  grid-template-columns: minmax(18rem, 1.5fr) minmax(10rem, 0.7fr) minmax(12rem, 0.8fr);
  gap: 1rem;
  align-items: end;
}

.financials-payments-field--lane {
  display: grid;
  gap: 0.55rem;
}

.financials-payments-field--lane .form-label {
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.financials-payments-field--emphasis .form-control,
.financials-payments-field--emphasis .form-select,
.financials-payments-input--select-large,
.financials-payments-input--date {
  min-height: calc(1.5em + 0.75rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
}

.financials-payments-input--money {
  min-height: calc(1.5em + 0.75rem + 2px);
  padding-right: 0.75rem;
  text-align: right;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
}

.financials-payments-input--code {
  min-height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}

.financials-payments-field--note-wide {
  grid-column: 1 / -1;
}

.financials-payments-field--note-wide .form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

.financials-payments-editor-card {
  padding: 1.25rem 1.2rem;
  border-radius: 1.25rem;
}

.financials-payments-editor-card strong {
  font-size: 1.45rem;
}

@media (max-width: 1200px) {
  .financials-payments-form__grid--header-lane {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .financials-payments-form__grid--detail-lane {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .financials-payments-field--wide,
  .financials-payments-field--note-wide {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1100px) {
  .financials-payments-editor-grid {
    grid-template-columns: 1fr;
  }

  .financials-payments-entry-group__header {
    align-items: start;
    flex-direction: column;
  }

  .financials-payments-form__grid--header-lane,
  .financials-payments-form__grid--detail-lane {
    grid-template-columns: 1fr;
  }
}

.nav-group-item {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin: 0.1rem 0.28rem 0.5rem;
}

.nav-group-item--divider {
  margin-top: 0.45rem;
  padding-top: 0.45rem;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

:root[data-theme="light"] .nav-group-item--divider {
  border-top-color: rgba(13, 43, 78, 0.16);
}

.nav-group-label {
  padding: 0.1rem 0.85rem 0 0.85rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tblr-muted);
}

.nav-submenu {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-left: 0;
  margin-left: 0;
}

.nav-submenu-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.2rem 0.75rem 0.35rem;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.nav-submenu-toggle::after {
  content: '+';
  font-size: 0.9rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.58);
}

.nav-submenu-toggle:hover {
  color: rgba(255, 255, 255, 0.78);
}

.nav-submenu-toggle:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.4);
  outline-offset: 2px;
  border-radius: 0.35rem;
}

.nav-submenu-body {
  display: none;
}

.nav-submenu-group.is-open .nav-submenu-body {
  display: flex;
}

.nav-submenu-group.is-open .nav-submenu-toggle::after {
  content: '-';
}

.nav-link-sub {
  font-size: 0.95rem;
}

:root[data-theme="light"] .nav-submenu-toggle {
  color: rgba(18, 52, 90, 0.62);
}

:root[data-theme="light"] .nav-submenu-toggle::after {
  color: rgba(18, 52, 90, 0.72);
}

.nav-link-sub {
  font-size: 0.95rem;
}

.modern-shell .modern-sidebar .nav-section-title.is-current {
  color: #ffffff;
}

.modern-shell .modern-sidebar .nav-section-title.is-current::after {
  color: rgba(255, 255, 255, 0.92);
}

.modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  box-shadow: none;
}

.modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link.active {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.92);
}

:root[data-theme="light"] .modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #12345a;
  box-shadow: none;
}

:root[data-theme="light"] .modern-shell .modern-sidebar .nav-item:not(.nav-section-title) .nav-link.active {
  background: rgba(255, 255, 255, 0.28);
  color: #0d2b4e;
  box-shadow: inset 3px 0 0 #0d6efd;
}

.production-labor-log-hero {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  align-items: end;
}

.production-labor-log-hero__eyebrow {
  display: inline-block;
  margin-bottom: 0.45rem;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--valor-accent) 78%, var(--tblr-muted));
}

.production-labor-log-hero__scope {
  display: inline-flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.production-labor-log-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.production-labor-log-summary-card {
  min-height: 10rem;
}

.production-labor-log-filter-card .card-header,
.production-labor-log-card-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.production-labor-log-form {
  display: grid;
  gap: 1.2rem;
}

.production-labor-log-form__top {
  display: grid;
  grid-template-columns: minmax(18rem, 2.2fr) repeat(2, minmax(9rem, 0.8fr)) minmax(12rem, 1fr);
  gap: 1rem;
  align-items: start;
}

.production-labor-log-form__toggles {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 2rem;
}

.production-labor-log-toggle {
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
  border-radius: 999px;
  padding: 0.55rem 0.9rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 55%, var(--valor-card-bg));
}

.production-labor-log-chip-groups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.production-labor-log-chip-group {
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
  border-radius: 1rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 35%, var(--valor-card-bg));
}

.production-labor-log-chip-group__title {
  margin-bottom: 0.8rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tblr-muted);
}

.production-labor-log-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.production-labor-log-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.production-labor-log-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.production-labor-log-chip span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
  background: color-mix(in srgb, var(--valor-card-bg) 90%, transparent);
  transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.production-labor-log-chip input:checked + span {
  border-color: color-mix(in srgb, var(--valor-accent) 58%, var(--valor-card-border));
  background: color-mix(in srgb, var(--valor-accent) 16%, var(--valor-card-bg));
  color: color-mix(in srgb, var(--valor-accent) 82%, white);
  transform: translateY(-1px);
}

.production-labor-log-form__actions {
  display: flex;
  justify-content: end;
  gap: 0.75rem;
}

.production-labor-log-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(23rem, 0.95fr);
  gap: 1rem;
  align-items: start;
}

.production-labor-log-shell {
  position: relative;
}

.production-labor-log-shell--loading {
  opacity: 0.7;
  transition: opacity 120ms ease;
}

.production-labor-log-sticky {
  position: sticky;
  top: 1rem;
}

.production-labor-log-table td,
.production-labor-log-table th {
  vertical-align: top;
}

.production-labor-log-row {
  cursor: pointer;
}

.production-labor-log-row--selected {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}

.production-labor-log-row--selected > td {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}

.production-labor-log-note-preview {
  margin-top: 0.35rem;
  color: var(--tblr-muted);
  font-size: 0.85rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.production-labor-log-date {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tblr-muted);
}

.production-labor-log-crew {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 600;
}

.production-labor-log-crew__dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}

.production-labor-log-job-link {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}

.production-labor-log-job-link:hover,
.production-labor-log-job-link:focus {
  text-decoration: underline;
}

.production-labor-log-job-cell {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.production-labor-log-job-type {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--valor-accent) 58%, var(--tblr-muted));
}

.production-labor-log-job-payment-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin-top: 0.38rem;
  padding: 0.24rem 0.5rem;
  border: 1px solid color-mix(in srgb, var(--valor-accent) 22%, var(--valor-card-border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--valor-accent) 10%, transparent);
  color: color-mix(in srgb, var(--valor-accent) 74%, var(--tblr-body-color));
  font-size: 0.73rem;
  font-weight: 600;
  line-height: 1.2;
}

.production-labor-log-job-selected {
  display: grid;
  gap: 0.3rem;
}

.production-labor-log-job-selected__divider {
  width: 100%;
  height: 1px;
  margin: 0.15rem 0 0.05rem;
  background: color-mix(in srgb, var(--valor-accent) 16%, var(--valor-table-border));
}

.production-labor-log-job-selected__name-type {
  font-size: 0.93rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--tblr-body-color);
}

.production-labor-log-job-search-results__meta {
  font-size: 0.82rem;
  line-height: 1.3;
  color: color-mix(in srgb, var(--valor-accent) 50%, var(--valor-muted));
}

.production-labor-log-portion {
  font-weight: 600;
}

.production-labor-log-type-pill {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.28rem 0.72rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 80%, transparent);
  background: color-mix(in srgb, var(--valor-card-bg) 86%, transparent);
  color: var(--tblr-body-color);
  font-size: 0.83rem;
  font-weight: 700;
}

.production-labor-log-type-pill--install {
  border-color: color-mix(in srgb, #0ea5e9 52%, var(--valor-card-border));
  background: color-mix(in srgb, #0ea5e9 12%, var(--valor-card-bg));
}

.production-labor-log-type-pill--service {
  border-color: color-mix(in srgb, #f59e0b 48%, var(--valor-card-border));
  background: color-mix(in srgb, #f59e0b 12%, var(--valor-card-bg));
}

.production-labor-log-type-pill--punchlist {
  border-color: color-mix(in srgb, #ef4444 46%, var(--valor-card-border));
  background: color-mix(in srgb, #ef4444 10%, var(--valor-card-bg));
}

.production-labor-log-type-pill--final-measure {
  border-color: color-mix(in srgb, #8b5cf6 46%, var(--valor-card-border));
  background: color-mix(in srgb, #8b5cf6 10%, var(--valor-card-bg));
}

.production-labor-log-type-pill--warehouse {
  border-color: color-mix(in srgb, #22c55e 46%, var(--valor-card-border));
  background: color-mix(in srgb, #22c55e 10%, var(--valor-card-bg));
}

.production-labor-log-type-pill--other {
  border-color: color-mix(in srgb, #94a3b8 55%, var(--valor-card-border));
  background: color-mix(in srgb, #94a3b8 10%, var(--valor-card-bg));
}

.production-labor-log-status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.production-labor-log-note {
  max-width: 26rem;
  white-space: pre-wrap;
  color: var(--tblr-body-color);
}

.production-labor-log-editor-card__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
}

.production-labor-log-editor-card__header > .btn {
  margin-left: auto;
  flex: 0 0 auto;
}

.production-labor-log-editor-form {
  display: grid;
  gap: 1rem;
}

.production-labor-log-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.95rem;
}

.production-labor-log-editor-field--wide {
  grid-column: 1 / -1;
}

.production-labor-log-editor-check {
  border: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
  border-radius: 0.85rem;
  padding: 0.65rem 0.85rem;
  background: color-mix(in srgb, var(--valor-shell-bg) 45%, var(--valor-card-bg));
}

.production-labor-log-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--valor-card-border) 82%, transparent);
}

@media (max-width: 1200px) {
  .production-labor-log-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .production-labor-log-workspace {
    grid-template-columns: 1fr;
  }

  .production-labor-log-form__top,
  .production-labor-log-chip-groups {
    grid-template-columns: 1fr;
  }

  .production-labor-log-form__toggles {
    padding-top: 0;
  }

  .production-labor-log-editor-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .production-labor-log-hero,
  .production-labor-log-card-header,
  .production-labor-log-filter-card .card-header {
    flex-direction: column;
    align-items: start;
  }

  .production-labor-log-summary {
    grid-template-columns: 1fr;
  }

  .production-labor-log-hero__scope,
  .production-labor-log-form__actions {
    width: 100%;
  }

  .production-labor-log-hero__scope .btn,
  .production-labor-log-form__actions .btn {
    flex: 1 1 0;
  }
}


.ops-job-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ops-job-tabs__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 88%, transparent);
  background: color-mix(in srgb, var(--valor-card-bg) 86%, var(--valor-accent-soft) 14%);
  color: var(--valor-text);
  font-weight: 600;
  text-decoration: none;
}

.ops-job-tabs__tab:hover {
  color: var(--valor-text);
  border-color: color-mix(in srgb, var(--valor-accent) 48%, transparent);
  background: color-mix(in srgb, var(--valor-accent-soft) 22%, var(--valor-card-bg));
}

.ops-job-tabs__tab--active {
  border-color: color-mix(in srgb, var(--valor-accent) 72%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--valor-accent) 20%, var(--valor-card-bg)), color-mix(in srgb, var(--valor-accent-soft) 32%, var(--valor-card-bg)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--valor-accent) 18%, transparent);
}

.ops-job-expense-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}

.ops-job-expense-totals {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.ops-job-expense-totals__item {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 88%, transparent);
  border-radius: 1rem;
  padding: 0.9rem 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 88%, var(--valor-accent-soft) 12%);
}

.ops-job-expense-totals__item span {
  display: block;
  color: var(--valor-text-muted);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.ops-job-expense-totals__item strong {
  display: block;
  margin-top: 0.25rem;
  font-size: 1.05rem;
}

.ops-job-expense-totals__item--strong {
  border-color: color-mix(in srgb, var(--valor-accent) 54%, transparent);
}

.ops-job-verify-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}

.ops-job-verify-pills {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.ops-job-verify-pill {
  min-width: 8rem;
  padding: 0.55rem 0.8rem;
}

.ops-job-verify-pill strong {
  margin-top: 0.08rem;
}

.ops-job-expense-fieldset {
  border: 0;
  margin: 0;
  padding: 0.8rem 0.9rem;
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 78%, transparent);
  border-radius: 0.9rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 10%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 3%, var(--access-panel-bg))
  );
}

.ops-job-expense-editor,
.ops-job-expense-ledger {
  min-width: 0;
}

.ops-job-panel--create {
  --record-mode-accent: var(--record-mode-create-accent);
  --record-mode-border: var(--record-mode-create-border);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent) 16%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent) 7%, var(--access-panel-bg))
  ) !important;
  border-color: color-mix(in srgb, var(--record-mode-border) 84%, transparent) !important;
  box-shadow: var(--access-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent) !important;
}

.ops-job-panel--create .access-panel__heading {
  border-bottom-color: color-mix(in srgb, var(--record-mode-border) 72%, transparent) !important;
}

.ops-job-panel--create .access-panel__heading h1,
.ops-job-panel--create .access-panel__heading h2,
.ops-job-panel--create .access-panel__heading h3,
.ops-job-panel--create .access-panel__heading h4,
.ops-job-panel--create .access-panel__heading strong,
.ops-job-panel--create .workspace-form__section-head h3,
.ops-job-panel--create .workspace-form__eyebrow,
.ops-job-panel--create .financials-payments-entry-group__eyebrow {
  color: color-mix(in srgb, var(--record-mode-accent) 90%, var(--valor-text) 10%) !important;
}

.ops-job-panel--standard {
  background: var(--access-panel-bg) !important;
  border-color: var(--access-panel-border) !important;
  box-shadow: var(--access-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent) !important;
}

.ops-job-panel--standard .access-panel__heading {
  border-bottom-color: color-mix(in srgb, var(--access-panel-border) 72%, transparent) !important;
}

.ops-job-panel--standard .access-panel__heading h1,
.ops-job-panel--standard .access-panel__heading h2,
.ops-job-panel--standard .access-panel__heading h3,
.ops-job-panel--standard .access-panel__heading h4,
.ops-job-panel--standard .access-panel__heading strong,
.ops-job-panel--standard .workspace-form__section-head h3,
.ops-job-panel--standard .workspace-form__eyebrow,
.ops-job-panel--standard .financials-payments-entry-group__eyebrow {
  color: var(--valor-text) !important;
}

.ops-job-panel--standard .access-panel__copy,
.ops-job-panel--standard .ops-job-panel__heading h2,
.ops-job-panel--standard .ops-job-panel__heading h3,
.ops-job-panel--standard .ops-job-expense-cost-group__head h3,
.ops-job-panel--standard .ops-job-expense-editor .access-panel__copy,
.ops-job-panel--standard .ops-job-expense-editor .ops-job-panel__heading h2,
.ops-job-panel--standard .ops-job-expense-ledger .ops-job-panel__heading h2 {
  color: var(--valor-text) !important;
}

.ops-job-panel--standard .ops-job-expense-fieldset {
  border-color: color-mix(in srgb, var(--access-panel-border) 62%, transparent) !important;
  background: color-mix(in srgb, var(--access-panel-bg) 99%, #0f172a 1%) !important;
}

.ops-job-panel--standard .ops-job-expense-cost-group__head p,
.ops-job-panel--standard .ops-job-expense-editor .access-panel__copy,
.ops-job-panel--standard .ops-job-expense-ledger .access-panel__copy {
  color: var(--valor-muted) !important;
}

.ops-job-panel--create .access-panel__copy,
.ops-job-panel--create .ops-job-panel__heading h2,
.ops-job-panel--create .ops-job-panel__heading h3 {
  color: color-mix(in srgb, var(--record-mode-accent) 88%, var(--valor-text) 12%) !important;
}

.ops-job-expense-editor .ops-job-panel__heading {
  padding-bottom: 0.55rem;
}

.ops-job-expense-editor .ops-job-panel__heading h2 {
  margin-bottom: 0.15rem;
  font-size: 1rem;
  font-weight: 700;
}

.ops-job-expense-editor .access-panel__copy {
  font-size: 0.8rem;
  line-height: 1.35;
}

.ops-job-expense-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem 1rem;
  align-items: start;
}

.ops-job-expense-form-grid .financials-payments-field {
  min-width: 0;
}

.ops-job-expense-form-grid .form-label {
  color: var(--valor-text);
}

.ops-job-expense-form-grid .form-control,
.ops-job-expense-form-grid .form-select {
  width: 100%;
  max-width: 100%;
}

.ops-job-expense-form-grid textarea.form-control {
  min-height: 5.9rem;
}

.ops-job-expense-form-grid__wide {
  grid-column: 1 / -1;
}

.ops-job-expense-form-grid__metric {
  grid-column: span 1;
}

.ops-job-expense-ledger .financials-worktable-wrap {
  overflow-x: auto;
}

.ops-job-expense-ledger .financials-worktable {
  min-width: 0;
}

.ops-job-expense-actions {
  justify-content: flex-start;
}

.ops-job-expense-editor .financials-payments-form__footer {
  padding-top: 0.15rem;
}

.ops-job-expense-editor .financials-payments-form__hint {
  font-size: 0.75rem;
  line-height: 1.3;
}

.ops-job-financial-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ops-job-budget-card {
  display: grid;
  gap: 0.9rem;
}

.ops-job-budget-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.ops-job-budget-meta > div {
  display: grid;
  gap: 0.18rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.ops-job-budget-meta span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tblr-muted);
}

.ops-job-budget-meta strong {
  font-size: 1rem;
  line-height: 1.2;
}

.ops-job-budget-table-wrap {
  overflow: auto;
}

.ops-job-budget-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.ops-job-budget-table thead th {
  padding: 0 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tblr-muted);
  text-align: left;
}

.ops-job-budget-table thead th.ops-job-budget-table__value {
  text-align: right;
}

.ops-job-budget-table tbody th,
.ops-job-budget-table tbody td {
  padding: 0.42rem 0;
  border-top: 1px solid color-mix(in srgb, var(--access-panel-border) 56%, transparent);
}

.ops-job-budget-table tbody th {
  font-weight: 600;
  color: var(--access-text);
  text-align: left;
}

.ops-job-budget-table tbody td {
  color: var(--access-text);
}

.ops-job-budget-table__value {
  text-align: right;
  white-space: nowrap;
}

.ops-job-budget-variance {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 4.75rem;
  font-weight: 700;
}

.ops-job-budget-variance--good {
  color: #4dd18a;
}

.ops-job-budget-variance--bad {
  color: #ff7e79;
}

.ops-job-budget-variance--warn {
  color: #f3c86a;
}

.ops-job-budget-variance--neutral {
  color: var(--tblr-muted);
}

.ops-job-budget-table__strong th,
.ops-job-budget-table__strong td {
  font-weight: 700;
}

.ops-job-budget-table--compact thead th:first-child,
.ops-job-budget-table--compact tbody th {
  width: 68%;
}

.ops-job-margin-card {
  display: grid;
  gap: 0.75rem;
}

@media (max-width: 991.98px) {
  .ops-job-expense-grid,
  .ops-job-financial-grid {
    grid-template-columns: 1fr;
  }

  .ops-job-expense-form-grid {
    grid-template-columns: 1fr;
  }

  .ops-job-expense-form-grid__wide,
  .ops-job-expense-form-grid__metric {
    grid-column: 1 / -1;
  }

  .ops-job-verify-stack {
    align-items: stretch;
    justify-content: stretch;
  }

  .ops-job-verify-pills {
    width: 100%;
  }

  .ops-job-expense-fieldset {
    padding: 0.75rem;
  }
}

@media (max-width: 767.98px) {
  .ops-job-tabs {
    gap: 0.5rem;
  }

  .ops-job-tabs__tab {
    width: 100%;
  }
}



.record-mode .access-panel,
.record-mode .card,
.record-mode .party-card,
.record-mode .party-overview-card,
.record-mode .ops-job-create-section,
.record-mode .tenant-form__section,
.record-mode-panel,
[data-record-mode] {
  overflow: hidden;
  border-color: color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 84%, transparent);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 2%, var(--access-panel-bg))
  );
  box-shadow: var(--access-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent);
}

.record-mode .card-header,
.record-mode .party-card__header,
.record-mode .access-panel__heading,
.record-mode .tenant-form__section-head,
.record-mode .ops-job-create-section__heading,
.record-mode-panel .card-header,
.record-mode-panel .party-card__header,
.record-mode-panel .access-panel__heading,
[data-record-mode] .card-header,
[data-record-mode] .party-card__header,
[data-record-mode] .access-panel__heading {
  padding-bottom: 0.55rem;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 22%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 10%, var(--access-panel-bg))
  );
}

.record-mode .card > .card-body,
.record-mode .card > .card-footer,
.record-mode-panel > .card-body,
.record-mode-panel > .card-footer,
[data-record-mode] > .card-body,
[data-record-mode] > .card-footer {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 2%, var(--access-panel-bg))
  );
}

.record-mode .card > .card-header + .card-body,
.record-mode-panel > .card-header + .card-body,
[data-record-mode] > .card-header + .card-body {
  border-top: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 62%, transparent);
}

.workspace-form,
.workspace-search,
.workspace-search-results,
.financials-payments-form,
.financials-payments-search,
.financials-payments-search-results {
  display: grid;
  gap: 0.75rem;
}

.workspace-form__grid,
.financials-payments-form__grid {
  display: grid;
  gap: 0.75rem 1rem;
}

.workspace-form__field,
.financials-payments-field {
  min-width: 0;
}

.workspace-form__field--lane,
.financials-payments-field--lane {
  display: grid;
  gap: 0.2rem;
}

.workspace-form__field--lane .form-label,
.financials-payments-field--lane .form-label {
  margin-bottom: 0;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.25;
}

.financials-payments-field__label-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
}

.financials-payments-field__meta {
  color: var(--access-copy);
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
}

.financials-payments-field__meta--info {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.18rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--info-accent, #4da3ff) 58%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--info-accent, #4da3ff) 14%, transparent);
  color: color-mix(in srgb, var(--info-accent, #4da3ff) 86%, white 14%);
  font-size: 0.7rem;
  letter-spacing: 0.02em;
}

.workspace-form__control--select,
.workspace-form__control--date,
.workspace-form__control--money,
.financials-payments-input--select-large,
.financials-payments-input--date,
.financials-payments-input--money,
.financials-payments-input--code {
  min-height: 2.1rem;
}

.workspace-form__footer,
.financials-payments-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  margin-top: 0.1rem;
  border-top: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.workspace-form__hint,
.financials-payments-form__hint {
  margin: 0;
  color: var(--access-copy);
  font-size: 0.75rem;
  line-height: 1.35;
  max-width: 42rem;
}

.workspace-form__submit,
.financials-payments-form__submit {
  min-width: 10rem;
}

.workspace-form__section,
.financials-payments-entry-group {
  display: grid;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 72%, transparent);
  border-radius: 1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 2%, var(--access-panel-bg))
  );
}

.workspace-form__section-head,
.financials-payments-entry-group__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 0.75rem;
  padding: 0.75rem 1rem 0.5rem;
  margin: -0.75rem -1rem 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 68%, transparent);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 22%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 10%, var(--access-panel-bg))
  );
}

.workspace-form__section-head h3,
.financials-payments-entry-group__header h3 {
  margin: 0.05rem 0 0;
  font-size: 1rem;
  font-weight: 700;
}

.workspace-form__section-head p,
.financials-payments-entry-group__header p {
  margin: 0;
  max-width: 28rem;
  color: var(--access-copy);
  font-size: 0.8rem;
  line-height: 1.35;
}

.workspace-form__eyebrow,
.financials-payments-entry-group__eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.financials-payments-editor-card {
  gap: 0.45rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 72%, transparent);
  border-radius: 1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 2%, var(--access-panel-bg))
  );
}

.financials-payments-editor-card strong {
  font-size: 1.1rem;
}

.ops-job-expense-fieldset {
  padding: 0.75rem 0.85rem;
  border-color: color-mix(in srgb, var(--record-mode-border, var(--access-panel-border)) 62%, transparent);
  border-radius: 1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 2%, var(--access-panel-bg))
  );
}

.ops-job-expense-editor .ops-job-panel__heading {
  align-items: flex-start;
  padding-bottom: 0.45rem;
}

.ops-job-expense-editor .ops-job-panel__heading h2 {
  margin-bottom: 0.1rem;
  font-size: 1rem;
}

.ops-job-expense-editor .access-panel__copy {
  font-size: 0.8rem;
  line-height: 1.35;
}

.ops-job-expense-form-grid {
  gap: 0.6rem 0.95rem;
}

.ops-job-expense-form-grid .workspace-form__field {
  min-width: 0;
}

.ops-job-expense-editor .workspace-form__footer {
  padding-top: 0.65rem;
}


/* Financials Payments Warranty-Style Layout */
.financials-payments-status-pills {
  margin-top: -0.1rem;
  margin-bottom: 0.05rem;
}

.financials-payments-form__grid--header-lane {
  grid-template-columns: minmax(10rem, 0.95fr) minmax(9.5rem, 0.95fr) minmax(11rem, 1.05fr) minmax(10rem, 0.95fr);
  gap: 0.75rem 1rem;
  align-items: start;
}

.financials-payments-form__grid--header-lane .financials-payments-field--select,
.financials-payments-form__grid--header-lane .financials-payments-field--date,
.financials-payments-form__grid--header-lane .financials-payments-field--amount,
.financials-payments-form__grid--header-lane .financials-payments-field--check {
  grid-column: span 1;
}

.financials-payments-form__grid--header-lane .financials-payments-field--note-wide {
  grid-column: 1 / -1;
}

.financials-payments-entry-group__header--stacked {
  display: grid;
  justify-content: start;
}

.financials-payments-entry-group__header--stacked p {
  max-width: none;
}

@media (max-width: 1100px) {
  .financials-payments-form__grid--header-lane {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .financials-payments-form__grid--header-lane .financials-payments-field--check,
  .financials-payments-form__grid--header-lane .financials-payments-field--note-wide {
    grid-column: 1 / -1;
  }
}

.financials-payments-form__grid--detail-lane {
  grid-template-columns: minmax(15rem, 1.45fr) minmax(10rem, 0.8fr) minmax(10rem, 0.9fr);
  gap: 0.75rem 1rem;
  align-items: start;
}

.financials-payments-form__grid--detail-lane .financials-payments-field--wide,
.financials-payments-form__grid--detail-lane .financials-payments-field--type,
.financials-payments-form__grid--detail-lane .financials-payments-field--amount,
.financials-payments-form__grid--detail-lane .financials-payments-field--note-wide {
  grid-column: span 1;
}

.financials-payments-form__grid--detail-lane .financials-payments-field--note-wide {
  grid-column: 1 / -1;
}

.financials-payments-panel__heading,
.financials-payments-form__footer {
  align-items: start;
}

.financials-payments-detail-fields {
  margin-top: 0.35rem;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.financials-payments-panel--selected .financials-payments-main-grid {
  margin-bottom: 1.15rem;
}

.financials-job-payments-indicator {
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 82%, transparent);
  background: color-mix(in srgb, var(--valor-card-bg) 88%, #0f172a 12%);
  color: color-mix(in srgb, var(--valor-muted) 82%, #ffffff 18%);
  vertical-align: middle;
}

.financials-job-payments-indicator::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 0.18rem color-mix(in srgb, currentColor 18%, transparent);
}

.financials-job-payments-indicator svg {
  width: 0.95rem;
  height: 0.95rem;
}

.financials-job-payments-indicator svg + span {
  display: none;
}

.financials-job-payments-indicator--good {
  color: #34d399;
  border-color: rgba(52, 211, 153, 0.38);
  background: rgba(6, 95, 70, 0.22);
}

.financials-job-payments-indicator--good::before,
.financials-job-payments-indicator--locked::before {
  display: none;
}

.financials-job-payments-indicator--info {
  color: #60a5fa;
  border-color: rgba(96, 165, 250, 0.38);
  background: rgba(30, 64, 175, 0.18);
}

.financials-job-payments-indicator--muted {
  color: color-mix(in srgb, var(--valor-muted) 84%, #ffffff 16%);
}

.financials-job-payments-indicator--muted::before {
  background: transparent;
  border: 2px solid currentColor;
  box-shadow: none;
}

.financials-job-payments-indicator--locked {
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.4);
  background: rgba(146, 64, 14, 0.22);
}

:root[data-theme="light"] .financials-job-payments-indicator {
  background: #f8fafc;
  color: #64748b;
}

:root[data-theme="light"] .financials-job-payments-indicator--good {
  color: #047857;
  border-color: rgba(4, 120, 87, 0.24);
  background: #ecfdf5;
}

:root[data-theme="light"] .financials-job-payments-indicator--info {
  color: #1d4ed8;
  border-color: rgba(29, 78, 216, 0.22);
  background: #eff6ff;
}

:root[data-theme="light"] .financials-job-payments-indicator--locked {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.24);
  background: #fffbeb;
}

@media (max-width: 991.98px) {
  .financials-payments-form__grid--detail-lane {
    grid-template-columns: 1fr;
  }
}




/* Production Labor Log Form Alignment */
.workspace-form__field--wide {
  grid-column: 1 / -1;
}

.production-labor-log-editor-card__header h2 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.25;
}

.production-labor-log-editor-card__header p {
  font-size: 0.78rem;
  line-height: 1.45;
}

.production-labor-log-editor-actions.workspace-form__footer {
  justify-content: flex-end;
}

/* Ops Jobs Expense UX Grouping */
.ops-job-expense-editor__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: nowrap;
  margin-left: auto;
  white-space: nowrap;
}

.ops-job-expense-editor__actions .form-label {
  margin-bottom: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}


.ops-job-expense-cost-group {
  grid-column: span 1;
  gap: 0.7rem;
  padding: 0.8rem 0.85rem;
}

.ops-job-expense-cost-group__head {
  padding-bottom: 0.5rem;
}

.ops-job-expense-cost-group__head h3 {
  font-size: 0.95rem;
}

.ops-job-expense-cost-group__head p {
  max-width: none;
}

.ops-job-expense-cost-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem 0.75rem;
}

@media (max-width: 991.98px) {
  .ops-job-expense-cost-group {
    grid-column: 1 / -1;
  }

  .ops-job-expense-cost-grid {
    grid-template-columns: 1fr;
  }

  .ops-job-expense-editor__actions {
    width: auto;
  }

  .ops-job-expense-editor__actions .btn {
    flex: 0 0 auto;
  }
}




/* Shared Form Footer Alignment */
.workspace-form__footer,
.financials-payments-form__footer {
  justify-content: flex-end;
}

.financials-payments-form__footer-meta {
  display: grid;
  gap: 0.4rem;
  margin-right: auto;
  min-width: 0;
}

.financials-payments-form__checkleft {
  margin-right: auto;
}

.financials-payments-form__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  padding: 0.55rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, #0d1524 6%);
  color: var(--valor-text);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
}

.financials-payments-form__toggle .form-check-input {
  margin: 0;
  flex: 0 0 auto;
}

.workspace-form__hint,
.financials-payments-form__hint,
.tenant-form__footer-meta {
  margin-right: auto;
}



/* Record Mode Heading Size Standard */
.record-mode .card-header h1,
.record-mode .card-header h2,
.record-mode .card-header h3,
.record-mode .card-header h4,
.record-mode .access-panel__heading h1,
.record-mode .access-panel__heading h2,
.record-mode .access-panel__heading h3,
.record-mode .access-panel__heading h4,
.record-mode .tenant-form__section-title,
.record-mode .workspace-form__section-head h3,
.record-mode .card-header strong,
.record-mode .access-panel__heading strong,
.record-mode-panel .card-header h1,
.record-mode-panel .card-header h2,
.record-mode-panel .card-header h3,
.record-mode-panel .card-header h4,
.record-mode-panel .access-panel__heading h1,
.record-mode-panel .access-panel__heading h2,
.record-mode-panel .access-panel__heading h3,
.record-mode-panel .access-panel__heading h4,
.record-mode-panel .tenant-form__section-title,
.record-mode-panel .workspace-form__section-head h3,
.record-mode-panel .card-header strong,
.record-mode-panel .access-panel__heading strong,
[data-record-mode] .card-header h1,
[data-record-mode] .card-header h2,
[data-record-mode] .card-header h3,
[data-record-mode] .card-header h4,
[data-record-mode] .access-panel__heading h1,
[data-record-mode] .access-panel__heading h2,
[data-record-mode] .access-panel__heading h3,
[data-record-mode] .access-panel__heading h4,
[data-record-mode] .tenant-form__section-title,
[data-record-mode] .workspace-form__section-head h3,
[data-record-mode] .card-header strong,
[data-record-mode] .access-panel__heading strong {
  font-size: 1.05rem !important;
  line-height: 1.25;
}

/* Record Mode Heading Accent */
.record-mode .workspace-form__eyebrow,
.record-mode .financials-payments-entry-group__eyebrow,
.record-mode-panel .workspace-form__eyebrow,
.record-mode-panel .financials-payments-entry-group__eyebrow,
[data-record-mode] .workspace-form__eyebrow,
[data-record-mode] .financials-payments-entry-group__eyebrow {
  color: color-mix(in srgb, var(--record-mode-accent) 92%, var(--valor-text) 8%);
}

/* Record Mode Shared Form Palette */
.record-mode .party-card__header h2,
.record-mode .ops-job-create-section__heading h2,
.record-mode-panel .party-card__header h2,
.record-mode-panel .ops-job-create-section__heading h2,
[data-record-mode] .party-card__header h2,
[data-record-mode] .ops-job-create-section__heading h2 {
  color: color-mix(in srgb, var(--record-mode-accent) 90%, var(--valor-text) 10%) !important;
}

.record-mode .access-panel__heading p,
.record-mode .party-card__header p,
.record-mode .tenant-form__section-copy,
.record-mode .workspace-form__section-head p,
.record-mode .financials-payments-entry-group__header p,
.record-mode .ops-job-create-section__heading p,
.record-mode .access-panel__copy,
.record-mode .form-text,
.record-mode .text-secondary,
.record-mode-panel .access-panel__heading p,
.record-mode-panel .party-card__header p,
.record-mode-panel .tenant-form__section-copy,
.record-mode-panel .workspace-form__section-head p,
.record-mode-panel .financials-payments-entry-group__header p,
.record-mode-panel .ops-job-create-section__heading p,
.record-mode-panel .access-panel__copy,
.record-mode-panel .form-text,
.record-mode-panel .text-secondary,
[data-record-mode] .access-panel__heading p,
[data-record-mode] .party-card__header p,
[data-record-mode] .tenant-form__section-copy,
[data-record-mode] .workspace-form__section-head p,
[data-record-mode] .financials-payments-entry-group__header p,
[data-record-mode] .ops-job-create-section__heading p,
[data-record-mode] .access-panel__copy,
[data-record-mode] .form-text,
[data-record-mode] .text-secondary {
  color: color-mix(in srgb, #ffffff 72%, var(--record-mode-accent) 28%) !important;
}

.record-mode .form-label,
.record-mode .form-check-label,
.record-mode-panel .form-label,
.record-mode-panel .form-check-label,
[data-record-mode] .form-label,
[data-record-mode] .form-check-label {
  color: color-mix(in srgb, #ffffff 90%, var(--record-mode-accent) 10%);
}

.record-mode .card-header h1,
.record-mode .card-header h2,
.record-mode .card-header h3,
.record-mode .card-header h4,
.record-mode .access-panel__heading h1,
.record-mode .access-panel__heading h2,
.record-mode .access-panel__heading h3,
.record-mode .access-panel__heading h4,
.record-mode .tenant-form__section-title,
.record-mode .workspace-form__section-head h3,
.record-mode-panel .card-header h1,
.record-mode-panel .card-header h2,
.record-mode-panel .card-header h3,
.record-mode-panel .card-header h4,
.record-mode-panel .access-panel__heading h1,
.record-mode-panel .access-panel__heading h2,
.record-mode-panel .access-panel__heading h3,
.record-mode-panel .access-panel__heading h4,
.record-mode-panel .tenant-form__section-title,
.record-mode-panel .workspace-form__section-head h3,
[data-record-mode] .card-header h1,
[data-record-mode] .card-header h2,
[data-record-mode] .card-header h3,
[data-record-mode] .card-header h4,
[data-record-mode] .access-panel__heading h1,
[data-record-mode] .access-panel__heading h2,
[data-record-mode] .access-panel__heading h3,
[data-record-mode] .access-panel__heading h4,
[data-record-mode] .tenant-form__section-title,
[data-record-mode] .workspace-form__section-head h3,
.record-mode .card-header strong,
.record-mode .access-panel__heading strong,
.record-mode-panel .card-header strong,
.record-mode-panel .access-panel__heading strong,
[data-record-mode] .card-header strong,
[data-record-mode] .access-panel__heading strong {
  color: color-mix(in srgb, var(--record-mode-accent) 90%, var(--valor-text) 10%) !important;
}


/* Shared results surfaces should stay visually distinct from create/edit sections. */
.workspace-results-panel,
[data-workspace-surface="results"],
.workspace-search-results,
.financials-payments-search-results {
  border-color: color-mix(in srgb, var(--workspace-results-border) 84%, transparent);
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--workspace-results-accent) 14%, var(--access-panel-bg)),
      color-mix(in srgb, var(--workspace-results-accent) 5%, var(--access-panel-bg))
    );
}

.workspace-results-panel .access-panel__heading,
[data-workspace-surface="results"] .access-panel__heading {
  border-bottom-color: color-mix(in srgb, var(--workspace-results-border) 72%, transparent);
}

.workspace-results-panel .access-panel__heading h1,
.workspace-results-panel .access-panel__heading h2,
.workspace-results-panel .access-panel__heading h3,
.workspace-results-panel .access-panel__heading h4,
.workspace-results-panel .access-panel__heading strong,
[data-workspace-surface="results"] .access-panel__heading h1,
[data-workspace-surface="results"] .access-panel__heading h2,
[data-workspace-surface="results"] .access-panel__heading h3,
[data-workspace-surface="results"] .access-panel__heading h4,
[data-workspace-surface="results"] .access-panel__heading strong {
  color: color-mix(in srgb, var(--workspace-results-accent) 90%, var(--valor-text) 10%) !important;
}




.ops-job-balance-state--alert {
  color: #ff7e79;
}


.financials-payments-search-results {
  display: grid;
  gap: 0.7rem;
  padding-top: 0.5rem;
}

.financials-payments-search__select {
  min-width: 0;
}

.financials-payments-search__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  white-space: nowrap;
  padding-right: 0.35rem;
}

.financials-payments-search-results__label {
  display: block;
  padding-left: 0.9rem;
  margin-bottom: 0.15rem;
}

.financials-payments-search-results .financials-worktable-wrap {
  margin-top: 0.1rem;
}

.financials-payments-search + .financials-payments-search-results {
  margin-top: 0.9rem;
}

.financials-payments-search-results {
  background: transparent;
  border-color: transparent;
}


/* Jobs Details section normalization - keep these final so they win over tab-specific styling. */
.ops-job-panel--standard {
  --access-title: var(--valor-text) !important;
  --access-copy: var(--valor-muted) !important;
  background: var(--access-panel-bg) !important;
  border-color: var(--access-panel-border) !important;
  box-shadow: var(--access-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent) !important;
}

.ops-job-panel--standard .access-panel__heading,
.ops-job-panel--standard .ops-job-panel__heading {
  border-bottom-color: color-mix(in srgb, var(--access-panel-border) 72%, transparent) !important;
}

.ops-job-panel--standard .access-panel__heading h1,
.ops-job-panel--standard .access-panel__heading h2,
.ops-job-panel--standard .access-panel__heading h3,
.ops-job-panel--standard .access-panel__heading h4,
.ops-job-panel--standard .access-panel__heading strong,
.ops-job-panel--standard .ops-job-panel__heading h2,
.ops-job-panel--standard .ops-job-panel__heading h3,
.ops-job-panel--standard .workspace-form__section-head h3,
.ops-job-panel--standard .workspace-form__eyebrow,
.ops-job-panel--standard .financials-payments-entry-group__eyebrow {
  color: var(--valor-text) !important;
}

.ops-job-panel--standard .access-panel__copy,
.ops-job-panel--standard .ops-job-expense-cost-group__head p,
.ops-job-panel--standard .ops-job-expense-editor .access-panel__copy,
.ops-job-panel--standard .ops-job-expense-ledger .access-panel__copy {
  color: var(--valor-muted) !important;
}

.ops-job-panel--standard .ops-job-expense-fieldset {
  border-color: color-mix(in srgb, var(--access-panel-border) 62%, transparent) !important;
  background: color-mix(in srgb, var(--access-panel-bg) 99%, #0f172a 1%) !important;
}

.ops-job-panel--create {
  --access-title: color-mix(in srgb, var(--record-mode-create-accent) 90%, var(--valor-text) 10%) !important;
  --access-copy: color-mix(in srgb, var(--record-mode-create-accent) 22%, var(--valor-muted) 78%) !important;
  --record-mode-accent: var(--record-mode-create-accent);
  --record-mode-border: var(--record-mode-create-border);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-create-accent) 8%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-create-accent) 2%, var(--access-panel-bg))
  ) !important;
  border-color: color-mix(in srgb, var(--record-mode-create-border) 84%, transparent) !important;
  box-shadow: var(--access-shadow), inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent) !important;
}

.ops-job-panel--create .access-panel__heading,
.ops-job-panel--create .ops-job-panel__heading {
  border-bottom-color: color-mix(in srgb, var(--record-mode-create-border) 72%, transparent) !important;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-create-accent) 22%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-create-accent) 10%, var(--access-panel-bg))
  ) !important;
}

.ops-job-panel--create .access-panel__heading h1,
.ops-job-panel--create .access-panel__heading h2,
.ops-job-panel--create .access-panel__heading h3,
.ops-job-panel--create .access-panel__heading h4,
.ops-job-panel--create .access-panel__heading strong,
.ops-job-panel--create .ops-job-panel__heading h2,
.ops-job-panel--create .ops-job-panel__heading h3,
.ops-job-panel--create .workspace-form__section-head h3,
.ops-job-panel--create .workspace-form__eyebrow,
.ops-job-panel--create .financials-payments-entry-group__eyebrow {
  color: color-mix(in srgb, var(--record-mode-create-accent) 90%, var(--valor-text) 10%) !important;
}

.ops-job-panel--create .access-panel__copy {
  color: color-mix(in srgb, var(--record-mode-create-accent) 22%, var(--valor-muted) 78%) !important;
}

/* Preserve red delete treatment on shared table icon buttons. */
:root[data-theme="dark"] .btn-delete-action.table-icon-btn,
:root[data-theme="dark"] .table-icon-btn.btn-delete-action,
:root[data-theme="dark"] .tenant-action-btn-delete.table-icon-btn,
:root[data-theme="dark"] .table-icon-btn.tenant-action-btn-delete {
  color: #fecaca !important;
  border-color: rgba(248, 113, 113, 0.5) !important;
  background: rgba(127, 29, 29, 0.28) !important;
}

:root[data-theme="dark"] .btn-delete-action.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="dark"] .btn-delete-action.table-icon-btn:focus,
:root[data-theme="dark"] .table-icon-btn.btn-delete-action:hover,
:root[data-theme="dark"] .table-icon-btn.btn-delete-action:focus,
:root[data-theme="dark"] .tenant-action-btn-delete.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="dark"] .tenant-action-btn-delete.table-icon-btn:focus,
:root[data-theme="dark"] .table-icon-btn.tenant-action-btn-delete:hover,
:root[data-theme="dark"] .table-icon-btn.tenant-action-btn-delete:focus {
  color: #fee2e2 !important;
  border-color: rgba(252, 165, 165, 0.72) !important;
  background: rgba(153, 27, 27, 0.42) !important;
}

:root[data-theme="light"] .btn-delete-action.table-icon-btn,
:root[data-theme="light"] .table-icon-btn.btn-delete-action,
:root[data-theme="light"] .tenant-action-btn-delete.table-icon-btn,
:root[data-theme="light"] .table-icon-btn.tenant-action-btn-delete {
  color: #b91c1c !important;
  border-color: rgba(220, 38, 38, 0.34) !important;
  background: rgba(254, 242, 242, 0.96) !important;
}

:root[data-theme="light"] .btn-delete-action.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="light"] .btn-delete-action.table-icon-btn:focus,
:root[data-theme="light"] .table-icon-btn.btn-delete-action:hover,
:root[data-theme="light"] .table-icon-btn.btn-delete-action:focus,
:root[data-theme="light"] .tenant-action-btn-delete.table-actions-cell {
  white-space: nowrap;
}

.table-action-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.table-action-row > form {
  display: inline-flex;
  margin: 0;
}

.table-action-state {
  min-width: 0;
  width: 1.95rem;
  height: 1.95rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0.6rem;
  border: 1.5px solid transparent;
  cursor: not-allowed;
  opacity: 0.72;
}

.table-action-state svg {
  width: 0.95rem;
  height: 0.95rem;
}

:root[data-theme="dark"] .table-action-state {
  color: rgba(240, 246, 252, 0.72);
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(30, 41, 59, 0.44);
}

:root[data-theme="dark"] .table-action-state--locked {
  color: rgba(248, 250, 252, 0.7);
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.46);
}

:root[data-theme="dark"] .table-action-state--deposited {
  color: rgba(161, 240, 191, 0.8);
  border-color: rgba(74, 222, 128, 0.34);
  background: rgba(20, 83, 45, 0.34);
}

:root[data-theme="light"] .table-action-state {
  color: rgba(51, 65, 85, 0.74);
  border-color: rgba(148, 163, 184, 0.35);
  background: rgba(241, 245, 249, 0.94);
}

:root[data-theme="light"] .table-action-state--locked {
  color: rgba(51, 65, 85, 0.78);
  border-color: rgba(148, 163, 184, 0.36);
  background: rgba(226, 232, 240, 0.96);
}

:root[data-theme="light"] .table-action-state--deposited {
  color: rgba(21, 128, 61, 0.86);
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(220, 252, 231, 0.95);
}
.table-icon-btn:hover,
:root[data-theme="light"] .tenant-action-btn-delete.table-icon-btn:focus,
:root[data-theme="light"] .table-icon-btn.tenant-action-btn-delete:hover,
:root[data-theme="light"] .table-icon-btn.tenant-action-btn-delete:focus {
  color: #991b1b !important;
  border-color: rgba(185, 28, 28, 0.46) !important;
  background: rgba(254, 226, 226, 0.98) !important;
}

/* Labor log row status icons */
.production-labor-log-status-indicators {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.production-labor-log-status-indicator {
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1.5px solid transparent;
}

.production-labor-log-status-indicator svg {
  width: 0.95rem;
  height: 0.95rem;
  display: block;
}

:root[data-theme="dark"] .production-labor-log-status-indicator--paid {
  color: #7ef2ba;
  border-color: rgba(62, 229, 150, 0.55);
  background: rgba(15, 61, 44, 0.38);
}

:root[data-theme="dark"] .production-labor-log-status-indicator--verified {
  color: #8cc8ff;
  border-color: rgba(96, 165, 250, 0.55);
  background: rgba(22, 47, 89, 0.38);
}

:root[data-theme="dark"] .production-labor-log-status-indicator--off {
  color: #94a3b8;
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(51, 65, 85, 0.2);
}

:root[data-theme="light"] .production-labor-log-status-indicator--paid {
  color: #0f8750;
  border-color: rgba(15, 135, 80, 0.45);
  background: rgba(221, 247, 234, 0.85);
}

:root[data-theme="light"] .production-labor-log-status-indicator--verified {
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.32);
  background: rgba(219, 234, 254, 0.92);
}

:root[data-theme="light"] .production-labor-log-status-indicator--off {
  color: #64748b;
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(241, 245, 249, 0.95);
}

/* Shared hidden text helper for icon-only controls and indicators. */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Labor log table sizing for narrower windows. */
.production-labor-log-table {
  min-width: 64rem;
}

.production-labor-log-table th:last-child,
.production-labor-log-table td:last-child {
  width: 1%;
  white-space: nowrap;
}

.production-labor-log-status-indicators {
  flex-wrap: nowrap;
  min-width: max-content;
}

.production-labor-log-status-indicator {
  position: relative;
  flex: 0 0 auto;
}

/* Labor log width balancing so status remains visible sooner on desktop. */
.production-labor-log-workspace {
  grid-template-columns: minmax(0, 1.95fr) minmax(19.5rem, 0.85fr);
}

.production-labor-log-table {
  min-width: 56rem;
}

.production-labor-log-table th,
.production-labor-log-table td {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.production-labor-log-table th:nth-child(1),
.production-labor-log-table td:nth-child(1) {
  min-width: 6.7rem;
}

.production-labor-log-table th:nth-child(2),
.production-labor-log-table td:nth-child(2) {
  min-width: 8.75rem;
}

.production-labor-log-table th:nth-child(3),
.production-labor-log-table td:nth-child(3) {
  min-width: 9.5rem;
}

.production-labor-log-table th:nth-child(4),
.production-labor-log-table td:nth-child(4) {
  min-width: 10.5rem;
}

.production-labor-log-table th:nth-child(5),
.production-labor-log-table td:nth-child(5) {
  min-width: 6.5rem;
}

.production-labor-log-table th:nth-child(8),
.production-labor-log-table td:nth-child(8) {
  min-width: 4.25rem;
}

.production-labor-log-status-indicators {
  justify-content: flex-start;
  gap: 0.35rem;
}

@media (max-width: 1280px) {
  .production-labor-log-workspace {
    grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 0.78fr);
  }

  .production-labor-log-table {
    min-width: 53rem;
  }
}

/* Labor log tighter desktop fit so both status icons remain visible beside the editor pane. */
.production-labor-log-workspace {
  grid-template-columns: minmax(0, 2.1fr) minmax(16.75rem, 0.72fr);
}

.production-labor-log-table {
  min-width: 50.5rem;
}

.production-labor-log-table th,
.production-labor-log-table td {
  padding-left: 0.55rem;
  padding-right: 0.55rem;
}

.production-labor-log-table th:nth-child(1),
.production-labor-log-table td:nth-child(1) {
  min-width: 5.9rem;
}

.production-labor-log-table th:nth-child(2),
.production-labor-log-table td:nth-child(2) {
  min-width: 8.75rem;
}

.production-labor-log-table th:nth-child(3),
.production-labor-log-table td:nth-child(3) {
  min-width: 10.5rem;
}

.production-labor-log-table th:nth-child(4),
.production-labor-log-table td:nth-child(4) {
  min-width: 5.5rem;
}

.production-labor-log-table th:nth-child(5),
.production-labor-log-table td:nth-child(5) {
  min-width: 7rem;
}

.production-labor-log-table th:nth-child(6),
.production-labor-log-table td:nth-child(6),
.production-labor-log-table th:nth-child(7),
.production-labor-log-table td:nth-child(7) {
  min-width: 4.2rem;
}

.production-labor-log-table th:nth-child(8),
.production-labor-log-table td:nth-child(8) {
  min-width: 3.35rem;
}

.production-labor-log-status-indicators {
  gap: 0.22rem;
}

.production-labor-log-status-indicator {
  width: 1.55rem;
  height: 1.55rem;
}

.production-labor-log-status-indicator svg {
  width: 0.82rem;
  height: 0.82rem;
}

@media (max-width: 1280px) {
  .production-labor-log-workspace {
    grid-template-columns: minmax(0, 1.95fr) minmax(15.5rem, 0.68fr);
  }

  .production-labor-log-table {
    min-width: 48rem;
  }
}

/* Labor log split-view rebalance: protect editor width, let table scroll sooner. */
.production-labor-log-workspace {
  grid-template-columns: minmax(0, 1fr) clamp(20.5rem, 25vw, 23rem);
}

.production-labor-log-table {
  min-width: 52rem;
}

@media (max-width: 1280px) {
  .production-labor-log-workspace {
    grid-template-columns: minmax(0, 1fr) clamp(19rem, 28vw, 21rem);
  }

  .production-labor-log-table {
    min-width: 50rem;
  }
}

/* Global table density pass: slightly smaller table typography across pages. */
.page-body .table:not(.valor-report) {
  font-size: 0.78rem;
}

.page-body .table:not(.valor-report) tbody td,
.page-body .table:not(.valor-report) tbody td a,
.page-body .table:not(.valor-report) tbody td span,
.page-body .table:not(.valor-report) tbody td strong,
.page-body .table:not(.valor-report) tbody td small {
  font-size: inherit;
}

.page-body .table:not(.valor-report) tbody td small,
.page-body .table:not(.valor-report) tbody td .text-muted,
.page-body .table:not(.valor-report) tbody td .small {
  font-size: 0.72rem;
}

/* Labor log editor controls: keep date inputs aligned to the same width as peer fields. */
.production-labor-log-editor-field {
  min-width: 0;
}

.production-labor-log-editor-field .form-control,
.production-labor-log-editor-field .form-select,
.production-labor-log-editor-field input[type="date"],
.production-labor-log-editor-field textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* Labor log final responsive balance: keep the split view on wide desktops, but stack earlier so
   the entries table and editor do not crush each other. */
.production-labor-log-workspace {
  grid-template-columns: minmax(0, 1.55fr) minmax(22rem, 0.9fr);
}

.production-labor-log-table {
  min-width: 52rem;
}

@media (max-width: 1200px) {
  .production-labor-log-workspace {
    grid-template-columns: 1fr;
  }

  .production-labor-log-list-pane,
  .production-labor-log-editor-pane {
    min-width: 0;
  }
}

.production-labor-log-list-pane > .card > .table-responsive {
  overflow-x: auto;
  overflow-y: hidden;
}

.production-labor-log-table .mobile-stack-cell-value {
  display: block;
  min-width: 0;
}

@media (max-width: 767.98px) {
  .production-labor-log-table tbody tr.mobile-stack-row > td {
    display: block;
  }

  .production-labor-log-table tbody tr.mobile-stack-row > td::before {
    display: block;
    margin-bottom: 0.45rem;
    max-width: none;
  }

  .production-labor-log-table .mobile-stack-cell-value {
    display: block;
    min-width: 0;
    max-width: none;
    width: 100%;
    text-align: left;
  }

  .production-labor-log-table .mobile-stack-cell-value,
  .production-labor-log-table .mobile-stack-cell-value > * {
    overflow-wrap: anywhere;
  }

.production-labor-log-table .production-labor-log-status-indicators {
    justify-content: flex-start;
  }
}

/* Allow job search dropdowns to escape styled panels/cards instead of clipping. */
.task-job-search-surface,
.task-job-search-surface.card,
.task-job-search-surface.card > .card-body,
.task-job-search-surface[data-record-mode] {
  overflow: visible;
}

.task-job-search {
  z-index: 40;
}

.task-job-search-results {
  z-index: 2000;
}





/* Deals and record-action consistency */
.record-action-primary,
.record-action-primary.btn,
.record-mode .record-action-primary,
.record-mode-panel .record-action-primary,
[data-record-mode] .record-action-primary {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 90%, #ffffff 10%),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 72%, #1d4ed8 28%)
  ) !important;
  background-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 84%, #0f172a 16%) !important;
  border-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 82%, #0f172a 18%) !important;
  color: #fff !important;
  box-shadow: 0 .85rem 1.8rem color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 18%, transparent);
}

.record-action-primary:hover,
.record-action-primary:focus,
.record-action-primary.btn:hover,
.record-action-primary.btn:focus,
.record-mode .record-action-primary:hover,
.record-mode .record-action-primary:focus,
.record-mode-panel .record-action-primary:hover,
.record-mode-panel .record-action-primary:focus,
[data-record-mode] .record-action-primary:hover,
[data-record-mode] .record-action-primary:focus {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 94%, #ffffff 6%),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 84%, #0f172a 16%)
  ) !important;
  background-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 88%, #0f172a 12%) !important;
  border-color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 88%, #0f172a 12%) !important;
  color: #fff !important;
  box-shadow: 0 1rem 2rem color-mix(in srgb, var(--record-mode-accent, var(--valor-accent-strong)) 22%, transparent);
}

.record-action-nav,
.deal-btn-secondary {
  color: color-mix(in srgb, #ffffff 86%, var(--valor-text-muted) 14%);
  border-color: color-mix(in srgb, var(--access-panel-border) 82%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 90%, #ffffff 10%);
}

.record-action-nav:hover,
.record-action-nav:focus,
.deal-btn-secondary:hover,
.deal-btn-secondary:focus {
  color: #fff;
  border-color: color-mix(in srgb, var(--access-panel-border) 96%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 76%, #ffffff 24%);
}

.record-action-subtle {
  color: color-mix(in srgb, #ffffff 62%, var(--valor-text-muted) 38%);
  border-color: color-mix(in srgb, var(--access-panel-border) 54%, transparent);
  background: rgba(255, 255, 255, 0.02);
}

.record-action-subtle:hover,
.record-action-subtle:focus {
  color: color-mix(in srgb, #ffffff 88%, var(--valor-text-muted) 12%);
  border-color: color-mix(in srgb, var(--access-panel-border) 80%, transparent);
  background: rgba(255, 255, 255, 0.08);
}

.deal-btn-primary {
  background: linear-gradient(90deg, var(--record-mode-create-accent), color-mix(in srgb, var(--record-mode-create-accent) 72%, #1d4ed8 28%));
  border-color: color-mix(in srgb, var(--record-mode-create-accent) 82%, #0f172a 18%);
  color: #fff;
}

.deal-btn-primary:hover,
.deal-btn-primary:focus {
  color: #fff;
}

.deals-form-shell {
  padding: 1.5rem 1.6rem;
}

.deals-form-shell.record-mode-panel--create,
.deals-form-shell.record-mode-panel--edit {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 4%, var(--access-panel-bg)),
    color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 1.25%, var(--access-panel-bg))
  );
}

.deal-form-section {
  display: grid;
  gap: 1.1rem;
}

.deal-surface-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: -1.5rem -1.6rem 0;
  padding: 1.25rem 1.6rem 0.95rem;
  border-bottom: 1px solid color-mix(in srgb, var(--access-panel-border) 66%, transparent);
  background: linear-gradient(135deg,
      color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 11%, var(--access-panel-bg)),
      color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 3%, var(--access-panel-bg)) 70%);
}

.deal-surface-heading h2 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 90%, var(--valor-text) 10%);
}

.deal-surface-heading p {
  color: color-mix(in srgb, #ffffff 88%, var(--valor-text-muted) 12%);
}

.deal-form-column {
  display: grid;
  gap: 1rem;
  height: 100%;
}

.deal-form-identity-grid {
  display: grid;
  gap: 1rem;
}

.deal-form-identity-grid--main {
  grid-template-columns: 1fr;
  gap: 1.15rem;
  align-items: start;
}

.deal-form-identity-grid--details {
  grid-template-columns: 1.1fr 1fr .78fr 1fr 1fr;
  gap: .9rem;
  align-items: start;
}

.deal-form-identity-grid__cell {
  min-width: 0;
}

.deal-form-identity-grid__cell .form-control,
.deal-form-identity-grid__cell .form-select {
  width: 100%;
}

.deal-party-picker {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  gap: .65rem;
  align-items: start;
}

.deal-party-picker__results {
  position: absolute;
  top: calc(100% + .35rem);
  left: 0;
  right: 4.8rem;
  z-index: 30;
  display: grid;
  gap: .3rem;
  padding: .4rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 82%, transparent);
  border-radius: .85rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, #000 6%);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}

.deal-party-picker__results[hidden] {
  display: none !important;
}

.deal-party-picker__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: 100%;
  padding: .7rem .8rem;
  border: 0;
  border-radius: .7rem;
  color: var(--valor-text);
  background: transparent;
  text-align: left;
}

.deal-party-picker__item:hover,
.deal-party-picker__item:focus-visible {
  background: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 14%, transparent);
  outline: none;
}

.deal-party-picker__name {
  font-weight: 700;
}

.deal-party-picker__type {
  color: var(--valor-text-muted);
  font-size: .85rem;
  white-space: nowrap;
}

.deal-inline-address-toggle-row {
  display: flex;
  align-items: center;
  gap: .85rem;
  flex-wrap: wrap;
  padding: 0;
}

.deal-inline-address-toggle {
  flex: 0 0 auto;
  min-width: 8.5rem;
  font-weight: 700;
}

.deal-inline-address {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 48%, transparent);
  border-radius: .95rem;
  padding: .95rem 1rem 1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--access-panel-bg) 97%, #000 3%),
    color-mix(in srgb, var(--access-panel-bg) 92%, #000 8%)
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 3%, transparent);
}

.deal-inline-address[hidden] {
  display: none !important;
}

.deal-inline-address__heading {
  margin-bottom: .8rem;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 42%, var(--tblr-muted) 58%);
}

.deal-inline-address__primary {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 2.75rem;
}

@media (max-width: 1400px) {
  .deal-form-identity-grid--main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
  .deal-form-identity-grid--details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 992px) {
  .deal-form-identity-grid--details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .deal-surface-heading {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .deal-party-picker {
    grid-template-columns: 1fr;
  }

  .deal-party-picker__results {
    right: 0;
  }
}

@media (max-width: 640px) {
  .deal-form-identity-grid--details {
    grid-template-columns: 1fr;
  }
}

.filter-action-primary {
  color: #fff;
  border-color: color-mix(in srgb, var(--record-mode-filter-accent) 82%, #0f172a 18%);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-filter-accent) 90%, #ffffff 10%),
    color-mix(in srgb, var(--record-mode-filter-accent) 72%, #1d4ed8 28%)
  );
  box-shadow: 0 .7rem 1.5rem color-mix(in srgb, var(--record-mode-filter-accent) 18%, transparent);
}

.filter-action-primary:hover,
.filter-action-primary:focus {
  color: #fff;
  border-color: color-mix(in srgb, var(--record-mode-filter-accent) 88%, #0f172a 12%);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--record-mode-filter-accent) 94%, #ffffff 6%),
    color-mix(in srgb, var(--record-mode-filter-accent) 84%, #0f172a 16%)
  );
}

.filter-action-secondary {
  color: color-mix(in srgb, #ffffff 86%, var(--valor-text-muted) 14%);
  border-color: color-mix(in srgb, var(--record-mode-filter-border) 70%, transparent);
  background: color-mix(in srgb, var(--record-mode-filter-accent) 10%, transparent);
}

.filter-action-secondary:hover,
.filter-action-secondary:focus {
  color: #fff;
  border-color: color-mix(in srgb, var(--record-mode-filter-border) 90%, transparent);
  background: color-mix(in srgb, var(--record-mode-filter-accent) 18%, transparent);
}


/* Shared compact filter layout */
.workspace-filter-form {
  display: grid;
  gap: 1rem;
}

.workspace-filter-card > .card-header {
  background: var(--workspace-filter-header-bg);
  color: var(--workspace-filter-header-text);
  border-bottom: 1px solid var(--workspace-filter-header-border);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.workspace-filter-card > .card-header .text-muted,
.workspace-filter-card > .card-header .small {
  color: color-mix(in srgb, var(--workspace-filter-header-text) 76%, transparent) !important;
}

.workspace-filter-form__top {
  display: grid;
  gap: 1rem;
  align-items: start;
}

.workspace-filter-form__top--compact {
  grid-template-columns: minmax(18rem, 2fr) repeat(2, minmax(12rem, 1fr));
}

.workspace-filter-form__field,
.workspace-filter-form__field--search {
  min-width: 0;
}

.workspace-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  flex-wrap: wrap;
}

.deal-form-column--left {
  gap: .3rem;
}

.deal-form-column--right {
  gap: 1rem;
  padding-top: .95rem;
}
.deal-form-grid__details-row {
  margin-top: 0;
}



.financials-payments-panel__intro {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 1rem;
}

.financials-payments-panel__intro .financials-payments-panel__eyebrow {
  display: inline-block;
}



.financials-payments-entry-group {
  overflow: hidden;
}

.financials-payments-entry-group__header {
  padding: 0.85rem 1rem 0.65rem;
  margin: -0.95rem -1rem 0.75rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.financials-payments-panel--selected .financials-worktable__row--selected > td {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}

.financials-payments-panel--selected .financials-worktable__row--selected td:first-child {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--valor-accent) 78%, transparent);
}

.financials-payments-panel--selected .financials-worktable__row--selected:hover > td {
  background: color-mix(in srgb, var(--valor-accent) 11%, var(--valor-card-bg)) !important;
}


.sales-deal-tasks-panel .party-card__header,
.sales-deal-tasks-panel .access-panel__heading,
.sales-deal-tasks-panel .ops-job-panel__heading {
  background: transparent !important;
  box-shadow: none;
}





.financials-job-payments-calculator {
  margin: 1.1rem 0 1.35rem;
  padding: 1.2rem 1.25rem 1.15rem;
  border-color: color-mix(in srgb, var(--access-panel-border) 84%, transparent);
}

.financials-job-payments-calculator .financials-payments-panel__heading {
  margin-bottom: 1rem;
}

.financials-job-payments-calculator .financials-payments-panel__heading--stack {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) auto;
  align-items: start;
}

.financials-job-payments-calculator .financials-payments-panel__heading--stack .financials-payments-panel__meta {
  justify-self: end;
}

.financials-job-payments-header-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: end;
}

.financials-job-payments-source-pills {
  display: grid;
  justify-items: end;
  gap: 0.6rem;
  margin-top: 0.25rem;
}

.financials-job-payments-source-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.48rem 0.82rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  background: color-mix(in srgb, var(--valor-card-bg) 86%, #0f172a 14%);
  color: color-mix(in srgb, var(--valor-muted) 80%, #ffffff 20%);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.financials-job-payments-source-pill::before {
  content: "";
  width: 0.9rem;
  text-align: center;
  color: transparent;
}

.financials-job-payments-source-pill.is-active {
  color: #dbeafe;
  border-color: rgba(59, 130, 246, 0.45);
  background: rgba(30, 64, 175, 0.26);
}

.financials-job-payments-source-pill.is-active::before {
  content: "\2713";
  color: currentColor;
}

.financials-job-payments-calculator__controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 0.9rem 1rem;
  align-items: end;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 70%, transparent);
  border-radius: 1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--access-panel-bg) 96%, #ffffff 4%),
    color-mix(in srgb, var(--access-panel-bg) 91%, #0f172a 9%)
  );
}

.financials-job-payments-calculator__field {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
}

.financials-job-payments-calculator__field .form-label {
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--valor-muted) 76%, #ffffff 24%);
}

.financials-job-payments-calculator__field .form-control {
  min-height: 2.55rem;
}

.financials-job-payments-calculator__reset {
  justify-self: end;
  align-self: center;
  white-space: nowrap;
}

.financials-job-payments-calculator__results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.financials-job-payments-calc-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
  min-height: 100%;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 1rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--access-panel-bg) 98%, #ffffff 2%),
    color-mix(in srgb, var(--access-panel-bg) 92%, #111827 8%)
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 6%, transparent);
}

.financials-job-payments-calc-card > div {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.financials-job-payments-calc-card__label {
  display: inline-block;
  margin-bottom: 0.45rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--valor-muted) 74%, #ffffff 26%);
}

.financials-job-payments-calc-card strong {
  display: block;
  font-size: 1.65rem;
  line-height: 1.08;
}

.financials-job-payments-calc-card p {
  margin: 0.45rem 0 0;
  color: var(--valor-muted);
  line-height: 1.4;
}

.financials-job-payments-calc-card .table-icon-btn {
    flex: 0 0 auto;
    align-self: flex-start;
}

.financials-job-payments-calc-card > .table-icon-btn {
    position: absolute;
    top: 1rem;
    right: 1.05rem;
    margin-top: 0;
}

.financials-job-payments-calc-card--upfront {
  border-color: rgba(251, 191, 36, 0.34);
  background: linear-gradient(180deg, rgba(146, 64, 14, 0.16), rgba(37, 24, 10, 0.08));
}

.financials-job-payments-calc-card--clear {
  border-color: rgba(52, 211, 153, 0.26);
}

.financials-job-payments-calc-card__status {
  display: inline-flex;
  align-items: center;
  margin-top: 0.75rem;
  padding: 0.32rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.financials-job-payments-calc-card__status--warn {
  color: #fbbf24;
  background: rgba(146, 64, 14, 0.22);
  border: 1px solid rgba(251, 191, 36, 0.32);
}

.financials-job-payments-calc-card__status--clear {
  color: #34d399;
  background: rgba(6, 95, 70, 0.2);
  border: 1px solid rgba(52, 211, 153, 0.26);
}

.financials-job-commission-status {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.35rem;
}

.financials-job-commission-status__header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.financials-job-commission-status__verified-pill {
  display: none;
}

.financials-job-commission-status__collapse {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.financials-job-commission-status__collapse .ui-action-icon {
  transition: transform 160ms ease;
}

.financials-job-commission-status__collapse.is-expanded .ui-action-icon {
  transform: rotate(180deg);
}

.financials-job-commission-status__body {
  display: grid;
  gap: 1rem;
}

.financials-job-commission-status.is-collapsed {
  gap: 0.15rem;
  margin-bottom: 1.65rem;
}

.financials-job-commission-status.is-collapsed .financials-payments-panel__heading {
  margin-bottom: 0;
}

.financials-job-commission-status.is-collapsed .financials-job-commission-status__body {
  display: none !important;
}

.financials-job-commission-status.is-collapsed .financials-payments-panel__eyebrow,
.financials-job-commission-status.is-collapsed .financials-payments-panel__meta,
.financials-job-commission-status.is-collapsed .access-panel__copy {
  display: none;
}

.financials-job-commission-status.is-collapsed .financials-job-commission-status__verified-pill {
  display: inline-flex;
}

.financials-job-commission-status.is-collapsed .financials-payments-panel__heading--editor {
  align-items: center;
}

.financials-job-commission-status.is-collapsed .financials-payments-panel__heading--editor > div {
  display: flex;
  align-items: center;
}

.financials-job-commission-status.is-collapsed .financials-payments-panel__heading--editor h2 {
  margin: 0;
}

.financials-job-commission-status__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.financials-job-commission-status__toggle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, #0d1829 6%);
}

.financials-job-commission-status__toggle strong {
  display: block;
  margin-bottom: 0.15rem;
}

.financials-job-commission-status__toggle small {
  color: var(--access-copy);
  line-height: 1.35;
}

.financials-job-commission-status__toggle .form-check-input {
  margin-top: 0.2rem;
}

.financials-job-commission-status__note {
  display: grid;
  gap: 0.45rem;
}

.financials-job-commission-status__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

@media (max-width: 768px) {
  .financials-job-commission-status__summary {
    width: 100%;
  }
}
.financials-job-payments-calculator__footer-note {
  min-height: 1.1rem;
  margin-top: 0.7rem;
  padding-left: 0.1rem;
  color: color-mix(in srgb, var(--record-mode-accent, var(--valor-accent)) 38%, var(--valor-muted) 62%);
  font-size: 0.78rem;
}

:root[data-theme="light"] .financials-job-payments-calculator__controls,
:root[data-theme="light"] .financials-job-payments-calc-card {
  background: linear-gradient(180deg, #ffffff, #f8fbff);
}

:root[data-theme="light"] .financials-job-payments-calc-card--upfront {
  background: linear-gradient(180deg, #fffaf0, #fff7e6);
}

:root[data-theme="light"] .financials-job-payments-calc-card__status--warn {
  color: #b45309;
  background: #fff7e6;
  border-color: rgba(180, 83, 9, 0.22);
}

:root[data-theme="light"] .financials-job-payments-calc-card__status--clear {
  color: #047857;
  background: #ecfdf5;
  border-color: rgba(4, 120, 87, 0.2);
}

@media (max-width: 1200px) {
  .financials-job-payments-calculator .financials-payments-panel__heading--stack {
    grid-template-columns: 1fr;
  }

  .financials-job-payments-calculator .financials-payments-panel__heading--stack .financials-payments-panel__meta {
    justify-self: start;
  }

  .financials-job-payments-header-meta {
    justify-content: flex-start;
    align-self: start;
  }

  .financials-job-payments-source-pills {
    justify-items: start;
    margin-top: 0;
  }

  .financials-job-payments-calculator__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .financials-job-payments-calculator__reset {
    justify-self: start;
  }

  .financials-job-payments-calculator__results {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .financials-job-payments-panel-actions {
    justify-content: flex-start;
  }

  .financials-job-payments-calculator {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .financials-job-payments-calculator__controls {
    grid-template-columns: 1fr;
    padding: 0.9rem;
  }
}

.financials-job-payments-calc-card__divider {
  height: 1px;
  margin: 0.7rem 0 0.75rem;
  background: color-mix(in srgb, var(--access-panel-border) 72%, transparent);
}

.financials-job-payments-calc-card__balance-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
    width: 100%;
}

.financials-job-payments-calc-card__balance-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--valor-muted) 76%, #ffffff 24%);
}

.financials-job-payments-calc-card__balance-value {
  display: block;
  font-size: 1.08rem;
  line-height: 1.15;
}

.financials-job-payments-calc-card__balance-meta {
  margin-top: 0.4rem !important;
  font-size: 0.78rem;
}

.financials-job-payments-calc-card__balance-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    min-width: 0;
    justify-content: flex-end;
    flex: 1 1 auto;
}

.financials-job-payments-calc-card__balance-copy {
    flex: 0 0 auto;
}

.financials-job-payments-calc-card__info-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.financials-job-payments-calc-card__info-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--valor-muted) 76%, #ffffff 24%);
}

.financials-job-payments-calc-card__info-value {
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  font-size: 1.02rem !important;
  line-height: 1.15;
}

.financials-job-payments-calc-card__info-meta {
  margin-top: 0.4rem !important;
  font-size: 0.78rem;
}

.financials-job-payments-calc-card__balance-label {
    flex: 0 0 auto;
}

.financials-job-payments-calc-card__balance-value {
    text-align: right;
    white-space: nowrap;
}



.defaults-page {
  display: grid;
  gap: 1rem;
}

.defaults-page__hero {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.4rem;
}

.defaults-page__hero-copy {
  max-width: 48rem;
}

.defaults-page__eyebrow {
  display: inline-block;
  margin-bottom: 0.45rem;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--valor-muted);
}

.defaults-page__title {
  margin: 0;
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.05;
}

.defaults-page__hero-actions {
  display: grid;
  gap: 0.75rem;
  justify-items: end;
}

.defaults-page__hero-note {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  color: var(--valor-muted);
  font-size: 0.8rem;
}

.defaults-page__summary {
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.defaults-form {
  display: grid;
  gap: 1rem;
}

.defaults-section {
  padding: 1.25rem;
}

.defaults-section__heading {
  margin-bottom: 1rem;
}

.defaults-section__grid,
.defaults-link-grid,
.defaults-source-card__grid {
  display: grid;
  gap: 1rem;
}

.defaults-section__grid--owners {
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.defaults-link-grid {
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.defaults-section__grid--finance {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.defaults-commission-grid {
  display: grid;
  gap: 1rem;
}

.defaults-source-card {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 74%, transparent);
  border-radius: 1.1rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
}

.defaults-source-card--self {
  border-color: color-mix(in srgb, #10b981 42%, var(--access-panel-border));
  background: linear-gradient(145deg, color-mix(in srgb, #10b981 10%, var(--access-panel-bg)), color-mix(in srgb, var(--access-panel-bg) 96%, transparent));
}

.defaults-source-card--team {
  border-color: color-mix(in srgb, #3b82f6 38%, var(--access-panel-border));
  background: linear-gradient(145deg, color-mix(in srgb, #2563eb 10%, var(--access-panel-bg)), color-mix(in srgb, var(--access-panel-bg) 96%, transparent));
}

.defaults-source-card--company {
  border-color: color-mix(in srgb, #f59e0b 38%, var(--access-panel-border));
  background: linear-gradient(145deg, color-mix(in srgb, #f59e0b 10%, var(--access-panel-bg)), color-mix(in srgb, var(--access-panel-bg) 96%, transparent));
}

.defaults-source-card__header {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.defaults-source-card__header h3 {
  margin: 0;
  font-size: 1.2rem;
}

.defaults-source-card__eyebrow {
  display: inline-block;
  margin-bottom: 0.35rem;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--valor-muted);
}

.defaults-source-card__pill {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 76%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 90%, transparent);
  color: var(--valor-text);
  font-size: 0.78rem;
  text-align: center;
}

.defaults-source-card__grid {
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.defaults-field-card {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 72%, transparent);
  border-radius: 0.95rem;
  padding: 0.9rem;
  background: color-mix(in srgb, var(--access-panel-bg) 96%, transparent);
}

.defaults-field-card .form-label {
  font-weight: 700;
}

.defaults-field-card .form-text {
  margin-top: 0.45rem;
}

.defaults-form__footer {
  position: sticky;
  bottom: 1rem;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
  box-shadow: var(--access-shadow);
  backdrop-filter: blur(10px);
}

.defaults-form__footer p {
  color: var(--valor-muted);
}

@media (max-width: 991.98px) {
  .defaults-page__hero,
  .defaults-source-card__header,
  .defaults-form__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .defaults-page__hero-actions {
    justify-items: stretch;
  }

  .defaults-page__hero-actions .btn,
  .defaults-form__footer .btn {
    width: 100%;
  }
}





.lookup-admin-page {
  display: grid;
  gap: 1.5rem;
}

.lookup-admin-hero {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
}

.lookup-admin-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--valor-accent) 20%, transparent) 0, transparent 38%),
    linear-gradient(145deg, color-mix(in srgb, var(--access-panel-bg) 96%, transparent), color-mix(in srgb, var(--access-panel-bg) 84%, #0f172a 16%));
  pointer-events: none;
}

.lookup-admin-hero > * {
  position: relative;
  z-index: 1;
}

.lookup-admin-hero__copy {
  max-width: 48rem;
}

.lookup-admin-hero__eyebrow {
  display: inline-block;
  margin-bottom: .5rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .72rem;
  color: var(--valor-text-muted);
}

.lookup-admin-hero h1 {
  margin: 0;
}

.lookup-admin-hero p {
  margin: .65rem 0 0;
  max-width: 48rem;
  color: var(--valor-text-muted);
}

.lookup-admin-hero__actions {
  display: grid;
  gap: .85rem;
  justify-items: end;
  min-width: 18rem;
}

.lookup-admin-chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .95rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 84%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 90%, transparent);
  color: var(--valor-text-muted);
  font-size: .84rem;
  white-space: nowrap;
}

.lookup-admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: flex-end;
}

.lookup-admin-btn {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
}

.lookup-admin-btn__icon,
.lookup-admin-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lookup-admin-btn__icon .ui-action-icon,
.lookup-admin-empty__icon .ui-action-icon {
  width: 1rem;
  height: 1rem;
}

.lookup-admin-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 1rem;
}

.lookup-admin-stat {
  min-height: 100%;
}

.lookup-admin-stat--accent {
  border-color: color-mix(in srgb, var(--valor-accent) 42%, var(--valor-table-border));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--valor-accent) 10%, transparent) inset;
}

.lookup-admin-panel,
.lookup-admin-form-panel,
.lookup-admin-footer {
  overflow: hidden;
}

.lookup-admin-panel__heading {
  align-items: start;
}

.lookup-admin-empty {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 0 .2rem;
}

.lookup-admin-empty h3 {
  margin: 0 0 .3rem;
  font-size: 1.05rem;
}

.lookup-admin-empty p {
  margin: 0;
  color: var(--valor-text-muted);
}

.lookup-admin-empty__icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: .95rem;
  border: 1px solid color-mix(in srgb, var(--valor-accent) 34%, var(--access-panel-border));
  background: color-mix(in srgb, var(--valor-accent) 12%, var(--access-panel-bg));
}

.lookup-admin-table tbody td {
  vertical-align: middle;
}

.lookup-admin-table__primary {
  font-weight: 700;
}

.lookup-admin-table__meta {
  margin-top: .2rem;
  color: var(--valor-text-muted);
  font-size: .88rem;
}

.lookup-admin-tag,
.lookup-admin-stat-pill,
.lookup-admin-sort {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 90%, transparent);
  background: color-mix(in srgb, var(--access-panel-bg) 92%, transparent);
  font-size: .84rem;
  font-weight: 600;
}

.lookup-admin-detail-list {
  display: grid;
  gap: .35rem;
}

.lookup-admin-detail-item {
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  font-size: .84rem;
}

.lookup-admin-detail-item strong {
  color: var(--valor-text-muted);
  font-weight: 700;
}

.lookup-admin-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
}

.lookup-admin-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.lookup-admin-form-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.lookup-admin-field,
.lookup-admin-toggle-card {
  border: 1px solid color-mix(in srgb, var(--access-panel-border) 78%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--access-panel-bg) 94%, transparent);
  padding: 1rem;
}

.lookup-admin-field--wide {
  grid-column: 1 / -1;
}

.lookup-admin-toggle {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: .35rem;
  font-weight: 700;
}

.lookup-admin-form-panel--narrow {
  max-width: 52rem;
}

.lookup-admin-footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.lookup-admin-footer p {
  color: var(--valor-text-muted);
}

@media (max-width: 991.98px) {
  .lookup-admin-hero,
  .lookup-admin-footer {
    flex-direction: column;
  }

  .lookup-admin-hero__actions,
  .lookup-admin-toolbar {
    width: 100%;
    justify-items: stretch;
    justify-content: flex-start;
  }

  .lookup-admin-form-grid {
    grid-template-columns: 1fr;
  }
}
.proposal-status-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.proposal-workspace .proposal-json-field {
  font-family: Consolas, "Courier New", monospace;
  min-height: 14rem;
}


.proposal-pricing-options {
    display: grid;
    gap: 0.85rem;
}

.proposal-pricing-option {
    display: grid;
    grid-template-columns: 1.2rem 8rem minmax(10rem, 14rem);
    align-items: center;
    gap: 0.75rem;
}

.proposal-pricing-option--financing {
    grid-template-columns: 1.2rem 7rem minmax(8rem, 10rem) auto 5rem auto 6rem auto;
}

.proposal-pricing-option__label,
.proposal-pricing-option__meta {
    color: var(--tblr-body-color, #fff);
}

.proposal-pricing-option__amount,
.proposal-pricing-option__months,
.proposal-pricing-option__apr {
    min-width: 0;
}

.proposal-pricing-option--credit {
  grid-template-columns: 1.2rem 6rem minmax(10rem, 14rem) auto;
}

.proposal-pricing-option__copy {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  justify-self: start;
  white-space: nowrap;
}

.proposal-pricing-option__copy-icon {
  display: inline-flex;
  align-items: center;
}

.proposal-pricing-option__copy .action-icon {
  width: 1rem;
  height: 1rem;
}