[data-skin="dark"] {
  color-scheme: dark;
  --hf-bg: #0f172a;
  --hf-surface: #1e293b;
  --hf-ink: #f1f5f9;
  --hf-muted: #94a3b8;
  --hf-border: #334155;
  --hf-primary: #3b82f6;
  --hf-primary-dark: #60a5fa;
  --hf-primary-soft: #1e3a5f;
  --hf-nav-bg: #0f172a;
  --hf-nav-ink: #f8fafc;
  --hf-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  --bs-primary: #3b82f6;
  --bs-primary-rgb: 59, 130, 246;
  --bs-body-color: #f1f5f9;
  --bs-body-bg: #0f172a;
  --bs-border-color: #334155;
  --bs-secondary-color: #94a3b8;
  --bs-tertiary-bg: #1e293b;
  --bs-emphasis-color: #f8fafc;
}

[data-skin="dark"] body {
  background: var(--hf-bg);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-topbar {
  background: rgba(15, 23, 42, 0.98);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-skin="dark"] .hf-bottom-nav {
  background: rgba(30, 41, 59, 0.96);
  border-top-color: var(--hf-border);
}

[data-skin="dark"] .hf-menu-panel__group-title {
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-dash-hero {
  background: var(--hf-primary-soft);
  border-color: rgba(59, 130, 246, 0.25);
}

[data-skin="dark"] .hf-dash-hero__pb {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(59, 130, 246, 0.2);
}

[data-skin="dark"] .hf-score-panel {
  background: linear-gradient(160deg, #1e293b, #0f172a);
  border: 1px solid var(--hf-border);
}

[data-skin="dark"] .hf-session-card__metric,
[data-skin="dark"] .hf-session-card__placement {
  background: #0f172a;
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-session-card__metric strong,
[data-skin="dark"] .hf-session-card__placement-rank {
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-session-time {
  background: var(--hf-primary-soft);
  border-color: rgba(59, 130, 246, 0.25);
}

[data-skin="dark"] .hf-session-time__input {
  background: #0f172a;
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-target-progress {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-target-progress__bar {
  background: #334155;
}

[data-skin="dark"] .hf-target-progress--done {
  background: rgba(22, 101, 52, 0.15);
  border-color: rgba(34, 197, 94, 0.35);
}

[data-skin="dark"] .hf-target-progress--done .hf-target-progress__count {
  color: #86efac;
}

[data-skin="dark"] #drillForm .hf-target-progress {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

[data-skin="dark"] .zone-control {
  background: #0f172a;
  border: 1px solid var(--hf-border);
}

[data-skin="dark"] .zone-control__label {
  color: var(--hf-ink);
}

[data-skin="dark"] .target-entry--complete {
  background: rgba(22, 101, 52, 0.12);
  border-color: rgba(34, 197, 94, 0.45);
}

[data-skin="dark"] .target-entry.target-entry--incomplete {
  background: rgba(127, 29, 29, 0.18);
  border-color: rgba(239, 68, 68, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.15);
}

[data-skin="dark"] .target-entry--complete .target-entry__count {
  background: #166534;
  color: #dcfce7;
}

[data-skin="dark"] .target-entry__progress {
  background: #334155;
}

[data-skin="dark"] .hf-live-dock {
  background: rgba(30, 41, 59, 0.96);
  border-top-color: var(--hf-border);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25);
}

[data-skin="dark"] .hf-zone-editor-row {
  background: #0f172a;
  border: 1px solid var(--hf-border);
}

[data-skin="dark"] .hf-score-panel .btn-light {
  --bs-btn-bg: #f1f5f9;
  --bs-btn-color: #0f172a;
  --bs-btn-hover-bg: #e2e8f0;
  --bs-btn-hover-color: #0f172a;
}

[data-skin="dark"] .hf-score-panel .btn-outline-light {
  --bs-btn-color: #f1f5f9;
  --bs-btn-border-color: rgba(241, 245, 249, 0.45);
  --bs-btn-hover-bg: rgba(241, 245, 249, 0.12);
  --bs-btn-hover-border-color: #f1f5f9;
  --bs-btn-hover-color: #fff;
}

[data-skin="dark"] .hf-filter--detailed-times details {
  border-color: rgba(59, 130, 246, 0.35);
  background: var(--hf-primary-soft);
}

[data-skin="dark"] .hf-filter--detailed-times summary {
  background: var(--hf-primary-soft);
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-filter--detailed-times summary:hover {
  background: #1e3a5f;
}

[data-skin="dark"] .hf-filter--detailed-times details[open] {
  background: #0f172a;
}

[data-skin="dark"] .hf-filter--detailed-times details[open] > summary {
  background: #0f172a;
  border-bottom-color: rgba(59, 130, 246, 0.25);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-detailed-times-wizard__progress {
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-detailed-times-step.is-active .form-label {
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-detailed-times-step.is-active .hf-detailed-times-wizard__input,
[data-skin="dark"] .hf-detailed-times__body .js-time-input:not([data-sync-from-total]) {
  background-color: #0f172a;
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-detailed-times__body.hf-detailed-times--pending .js-time-input:not([data-sync-from-total]) {
  background-color: #422006;
  border-color: #ca8a04;
  color: #fde68a;
}

[data-skin="dark"] .hf-detailed-times__body.hf-detailed-times--pending .form-label {
  color: #fde68a;
}

[data-skin="dark"] .hf-detailed-times__body.hf-detailed-times--satisfied .js-time-input:not([data-sync-from-total]) {
  background-color: #052e16;
  border-color: #16a34a;
  color: #bbf7d0;
}

[data-skin="dark"] .hf-detailed-times__body.hf-detailed-times--satisfied .form-label {
  color: #86efac;
}

[data-skin="dark"] .hf-shot-time-field input[data-sync-from-total] {
  background-color: #1e293b;
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-detailed-times-status--pending {
  color: #fde68a;
  background: #422006;
  border-color: #ca8a04;
}

[data-skin="dark"] .hf-detailed-times-status--ok {
  color: #bbf7d0;
  background: #052e16;
  border-color: #16a34a;
}

[data-skin="dark"] .hf-detailed-times-wizard__nav {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, #0f172a 45%);
}

[data-skin="dark"] .hf-shooter-modes {
  background: var(--hf-surface);
  border-color: var(--hf-border) !important;
}

[data-skin="dark"] .hf-session-weapon {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-session-weapon__pill {
  background: #0f172a;
  border-color: var(--hf-border);
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-session-weapon__pill.is-active {
  background: var(--hf-primary-soft);
  border-color: rgba(59, 130, 246, 0.35);
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .form-control,
[data-skin="dark"] .form-select {
  background-color: #0f172a;
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .form-control:focus,
[data-skin="dark"] .form-select:focus {
  background-color: #0f172a;
  border-color: var(--hf-primary);
  color: var(--hf-ink);
}

[data-skin="dark"] .form-control:disabled,
[data-skin="dark"] .form-control[readonly],
[data-skin="dark"] .form-select:disabled {
  background-color: #1e293b;
  color: var(--hf-muted);
}

[data-skin="dark"] .input-group-text {
  background-color: #1e293b;
  border-color: var(--hf-border);
  color: var(--hf-muted);
}

[data-skin="dark"] .text-muted {
  color: var(--hf-muted) !important;
}

[data-skin="dark"] .text-dark:not(.badge):not(.btn) {
  color: var(--hf-ink) !important;
}

[data-skin="dark"] .badge.text-bg-light,
[data-skin="dark"] .badge.text-bg-light.text-dark {
  --bs-badge-color: #0f172a;
  background-color: #cbd5e1 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

[data-skin="dark"] .badge.text-bg-dark {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
}

[data-skin="dark"] .badge.text-bg-secondary {
  background-color: #475569 !important;
  color: #f1f5f9 !important;
}

[data-skin="dark"] .badge.text-bg-success {
  background-color: #166534 !important;
  color: #dcfce7 !important;
}

[data-skin="dark"] .hf-register-tabs {
  background: #0f172a;
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-register-tabs__tab.is-active {
  background: var(--hf-surface);
  color: var(--hf-primary-dark);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-skin="dark"] .hf-cal-filter {
  background: #0f172a;
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-cal-filter__row + .hf-cal-filter__row,
[data-skin="dark"] .hf-cal-filter__footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-skin="dark"] .hf-cal-filter__chip-input:checked + .hf-cal-filter__chip-text {
  background: var(--hf-surface);
  color: var(--hf-primary-dark);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-skin="dark"] .hf-cal-filter__chip-input:not(:checked) + .hf-cal-filter__chip-text {
  color: var(--hf-muted);
  opacity: 0.7;
}

[data-skin="dark"] .hf-cal-filter__chip:hover .hf-cal-filter__chip-text {
  color: var(--hf-ink);
  opacity: 1;
}

[data-skin="dark"] .hf-cal-filter__reset {
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-cal-filter__reset:hover {
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-cal-legend__title {
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-cal-registration-opens {
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-cal-alert-card.is-editing {
  background: var(--hf-primary-soft);
  border-color: rgba(59, 130, 246, 0.35);
}

[data-skin="dark"] .hf-cal-event-item.hf-cal-event--featured {
  border-left-color: var(--hf-primary);
}

[data-skin="dark"] .hf-cal-event-item.is-open > .hf-cal-event-row,
[data-skin="dark"] .hf-cal-event-detail,
[data-skin="dark"] .hf-cal-event-details[open] > summary .hf-cal-event-row__hit {
  background: #0f172a;
}

[data-skin="dark"] .hf-cal-event-detail {
  border-top-color: var(--hf-border);
}

[data-skin="dark"] .hf-cal-reg-badge--closed {
  background: rgba(248, 113, 113, 0.22);
  color: #fecaca;
}

[data-skin="dark"] .hf-cal-reg-badge--open {
  background: rgba(74, 222, 128, 0.18);
  color: #bbf7d0;
}

[data-skin="dark"] .hf-cal-reg-badge--pending {
  background: rgba(250, 204, 21, 0.18);
  color: #fef08a;
}

[data-skin="dark"] .hf-cal-reg-badge--auto-pending {
  background: rgba(96, 165, 250, 0.2);
  color: #bfdbfe;
}

[data-skin="dark"] .hf-cal-reg-badge--auto-failed {
  background: #b91c1c;
  color: #fff;
}

[data-skin="dark"] .hf-cal-reg-badge--approved {
  background: #15803d;
  color: #fff;
}

[data-skin="dark"] .hf-cal-legend-details[open] .hf-cal-legend-details__panel {
  background: var(--hf-surface);
  border-color: var(--hf-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

[data-skin="dark"] .hf-cal-filter-badges__chip-text {
  background: var(--hf-surface);
  border-color: var(--hf-border);
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-cal-filter-badges__chip-input:checked + .hf-cal-filter-badges__chip-text {
  background: var(--hf-primary);
  border-color: var(--hf-primary);
  color: #fff;
}

[data-skin="dark"] .hf-cal-filter-badges__chip:hover .hf-cal-filter-badges__chip-text {
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-cal-filter-badges__reset {
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-cal-filter-badges__reset:hover {
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-filter details {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-filter summary {
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-lb-card {
  background: var(--hf-surface);
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-lb-card--top {
  background: var(--hf-primary-soft);
  border-color: rgba(59, 130, 246, 0.35);
}

[data-skin="dark"] .hf-lb-card__name {
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-lb-card__rank {
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-lb-card--top .hf-lb-card__rank {
  color: var(--hf-primary);
}

[data-skin="dark"] .hf-lb-card__metric {
  background: #0f172a;
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-admin-user-row:hover,
[data-skin="dark"] .hf-admin-user-row--active {
  background: var(--hf-primary-soft);
}

[data-skin="dark"] .hf-admin-user-detail {
  background: #0f172a;
  border-top-color: var(--hf-border);
}

[data-skin="dark"] .hf-drill-card:hover {
  background: #334155;
  border-color: rgba(59, 130, 246, 0.35);
}

[data-skin="dark"] .hf-drill-card--manage:hover {
  background: var(--hf-surface);
}

[data-skin="dark"] .hf-drill-card--manage.is-editing {
  border-color: rgba(59, 130, 246, 0.45);
  background: linear-gradient(135deg, #1e293b, #172554);
}

[data-skin="dark"] .card.border-warning {
  border-color: #ca8a04 !important;
}

[data-skin="dark"] .card,
[data-skin="dark"] .hf-panel,
[data-skin="dark"] .hf-stat-card,
[data-skin="dark"] .hf-session-card,
[data-skin="dark"] .hf-filter details,
[data-skin="dark"] .list-group-item-action {
  background: var(--hf-surface);
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .card-header {
  border-bottom-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .dropdown-menu {
  background-color: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .dropdown-item {
  color: var(--hf-ink);
}

[data-skin="dark"] .dropdown-item:hover,
[data-skin="dark"] .dropdown-item:focus {
  background-color: var(--hf-primary-soft);
  color: var(--hf-ink);
}

[data-skin="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--hf-ink);
  --bs-table-border-color: var(--hf-border);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(255, 255, 255, 0.05);
}

[data-skin="dark"] .alert-warning {
  --bs-alert-bg: #422006;
  --bs-alert-border-color: #854d0e;
  --bs-alert-color: #fde68a;
}

[data-skin="dark"] .alert-danger {
  --bs-alert-bg: #450a0a;
  --bs-alert-border-color: #991b1b;
  --bs-alert-color: #fecaca;
}

[data-skin="dark"] .alert-success {
  --bs-alert-bg: #052e16;
  --bs-alert-border-color: #166534;
  --bs-alert-color: #bbf7d0;
}

[data-skin="dark"] .hf-flash-success {
  background: linear-gradient(135deg, #052e16 0%, #0f172a 100%);
  border-color: rgba(22, 163, 74, 0.45);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

[data-skin="dark"] .hf-flash-success__title {
  color: #bbf7d0;
}

[data-skin="dark"] .hf-flash-success__drill {
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-flash-success__stats {
  color: #86efac;
}

[data-skin="dark"] .hf-flash-success__stats strong {
  color: #86efac;
}

[data-skin="dark"] .hf-flash-success__action {
  color: #4ade80;
}

[data-skin="dark"] .hf-flash-success__action:hover {
  color: #bbf7d0;
}

[data-skin="dark"] .alert-info {
  --bs-alert-bg: #172554;
  --bs-alert-border-color: #1d4ed8;
  --bs-alert-color: #bfdbfe;
}

[data-skin="dark"] .alert-light {
  --bs-alert-bg: #0f172a;
  --bs-alert-border-color: var(--hf-border);
  --bs-alert-color: var(--hf-ink);
  background-color: #0f172a;
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-location-picker [data-location-selected-wrap] strong {
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-satisfied [data-location-selected-wrap] {
  background-color: rgba(5, 46, 22, 0.85);
  border-color: #16a34a;
  color: #bbf7d0;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-satisfied [data-location-selected-wrap] strong {
  color: #86efac;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-pending [data-location-selected-wrap] {
  background-color: rgba(66, 32, 6, 0.85);
  border-color: #ca8a04;
  color: #fde68a;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-pending [data-location-selected-wrap] strong {
  color: #fde68a;
}

[data-skin="dark"] .hf-location-map-expand {
  background: rgba(30, 41, 59, 0.92);
  color: var(--hf-ink);
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-location-map-expand:hover {
  background: #334155;
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .badge.text-bg-warning.text-dark {
  color: #422006 !important;
}

[data-skin="dark"] .btn-outline-primary {
  --bs-btn-color: var(--hf-primary-dark);
  --bs-btn-border-color: rgba(59, 130, 246, 0.4);
  --bs-btn-hover-bg: var(--hf-primary-soft);
  --bs-btn-hover-border-color: var(--hf-primary);
  --bs-btn-hover-color: var(--hf-primary-dark);
}

[data-skin="dark"] .btn-outline-secondary {
  --bs-btn-color: var(--hf-muted);
  --bs-btn-border-color: var(--hf-border);
  --bs-btn-hover-bg: #334155;
  --bs-btn-hover-border-color: #475569;
  --bs-btn-hover-color: var(--hf-ink);
}

[data-skin="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

[data-skin="dark"] .hf-install-hint,
[data-skin="dark"] .hf-update-hint {
  background: var(--hf-surface);
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-auth-card {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .modal-content {
  background-color: var(--hf-surface);
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .modal-header,
[data-skin="dark"] .modal-footer {
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-notifications-panel {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-notifications-panel__item:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-skin="dark"] .hf-calendar-row {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-calendar-row:hover {
  background: #334155;
}

[data-skin="dark"] .hf-empty-state {
  background: var(--hf-surface);
  border-color: var(--hf-border);
}

[data-skin="dark"] .list-group-item {
  background-color: var(--hf-surface);
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .list-group-item-action:hover,
[data-skin="dark"] .list-group-item-action:focus {
  background-color: #334155;
  color: var(--hf-ink);
}

[data-skin="dark"] .nav-tabs {
  --bs-nav-tabs-border-color: var(--hf-border);
  --bs-nav-tabs-link-hover-border-color: var(--hf-border);
  --bs-nav-tabs-link-active-bg: var(--hf-surface);
  --bs-nav-tabs-link-active-border-color: var(--hf-border) var(--hf-border) var(--hf-surface);
  --bs-nav-tabs-link-active-color: var(--hf-ink);
}

[data-skin="dark"] .nav-link {
  color: var(--hf-muted);
}

[data-skin="dark"] .nav-link:hover,
[data-skin="dark"] .nav-link:focus {
  color: var(--hf-ink);
}

[data-skin="dark"] hr {
  border-color: var(--hf-border);
  opacity: 1;
}

[data-skin="dark"] .border,
[data-skin="dark"] .border-top,
[data-skin="dark"] .border-bottom {
  border-color: var(--hf-border) !important;
}

[data-skin="dark"] .bg-white,
[data-skin="dark"] .bg-light {
  background-color: var(--hf-surface) !important;
}

[data-skin="dark"] .bg-body-tertiary {
  background-color: #0f172a !important;
}

[data-skin="dark"] .hf-language-switcher__btn {
  color: rgba(248, 250, 252, 0.82);
}

[data-skin="dark"] .hf-language-switcher__btn:hover,
[data-skin="dark"] .hf-language-switcher__btn.is-active {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

[data-skin="dark"] .hf-chart-wrap {
  --hf-chart-bg: #0f172a;
  --hf-chart-grid: #334155;
  --hf-chart-axis: #475569;
  --hf-chart-tick: #94a3b8;
  --hf-chart-label: #e2e8f0;
  --hf-chart-point-stroke: #0f172a;
}

/* Journal wizard & edit panels */
[data-skin="dark"] .hf-journal-wizard__step {
  background: #334155;
  color: var(--hf-muted);
}

[data-skin="dark"] .hf-journal-wizard__step.is-done {
  background: rgba(59, 130, 246, 0.2);
  color: var(--hf-primary-dark);
}

[data-skin="dark"] .hf-journal-wizard__step.is-incomplete:not(.is-active) {
  background: #422006;
  color: #fde68a;
  border-color: #ca8a04;
}

[data-skin="dark"] .hf-journal-wizard__step.is-complete:not(.is-active) {
  background: #052e16;
  color: #86efac;
  border-color: #16a34a;
}

[data-skin="dark"] .hf-journal-label-required::after {
  color: #fbbf24;
}

[data-skin="dark"] .hf-journal-required-block.is-wizard-required-satisfied .hf-journal-label-required::after {
  color: #86efac;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-pending {
  border-color: #ca8a04;
  background: #422006;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-satisfied {
  border-color: #16a34a;
  background: #052e16;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-pending .hf-journal-form-section__title,
[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-pending .hf-journal-label-required {
  color: #fde68a;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-satisfied .hf-journal-form-section__title,
[data-skin="dark"] .hf-journal-required-ui .hf-journal-required-block.is-wizard-required-satisfied .hf-journal-label-required {
  color: #86efac;
}

[data-skin="dark"] .hf-journal-wizard .form-control,
[data-skin="dark"] .hf-journal-wizard .form-select,
[data-skin="dark"] .hf-journal-wizard textarea.form-control,
[data-skin="dark"] .hf-journal-page .form-control,
[data-skin="dark"] .hf-journal-page .form-select,
[data-skin="dark"] .hf-journal-page textarea.form-control {
  background-color: #0f172a;
  border-color: var(--hf-border);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-journal-wizard .form-control:focus,
[data-skin="dark"] .hf-journal-wizard .form-select:focus,
[data-skin="dark"] .hf-journal-wizard textarea.form-control:focus,
[data-skin="dark"] .hf-journal-page .form-control:focus,
[data-skin="dark"] .hf-journal-page .form-select:focus,
[data-skin="dark"] .hf-journal-page textarea.form-control:focus {
  background-color: #0f172a;
  border-color: var(--hf-primary);
  color: var(--hf-ink);
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-pending .form-control,
[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-pending .form-select,
[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-pending textarea.form-control {
  background-color: #422006;
  border-color: #ca8a04;
  color: #fde68a;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-satisfied .form-control,
[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-satisfied .form-select,
[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-satisfied textarea.form-control {
  background-color: #052e16;
  border-color: #16a34a;
  color: #bbf7d0;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-pending .form-label {
  color: #fde68a;
}

[data-skin="dark"] .hf-journal-required-ui .hf-journal-form-group.is-wizard-required-satisfied .form-label {
  color: #86efac;
}

[data-skin="dark"] .hf-journal-required-ui [data-weapon-list].is-wizard-required-pending {
  border-color: #ca8a04;
  background: #422006;
}

[data-skin="dark"] .hf-journal-required-ui [data-weapon-list].is-wizard-required-satisfied {
  border-color: #16a34a;
  background: #052e16;
}

[data-skin="dark"] .hf-journal-form-section,
[data-skin="dark"] .hf-journal-review-block,
[data-skin="dark"] .hf-journal-add-weapon {
  background: #0f172a;
}

[data-skin="dark"] .hf-journal-weapon-card {
  background: var(--hf-surface);
}

[data-skin="dark"] .hf-journal-weapon-card.is-shots-overridden [data-shots-input] {
  border-color: #ca8a04;
  background: #422006;
  color: #fde68a;
}

[data-skin="dark"] .hf-journal-add-weapon {
  border-color: var(--hf-border);
}

[data-skin="dark"] .hf-journal-icon-btn--remove {
  color: #fca5a5;
  border-color: rgba(248, 113, 113, 0.4);
  background: #1e293b;
}

[data-skin="dark"] .hf-journal-icon-btn--remove:hover {
  background: #450a0a;
  border-color: #f87171;
  color: #fecaca;
}

[data-skin="dark"] .hf-journal-icon-btn--add:hover {
  background: rgba(59, 130, 246, 0.25);
}

[data-skin="dark"] .hf-journal-activity-item {
  background: #0f172a;
}

[data-skin="dark"] a.hf-journal-activity-item:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: #1e293b;
}

[data-skin="dark"] .hf-journal-active-banner {
  background: linear-gradient(180deg, #052e16 0%, #0f172a 100%);
  border-color: #16a34a;
}

@media (max-width: 991.98px) {
  [data-skin="dark"] .hf-journal-wizard__nav {
    background: rgba(15, 23, 42, 0.97);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.35);
  }
}