:root[data-theme="moon"],
[data-theme="moon"] {
  color-scheme: dark;
  --app-bg: #03276F;
  --app-panel: #35528C;
  --app-panel-strong: #687DA9;
  --app-border: rgba(205, 212, 226, 0.36);
  --app-text: #F8FAFF;
  --app-muted: #CDD4E2;
  --app-subtle: #9AA9C5;
  --app-accent: #9AA9C5;
  --app-accent-strong: #35528C;
  --app-highlight: #CDD4E2;
  --app-highlight-soft: rgba(205, 212, 226, 0.16);
  --app-highlight-bar: #CDD4E2;
  --app-highlight-border: rgba(205, 212, 226, 0.54);
  --app-good: #9AA9C5;
  --app-warn: #CDD4E2;
  --app-bad: #F2A7A7;
  --app-link: #CDD4E2;
  --app-link-hover: #F8FAFF;
  --app-font-body: "Segoe UI", Aptos, Inter, Roboto, Arial, sans-serif;
  --app-font-brand: "Segoe UI", Aptos, Inter, Roboto, Arial, sans-serif;
  --app-font-title: "Segoe UI", Aptos, Inter, Roboto, Arial, sans-serif;
  --app-font-control: "Segoe UI", Aptos, Inter, Roboto, Arial, sans-serif;
  --app-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --app-body-bg:
    radial-gradient(circle at top right, rgba(154, 169, 197, 0.18), transparent 32rem),
    radial-gradient(circle at bottom left, rgba(205, 212, 226, 0.1), transparent 30rem),
    linear-gradient(180deg, #03276F 0%, #35528C 100%);
  --bg: var(--app-bg);
  --panel: var(--app-panel);
  --panel-strong: var(--app-panel-strong);
  --line: var(--app-border);
  --text: var(--app-text);
  --muted: var(--app-muted);
  --accent: var(--app-accent);
  --accent-strong: var(--app-accent-strong);
  --success: var(--app-good);
  --warning: var(--app-warn);
  --danger: var(--app-bad);
}

[data-theme="moon"] .agent-summary-item,
[data-theme="moon"] .zone-resource-item,
[data-theme="moon"] .madar-summary-card,
[data-theme="moon"] .app-summary-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 6rem;
  overflow: hidden;
  padding: 1rem 4.9rem 1rem 1rem;
  padding-top: 1.85rem;
  border-color: var(--app-border);
  background: #35528C;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.24);
}

[data-theme="moon"] .card,
[data-theme="moon"] .app-highlight-card,
[data-theme="moon"] .host-card,
[data-theme="moon"] .host-legend-column,
[data-theme="moon"] .ain-security-overview-card,
[data-theme="moon"] .ain-scan-card,
[data-theme="moon"] .security-findings-card,
[data-theme="moon"] .bawaba-launch-card,
[data-theme="moon"] .bawaba-filter-panel,
[data-theme="moon"] .bawaba-launch-area {
  padding-top: max(1.85rem, var(--bs-card-spacer-y, 1rem));
}

[data-theme="moon"] .bawaba-launch-card.is-domain-manager {
  background: #687DA9;
  border-color: rgba(205, 212, 226, 0.54);
}

[data-theme="moon"] .bawaba-launch-card.is-domain-manager:hover,
[data-theme="moon"] .bawaba-launch-card.is-domain-manager:focus {
  background: #9AA9C5;
  border-color: rgba(205, 212, 226, 0.7);
}

[data-theme="moon"] .bawaba-launch-card.is-domain-manager .bawaba-launch-icon {
  background: #CDD4E2;
  border-color: rgba(248, 250, 255, 0.7);
  box-shadow: 0 0 0 1px rgba(205, 212, 226, 0.24), 0 12px 26px rgba(3, 39, 111, 0.28);
  color: #03276F;
}

[data-theme="moon"] .card::before,
[data-theme="moon"] .app-highlight-card::before,
[data-theme="moon"] .app-summary-card::before,
[data-theme="moon"] .madar-summary-card::before,
[data-theme="moon"] .zone-resource-item::before,
[data-theme="moon"] .host-card::before,
[data-theme="moon"] .host-legend-column::before {
  top: 0.38rem;
}

[data-theme="moon"] .agent-summary-item.has-summary-icon {
  padding-right: 4.9rem;
}

[data-theme="moon"] .agent-summary-icon,
[data-theme="moon"] .zone-resource-icon,
[data-theme="moon"] .madar-summary-icon,
[data-theme="moon"] .app-summary-icon {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  width: 4rem;
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: var(--app-highlight);
  opacity: 0.36;
  pointer-events: none;
}

[data-theme="moon"] .agent-summary-icon svg,
[data-theme="moon"] .zone-resource-icon svg,
[data-theme="moon"] .madar-summary-icon svg,
[data-theme="moon"] .app-summary-icon svg {
  width: 3.5rem;
  height: 3.5rem;
}

[data-theme="moon"] .agent-summary-value,
[data-theme="moon"] .zone-resource-value,
[data-theme="moon"] .madar-summary-value,
[data-theme="moon"] .app-summary-value {
  color: var(--app-text);
  font-size: clamp(1.55rem, 4vw, 2rem);
}

[data-theme="moon"] .agent-summary-label,
[data-theme="moon"] .zone-resource-label,
[data-theme="moon"] .zone-resource-detail,
[data-theme="moon"] .madar-summary-label,
[data-theme="moon"] .app-summary-label {
  color: var(--app-muted);
}

[data-theme="moon"] .zone-resource-item {
  align-content: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  min-height: 5.75rem;
  padding: 1.85rem 1rem 1rem;
}

[data-theme="moon"] .zone-resource-value,
[data-theme="moon"] .zone-resource-label,
[data-theme="moon"] .zone-resource-detail {
  grid-column: 1;
  max-width: 100%;
}

[data-theme="moon"] .navbar {
  padding-block: 0.75rem;
  border-bottom: 1px solid var(--app-border);
  background: #03276F;
  box-shadow: 0 1rem 2rem rgba(2, 6, 23, 0.24);
}

[data-theme="moon"] .navbar .container {
  min-height: 3.5rem;
}

[data-theme="moon"] .navbar-brand-mark {
  width: 2rem;
  height: 2rem;
}

[data-theme="moon"] .domain-brand-name {
  color: var(--app-text);
  font-size: 1.05rem;
  font-weight: 850;
}

[data-theme="moon"] .navbar-build {
  border-color: rgba(205, 212, 226, 0.36);
  background: rgba(205, 212, 226, 0.14);
  color: var(--app-muted);
  font-size: 0.78rem;
  font-weight: 750;
}

[data-theme="moon"] .navbar-tools,
[data-theme="moon"] .madar-navbar-actions,
[data-theme="moon"] .nashr-navbar-actions {
  gap: 0.5rem;
}

[data-theme="moon"] .navbar-link,
[data-theme="moon"] .sahab-nav-link,
[data-theme="moon"] .navbar-tools .btn,
[data-theme="moon"] .navbar-tools .nav-link.btn,
[data-theme="moon"] .madar-navbar-actions .nav-link.btn,
[data-theme="moon"] .nashr-navbar-actions .nav-link.btn,
[data-theme="moon"] .bawaba-user-menu summary {
  min-height: 2.25rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(205, 212, 226, 0.32);
  border-radius: 0.5rem;
  background: #35528C;
  color: var(--app-text);
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.1;
}

[data-theme="moon"] .navbar-link:hover,
[data-theme="moon"] .navbar-link:focus,
[data-theme="moon"] .navbar-link.is-active,
[data-theme="moon"] .navbar-link.active,
[data-theme="moon"] .sahab-nav-link:hover,
[data-theme="moon"] .sahab-nav-link:focus,
[data-theme="moon"] .sahab-nav-link.is-active,
[data-theme="moon"] .sahab-nav-link.active,
[data-theme="moon"] .navbar-tools .btn:hover,
[data-theme="moon"] .navbar-tools .btn:focus,
[data-theme="moon"] .navbar-tools .nav-link.btn:hover,
[data-theme="moon"] .navbar-tools .nav-link.btn:focus,
[data-theme="moon"] .navbar-tools .nav-link.btn.active,
[data-theme="moon"] .madar-navbar-actions .nav-link.btn:hover,
[data-theme="moon"] .madar-navbar-actions .nav-link.btn:focus,
[data-theme="moon"] .madar-navbar-actions .nav-link.active,
[data-theme="moon"] .nashr-navbar-actions .nav-link.btn:hover,
[data-theme="moon"] .nashr-navbar-actions .nav-link.btn:focus,
[data-theme="moon"] .bawaba-user-menu summary:hover,
[data-theme="moon"] .bawaba-user-menu summary:focus {
  border-color: var(--app-highlight-border);
  background: var(--app-highlight-soft);
  color: #F8FAFF;
}

[data-theme="moon"] .domain-page-title {
  font-family: var(--app-font-title);
  letter-spacing: 0;
}

[data-theme="moon"] .wakeel-body .domain-page-title {
  font-family: var(--app-font-title);
  letter-spacing: 0;
}