/* FortiGate Inventory Design System V2 - dark mode */
body.app-dark-mode {
  background: var(--fi-bg) !important;
  color: var(--fi-text) !important;
}
body.app-dark-mode #content-wrapper,
body.app-dark-mode #content { background: var(--fi-bg) !important; }
body.app-dark-mode .topbar,
body.app-dark-mode .ds-card-shell,
body.app-dark-mode .summary-tile,
body.app-dark-mode .dashboard-chart-box,
body.app-dark-mode .global-search-dropdown,
body.app-dark-mode .ds-dropdown-menu {
  background: var(--fi-surface) !important;
  color: var(--fi-text) !important;
  border-color: var(--fi-border) !important;
}
body.app-dark-mode .ds-card-header,
body.app-dark-mode .ds-modal-header,
body.app-dark-mode .ds-modal-footer,
body.app-dark-mode .ds-alert--neutral,
body.app-dark-mode .bg-light {
  background: var(--fi-surface-soft) !important;
  color: var(--fi-text) !important;
  border-color: var(--fi-border) !important;
}
body.app-dark-mode .text-dark,
body.app-dark-mode .text-gray-900,
body.app-dark-mode .text-gray-800,
body.app-dark-mode .text-gray-700 { color: var(--fi-text) !important; }
body.app-dark-mode .text-gray-600,
body.app-dark-mode .text-muted { color: var(--fi-text-muted) !important; }
body.app-dark-mode .ds-dropdown-item { color: var(--fi-text); }
body.app-dark-mode .ds-dropdown-item:hover { background: rgba(59, 130, 246, .13); color: #fff; }
body.app-dark-mode hr { border-color: var(--fi-border); }
body.app-dark-mode .ds-button--outline-secondary { color: #e2e8f0; border-color: var(--fi-gray-300); }
body.app-dark-mode .ds-button--outline-secondary:hover { background: var(--fi-gray-200); color: #fff; }
body.app-dark-mode .ds-button--outline-secondary { color: #cbd5e1; border-color: var(--fi-gray-300); }
body.app-dark-mode .ds-button--outline-secondary:hover { background: var(--fi-gray-200); color: #fff; }
body.app-dark-mode .ds-alert--warning { background: rgba(245, 158, 11, .16); color: #fde68a; border-color: rgba(245, 158, 11, .35); }
body.app-dark-mode .ds-alert--danger { background: rgba(239, 68, 68, .16); color: #fecaca; border-color: rgba(239, 68, 68, .35); }
body.app-dark-mode .ds-alert--success { background: rgba(16, 185, 129, .14); color: #a7f3d0; border-color: rgba(16, 185, 129, .35); }
body.app-dark-mode .ds-alert--info { background: rgba(6, 182, 212, .14); color: #a5f3fc; border-color: rgba(6, 182, 212, .35); }