/* Tebra Patient Sync Dashboard — Tools → EHR & Billing (admin) */

.tebra-ehr-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 1rem;
}

.tebra-ehr-subnav-btn {
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 0.5px solid var(--c-box-border);
  background: var(--pq-surface, var(--c-box));
  color: var(--c-label, var(--c-muted2));
  cursor: pointer;
  font-family: -apple-system, sans-serif;
}

.tebra-ehr-subnav-btn.is-active {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: #fff;
}

html[data-dark] .tebra-ehr-subnav-btn {
  background: var(--pq-surface);
  color: var(--c-label);
}

/* Active pill must keep accent fill — dark surface + accent-ink made "Schedule" invisible. */
html[data-dark] .tebra-ehr-subnav-btn.is-active {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: #fff;
}

.tebra-sync-wrap {
  min-width: 0;
  font-family: -apple-system, sans-serif;
}

.tebra-sync-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 1rem;
}

.tebra-sync-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--c-ink);
  margin: 0;
}

.tebra-sync-sub {
  font-size: 13px;
  color: var(--c-ink2);
  margin: 0.35rem 0 0;
  line-height: 1.45;
}

.tebra-sync-section--weekly-auto {
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-weekly-progress {
  font-style: italic;
}

.tebra-sync-audit-panel {
  margin-top: 12px;
  border: 0.5px solid var(--c-box-border);
  border-radius: 10px;
  padding: 0 12px 12px;
  background: var(--pq-surface-muted, var(--c-box));
}

.tebra-sync-audit-summary {
  cursor: pointer;
  padding: 10px 0;
  list-style: none;
}

.tebra-sync-audit-summary::-webkit-details-marker {
  display: none;
}

.tebra-sync-audit-body {
  margin-top: 4px;
}

.tebra-sync-audit-summary-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-bottom: 6px;
}

.tebra-sync-audit-reject-head {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--c-label, var(--c-ink2));
  margin-top: 8px;
}

.tebra-sync-audit-reject-list {
  margin: 4px 0 0;
  padding-left: 1.25rem;
  font-size: 0.8125rem;
  color: var(--c-ink2);
}

.tebra-sync-table--audit {
  font-size: 0.75rem;
}

.tebra-sync-audit-row--rejected td:first-child {
  color: var(--c-danger, #c0392b);
}

.tebra-sync-audit-row--accepted td:first-child {
  color: var(--c-accent);
}

.tebra-sync-section--today-compare {
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 12px;
  background: var(--pq-surface, var(--c-box));
  border-left: 3px solid var(--c-accent);
}

.tebra-sync-kpi-grid--today {
  margin-top: 8px;
}

.tebra-sync-today-audit-actions {
  margin-top: 8px;
}

.tebra-sync-audit-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
}

.tebra-sync-audit-table-wrap {
  max-height: 420px;
  overflow-y: auto;
  margin-top: 6px;
}

.tebra-sync-audit-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

html[data-dark] .tebra-sync-section--today-compare {
  background: var(--pq-surface);
  border-color: var(--c-box-border);
}

html[data-dark] .tebra-sync-audit-panel {
  background: var(--pq-surface);
}

.tebra-sync-manual-panel {
  margin-top: 12px;
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 0 14px 14px;
  background: var(--pq-surface-muted, var(--c-box));
}

.tebra-sync-manual-summary {
  cursor: pointer;
  padding: 12px 0;
  list-style: none;
}

.tebra-sync-manual-summary::-webkit-details-marker {
  display: none;
}

html[data-dark] .tebra-sync-section--weekly-auto,
html[data-dark] .tebra-sync-manual-panel {
  background: var(--pq-surface);
}

.tebra-sync-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.tebra-sync-btn {
  font-size: 13px;
  padding: 0.45rem 0.95rem;
  border-radius: 999px;
  border: 0.5px solid var(--c-box-border);
  background: var(--pq-surface, var(--c-box));
  color: var(--c-ink2);
  cursor: pointer;
  font-family: inherit;
}

.tebra-sync-btn:hover {
  border-color: var(--c-accent);
  color: var(--c-ink);
}

.tebra-sync-btn--primary {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: #fff;
}

.tebra-sync-btn--primary:hover {
  color: #fff;
  opacity: 0.92;
}

.tebra-sync-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.tebra-sync-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 1.25rem;
}

.tebra-sync-kpi {
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-kpi-val {
  font-size: 20px;
  font-weight: 600;
  color: var(--c-ink);
  line-height: 1.2;
}

.tebra-sync-kpi-lbl {
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-label, var(--c-muted2));
  margin-top: 4px;
}

.tebra-sync-kpi-sub {
  font-size: 11px;
  color: var(--c-ink2);
  margin-top: 4px;
  line-height: 1.35;
}

.tebra-sync-section {
  margin-bottom: 1.25rem;
}

.tebra-sync-section-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-label, var(--c-muted2));
  margin-bottom: 8px;
}

.tebra-sync-table-wrap {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.tebra-sync-table th,
.tebra-sync-table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 0.5px solid var(--c-box-border);
  vertical-align: top;
  color: var(--c-ink2);
}

.tebra-sync-table th {
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-label, var(--c-muted2));
  font-weight: 600;
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-table tbody tr:last-child td {
  border-bottom: none;
}

.tebra-sync-status {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  border: 0.5px solid var(--c-box-border);
  white-space: nowrap;
}

.tebra-sync-status--ok {
  color: #2d6a4f;
  background: rgba(45, 106, 79, 0.12);
}

.tebra-sync-status--bad {
  color: #9b2226;
  background: rgba(155, 34, 38, 0.1);
}

.tebra-sync-status--run {
  color: var(--c-ink2);
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-status--nightly {
  color: #5c4a1f;
  background: color-mix(in srgb, var(--c-accent, #D6B06B) 18%, transparent);
}

html[data-dark] .tebra-sync-status--ok {
  color: #95d5b2;
}

html[data-dark] .tebra-sync-status--bad {
  color: #f4a3a8;
}

html[data-dark] .tebra-sync-status--nightly {
  color: #e8d48b;
}

.tebra-sync-results-panel,
.tebra-sync-audit-log-panel {
  margin-top: 12px;
}

.tebra-sync-results-summary {
  cursor: pointer;
  padding: 10px 0;
  list-style: none;
}

.tebra-sync-results-summary::-webkit-details-marker {
  display: none;
}

.tebra-sync-section--audit-log-body {
  margin-top: 4px;
  padding: 0;
  border: 0;
  background: transparent;
}

.tebra-sync-empty,
.tebra-sync-error,
.tebra-sync-note {
  padding: 1rem 1.1rem;
  font-size: 13px;
  color: var(--c-ink2, var(--c-muted));
  line-height: 1.5;
  border: 0.5px dashed var(--c-box-border);
  border-radius: 10px;
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-error {
  color: #9b2226;
  border-style: solid;
}

.tebra-sync-note {
  font-size: 12px;
  color: var(--c-ink2);
  margin-top: 8px;
}

.tebra-sync-review-row button {
  font-size: 11px;
  color: var(--c-accent);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tebra-sync-gate-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

.tebra-sync-gate-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 0.5px solid var(--c-box-border);
  border-radius: 10px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-gate {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
}

.tebra-sync-gate--pass {
  color: #2d6a4f;
  background: rgba(45, 106, 79, 0.15);
  border: 0.5px solid rgba(45, 106, 79, 0.35);
}

.tebra-sync-gate--fail {
  color: #9b2226;
  background: rgba(155, 34, 38, 0.12);
  border: 0.5px solid rgba(155, 34, 38, 0.3);
}

.tebra-sync-gate--pending {
  color: var(--c-ink2);
  background: var(--pq-surface-muted, var(--c-bg));
  border: 0.5px solid var(--c-box-border);
}

html[data-dark] .tebra-sync-gate--pass {
  color: #95d5b2;
}

html[data-dark] .tebra-sync-gate--fail {
  color: #f4a3a8;
}

.tebra-sync-gate-body {
  min-width: 0;
}

.tebra-sync-gate-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--c-ink);
  line-height: 1.3;
}

.tebra-sync-gate-detail {
  font-size: 11px;
  color: var(--c-ink2);
  margin-top: 2px;
  line-height: 1.4;
}

.tebra-sync-val-form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin: 10px 0;
}

.tebra-sync-val-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--c-label, var(--c-muted2));
}

.tebra-sync-val-field--wide {
  grid-column: span 2;
}

@media (max-width: 640px) {
  .tebra-sync-val-field--wide {
    grid-column: span 1;
  }
}

.tebra-sync-val-input {
  font-size: 13px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 0.5px solid var(--c-box-border);
  background: var(--pq-surface, var(--c-box));
  color: var(--c-ink);
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
}

.tebra-sync-val-actions {
  margin-bottom: 10px;
}

.tebra-sync-btn--sm {
  font-size: 11px;
  padding: 0.3rem 0.65rem;
}

.tebra-sync-schedule-pick {
  margin-top: 10px;
  max-height: 240px;
  overflow-y: auto;
}

.tebra-sync-result-panel {
  margin-top: 12px;
  padding: 12px;
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-section--locked {
  opacity: 0.72;
}

.tebra-sync-section--phase0-gate {
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-section--validation {
  border: 0.5px dashed var(--c-accent);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-section--phase0 {
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-phase0-intro {
  margin: 0 0 10px;
}

.tebra-sync-phase0-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.tebra-sync-phase0-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.tebra-sync-input,
.tebra-sync-select {
  font-size: 13px;
  padding: 0.45rem 0.75rem;
  border-radius: 8px;
  border: 0.5px solid var(--c-box-border);
  background: var(--pq-surface-muted, var(--c-bg));
  color: var(--c-ink);
  font-family: inherit;
  min-width: 140px;
}

.tebra-sync-phase0-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tebra-sync-result-panel {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 0.5px dashed var(--c-box-border);
}

.tebra-sync-kpi-grid--compact {
  margin-bottom: 0;
}

.tebra-sync-section--reconcile.tebra-sync-gate--pass {
  border-left: 3px solid #2d6a4f;
}

.tebra-sync-section--reconcile.tebra-sync-gate--fail {
  border-left: 3px solid #9b2226;
}

.tebra-sync-section--reconcile.tebra-sync-gate--pending {
  border-left: 3px solid var(--c-box-border);
}

.tebra-sync-gate-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.tebra-sync-phase1-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}

.tebra-sync-override {
  font-size: 12px;
  color: var(--c-ink2);
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.tebra-sync-gate-hint {
  width: 100%;
  margin: 4px 0 0;
}

.tebra-sync-override-warn {
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
}

html[data-dark] .tebra-sync-input,
html[data-dark] .tebra-sync-select {
  background: var(--pq-surface-muted);
  color: var(--c-ink);
  border-color: var(--c-box-border);
}

.tebra-sync-val-input--readonly {
  cursor: default;
  opacity: 0.95;
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-gate-row--clickable {
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.15s ease;
}

.tebra-sync-gate-row--clickable:hover,
.tebra-sync-gate-row--clickable.is-open {
  border-color: var(--c-accent);
}

.tebra-sync-gate-row--clickable:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}

.tebra-sync-gate-evidence {
  margin: 0 0 8px 0;
  padding: 12px;
  border: 0.5px dashed var(--c-box-border);
  border-radius: 10px;
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-gate-evidence-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.tebra-sync-gate-evidence-close {
  margin-left: auto;
}

.tebra-sync-table--pick .tebra-sync-schedule-row {
  cursor: pointer;
}

.tebra-sync-table--pick .tebra-sync-schedule-row:hover {
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-table--pick .tebra-sync-schedule-row.is-selected {
  background: rgba(45, 106, 79, 0.1);
}

html[data-dark] .tebra-sync-table--pick .tebra-sync-schedule-row.is-selected {
  background: rgba(149, 213, 178, 0.08);
}

.tebra-sync-pick-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid var(--c-box-border);
  vertical-align: middle;
}

.tebra-sync-pick-dot.is-on {
  border-color: var(--c-accent);
  background: var(--c-accent);
}

.tebra-sync-section--incremental {
  border: 0.5px solid var(--c-box-border);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--pq-surface, var(--c-box));
}

.tebra-sync-history-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tebra-sync-history-item {
  border: 0.5px solid var(--c-box-border);
  border-radius: 10px;
  background: var(--pq-surface, var(--c-box));
  overflow: hidden;
}

.tebra-sync-history-head {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: none;
  background: transparent;
  color: var(--c-ink);
  font-family: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}

.tebra-sync-history-head:hover {
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-history-chevron {
  font-size: 10px;
  color: var(--c-label);
  width: 12px;
  flex-shrink: 0;
}

.tebra-sync-history-body {
  padding: 0 12px 12px;
  border-top: 0.5px solid var(--c-box-border);
}

.tebra-sync-affected-list {
  margin: 6px 0 0;
  padding-left: 1.1rem;
  font-size: 13px;
  color: var(--c-ink2);
}

/* Collapsed group of consecutive nightly-sync batch rows — same shape as a normal history item,
   just visually marked so it reads as "many runs folded into one," not a single run. */
.tebra-sync-history-cluster {
  border-left: 3px solid var(--c-accent);
}

.tebra-sync-history-cluster-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 10px;
}

.tebra-sync-history-cluster-body .tebra-sync-history-item {
  border-style: dashed;
}

.tebra-sync-affected-list li {
  margin: 4px 0;
}

/* Tebra → EKM pipeline audit (post-schedule-match confidence) */
.tebra-sync-section--pipeline-audit {
  margin-top: 12px;
  padding: 12px 14px;
  border: 0.5px solid var(--c-box-border);
  border-radius: 10px;
  background: var(--pq-surface, var(--c-bg));
}

.tebra-sync-pipeline-note {
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--c-ink2);
  background: var(--pq-surface-muted, var(--c-bg));
}

.tebra-sync-pipeline-note--ready {
  color: var(--c-ink);
  border: 0.5px solid rgba(45, 106, 79, 0.35);
  background: rgba(45, 106, 79, 0.08);
}

.tebra-sync-pipeline-note--fail {
  border: 0.5px solid rgba(185, 28, 28, 0.35);
  background: rgba(185, 28, 28, 0.08);
  color: var(--c-ink);
}

.tebra-sync-pipeline-table-wrap {
  margin-top: 4px;
}

.tebra-sync-table--pipeline th:last-child,
.tebra-sync-table--pipeline td.tebra-sync-pipeline-count-col {
  text-align: right;
  width: 88px;
  white-space: nowrap;
}

.tebra-sync-pipeline-row--ok td {
  color: var(--c-ink2);
}

.tebra-sync-pipeline-row--fail td {
  color: #b91c1c;
}

.tebra-sync-pipeline-row--flow td {
  color: var(--c-ink);
}

.tebra-sync-pipeline-gate {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
}

.tebra-sync-pipeline-gate--pass {
  border: 0.5px solid rgba(45, 106, 79, 0.4);
  background: rgba(45, 106, 79, 0.1);
  color: var(--c-ink);
}

.tebra-sync-pipeline-gate--fail {
  border: 0.5px solid rgba(185, 28, 28, 0.4);
  background: rgba(185, 28, 28, 0.1);
  color: var(--c-ink);
}

html[data-dark] .tebra-sync-section--pipeline-audit {
  background: var(--pq-surface, #1a1d21);
}

html[data-dark] .tebra-sync-pipeline-note--ready,
html[data-dark] .tebra-sync-pipeline-gate--pass {
  background: rgba(74, 155, 110, 0.12);
  border-color: rgba(74, 155, 110, 0.45);
}

html[data-dark] .tebra-sync-pipeline-note--fail,
html[data-dark] .tebra-sync-pipeline-gate--fail {
  background: rgba(248, 113, 113, 0.12);
  border-color: rgba(248, 113, 113, 0.45);
}

html[data-dark] .tebra-sync-pipeline-row--fail td {
  color: #f87171;
}

.tebra-sync-select {
  min-width: 220px;
  max-width: 100%;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 0.5px solid var(--c-box-border);
  background: var(--pq-surface, var(--c-box));
  color: var(--c-ink);
  font-family: -apple-system, sans-serif;
}

html[data-dark] .tebra-sync-select {
  background: var(--pq-surface);
  color: var(--c-ink);
}

.tebra-sync-table--identity td {
  vertical-align: middle;
}

.tebra-provider-identity-wrap .tebra-sync-sub {
  max-width: 52rem;
}

/* EHR & Billing — dark theme contrast (build .1087) */
html[data-dark] .tebra-sync-sub,
html[data-dark] .tebra-sync-kpi-sub,
html[data-dark] .tebra-sync-gate-detail,
html[data-dark] .tebra-sync-note,
html[data-dark] .tebra-sync-empty,
html[data-dark] .tebra-sync-weekly-progress,
html[data-dark] .tebra-sync-pipeline-note,
html[data-dark] .tebra-sync-affected-list,
html[data-dark] .tebra-sync-history-chevron,
html[data-dark] .tebra-sync-override {
  color: var(--c-ink2);
}

html[data-dark] .tebra-sync-section-label,
html[data-dark] .tebra-sync-kpi-lbl,
html[data-dark] .tebra-sync-val-field,
html[data-dark] .tebra-sync-table th,
html[data-dark] .tebra-ehr-subnav-btn:not(.is-active) {
  color: var(--c-label);
}

html[data-dark] .tebra-sync-title,
html[data-dark] .tebra-sync-kpi-val,
html[data-dark] .tebra-sync-gate-label,
html[data-dark] .tebra-sync-history-head {
  color: var(--c-ink);
}

html[data-dark] .tebra-sync-table td {
  color: var(--c-ink2);
}

html[data-dark] .tebra-sync-btn {
  background: var(--pq-surface);
  color: var(--c-ink2);
  border-color: var(--c-box-border);
}

html[data-dark] .tebra-sync-btn:hover {
  color: var(--c-ink);
  border-color: var(--c-accent);
}

html[data-dark] .tebra-sync-btn--primary {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: #fff;
}

html[data-dark] .tebra-sync-btn--primary:hover {
  color: #fff;
}

html[data-dark] .tebra-sync-empty,
html[data-dark] .tebra-sync-result-panel,
html[data-dark] .tebra-sync-gate-evidence,
html[data-dark] .tebra-sync-kpi,
html[data-dark] .tebra-sync-table-wrap,
html[data-dark] .tebra-sync-gate-row,
html[data-dark] .tebra-sync-history-item {
  background: var(--pq-surface);
}

html[data-dark] .tebra-sync-table th {
  background: var(--pq-surface-muted);
}

html[data-dark] .tebra-sync-status--run,
html[data-dark] .tebra-sync-gate--pending {
  color: var(--c-ink2);
  background: var(--pq-surface-muted);
}