/* AXIOMICA ISLCS - DARK THEME */
/* Professional dark theme for night operations */

:root[data-theme="dark"] {
	/* Primary colors */
	--dark-bg-primary: #0f172a;
	--dark-bg-secondary: #1e293b;
	--dark-bg-tertiary: #334155;
	
	/* Text colors */
	--dark-text-primary: #f1f5f9;
	--dark-text-secondary: #94a3b8;
	--dark-text-muted: #64748b;
	
	/* Border colors */
	--dark-border: #475569;
	--dark-border-light: #334155;
	
	/* Accent colors */
	--dark-primary-blue: #3b82f6;
	--dark-primary-blue-dark: #2563eb;
	--dark-success: #10b981;
	--dark-warning: #f59e0b;
	--dark-error: #ef4444;
	--dark-info: #06b6d4;
	
	/* Shadows */
	--dark-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	--dark-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
	--dark-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
	
	/* Override existing variables */
	--white: #1e293b;
	--gray-50: #0f172a;
	--gray-100: #1e293b;
	--gray-200: #334155;
	--gray-300: #475569;
	--gray-400: #64748b;
	--gray-500: #94a3b8;
	--gray-600: #cbd5e1;
	--gray-700: #e2e8f0;
	--gray-900: #f1f5f9;
}

/* Dark theme body */
[data-theme="dark"] body {
	background: var(--dark-bg-primary);
	color: var(--dark-text-primary);
}

/* Cards */
[data-theme="dark"] .widget-card,
[data-theme="dark"] .integration-card,
[data-theme="dark"] .device-card {
	background: var(--dark-bg-secondary);
	border-color: var(--dark-border);
	box-shadow: var(--dark-shadow-md);
}

[data-theme="dark"] .widget-card:hover,
[data-theme="dark"] .integration-card:hover,
[data-theme="dark"] .device-card:hover {
	box-shadow: var(--dark-shadow-lg);
}

/* Headers */
[data-theme="dark"] .islcs-header {
	background: var(--dark-bg-secondary);
	border-bottom: 1px solid var(--dark-border);
}

[data-theme="dark"] .nav-link {
	color: var(--dark-text-secondary);
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
	color: var(--dark-text-primary);
	background: var(--dark-bg-tertiary);
}

/* Tables */
[data-theme="dark"] table {
	background: var(--dark-bg-secondary);
}

[data-theme="dark"] th {
	background: var(--dark-bg-tertiary);
	color: var(--dark-text-primary);
	border-color: var(--dark-border);
}

[data-theme="dark"] td {
	border-color: var(--dark-border-light);
	color: var(--dark-text-secondary);
}

[data-theme="dark"] tr:hover {
	background: var(--dark-bg-tertiary);
}

/* Forms */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
	background: var(--dark-bg-tertiary);
	border-color: var(--dark-border);
	color: var(--dark-text-primary);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
	border-color: var(--dark-primary-blue);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* Buttons */
[data-theme="dark"] .btn-primary {
	background: var(--dark-primary-blue);
	color: white;
}

[data-theme="dark"] .btn-primary:hover {
	background: var(--dark-primary-blue-dark);
}

[data-theme="dark"] .btn-secondary {
	background: var(--dark-bg-tertiary);
	color: var(--dark-text-primary);
}

[data-theme="dark"] .btn-secondary:hover {
	background: var(--dark-border);
}

/* Status indicators */
[data-theme="dark"] .status-online,
[data-theme="dark"] .status-active {
	background: rgba(16, 185, 129, 0.2);
	color: var(--dark-success);
}

[data-theme="dark"] .status-offline,
[data-theme="dark"] .status-inactive {
	background: rgba(148, 163, 184, 0.2);
	color: var(--dark-text-secondary);
}

[data-theme="dark"] .status-error {
	background: rgba(239, 68, 68, 0.2);
	color: var(--dark-error);
}

[data-theme="dark"] .status-warning {
	background: rgba(245, 158, 11, 0.2);
	color: var(--dark-warning);
}

/* Quick filters */
[data-theme="dark"] .quick-filters {
	background: var(--dark-bg-secondary);
	border: 1px solid var(--dark-border);
}

[data-theme="dark"] .filter-btn {
	background: var(--dark-bg-tertiary);
	color: var(--dark-text-secondary);
	border: 1px solid var(--dark-border);
}

[data-theme="dark"] .filter-btn:hover,
[data-theme="dark"] .filter-btn.active {
	background: var(--dark-primary-blue);
	color: white;
	border-color: var(--dark-primary-blue);
}

/* Modal */
[data-theme="dark"] .modal-content {
	background: var(--dark-bg-secondary);
	border: 1px solid var(--dark-border);
}

[data-theme="dark"] .modal-header {
	border-bottom-color: var(--dark-border);
}

[data-theme="dark"] .modal-footer {
	border-top-color: var(--dark-border);
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
	background: var(--dark-bg-primary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
	background: var(--dark-border);
	border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
	background: var(--dark-primary-blue);
}

/* Theme toggle button */
.theme-toggle {
	background: var(--dark-bg-tertiary);
	border: 1px solid var(--dark-border);
	border-radius: 8px;
	padding: 8px 12px;
	cursor: pointer;
	color: var(--dark-text-secondary);
	transition: all 0.2s;
}

.theme-toggle:hover {
	background: var(--dark-primary-blue);
	color: white;
}

.theme-toggle i {
	font-size: 1.1rem;
}

/* Stats bar */
[data-theme="dark"] .stats-bar {
	background: var(--dark-bg-secondary);
	border-bottom: 1px solid var(--dark-border);
}

[data-theme="dark"] .stat-value {
	color: var(--dark-primary-blue);
}

[data-theme="dark"] .stat-label {
	color: var(--dark-text-secondary);
}

/* Page header */
[data-theme="dark"] .page-header {
	background: var(--dark-bg-secondary);
	border-bottom: 1px solid var(--dark-border);
}

[data-theme="dark"] .page-title {
	color: var(--dark-text-primary);
}

[data-theme="dark"] .page-subtitle {
	color: var(--dark-text-secondary);
}

/* Integration icons */
[data-theme="dark"] .integration-icon {
	box-shadow: var(--dark-shadow-sm);
}

/* Device brightness slider */
[data-theme="dark"] input[type="range"] {
	background: var(--dark-bg-tertiary);
}

[data-theme="dark"] input[type="range"]::-webkit-slider-thumb {
	background: var(--dark-primary-blue);
	border: 2px solid var(--dark-border);
}

/* Toast notifications */
[data-theme="dark"] .alert {
	box-shadow: var(--dark-shadow-lg);
}

/* Loading spinner */
[data-theme="dark"] .spinner {
	border-color: var(--dark-border);
	border-top-color: var(--dark-primary-blue);
}