/**
 * Dark Theme
 */

.theme-dark {
    --bg-primary: #1e1e2e;
    --bg-secondary: #181825;
    --bg-tertiary: #313244;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --border-color: #444444;
    --sidebar-bg: #11111b;
    --sidebar-text: #ffffff;
    --sidebar-active: rgba(255, 255, 255, 0.15);
    --sidebar-hover: rgba(255, 255, 255, 0.08);
}

.theme-dark body {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* Sidebar */
.theme-dark .sidebar {
    background-color: var(--sidebar-bg);
    color: var(--sidebar-text);
    border-right: 1px solid var(--border-color);
}

[dir="rtl"].theme-dark .sidebar {
    border-right: none;
    border-left: 1px solid var(--border-color);
}

.theme-dark .sidebar-toggle {
    color: #ffffff;
}

.theme-dark .sidebar-toggle:hover {
    background-color: var(--sidebar-hover);
}

.theme-dark .sidebar-search input {
    background-color: var(--bg-tertiary);
    color: #ffffff;
    border: 2px solid var(--border-color);
}

.theme-dark .sidebar-search input::placeholder {
    color: #aaaaaa;
}

.theme-dark .sidebar-search input:focus {
    border-color: #3b82f6;
}

.theme-dark .sidebar-search i {
    color: #aaaaaa;
}

.theme-dark .nav-group-title {
    color: #aaaaaa;
}

.theme-dark .nav-item {
    color: #ffffff;
}

.theme-dark .nav-item:hover {
    background-color: var(--sidebar-hover);
}

.theme-dark .nav-item.active {
    background-color: var(--sidebar-active);
    color: #ffffff;
}

/* Main Content */
.theme-dark .main-content {
    background-color: var(--bg-secondary);
}

.theme-dark .topbar {
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-color);
}

.theme-dark .topbar-title h1 {
    color: #ffffff;
}

.theme-dark .btn-icon {
    color: #ffffff;
}

.theme-dark .btn-icon:hover {
    background-color: var(--bg-tertiary);
}

.theme-dark .dropdown-menu {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
}

.theme-dark .dropdown-item {
    color: #ffffff;
}

.theme-dark .dropdown-item:hover {
    background-color: var(--bg-tertiary);
}

.theme-dark .dropdown-item.active {
    background-color: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

.theme-dark .dropdown-header {
    color: #cccccc;
    border-bottom: 1px solid var(--border-color);
}

/* Cards */
.theme-dark .card {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    color: #ffffff;
}

.theme-dark .card-header {
    color: #ffffff;
    border-bottom-color: var(--border-color);
}

.theme-dark .card-body {
    color: #ffffff;
}

.theme-dark .stat-card {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
}

.theme-dark .stat-card h3 {
    color: #ffffff;
}

.theme-dark .stat-card p {
    color: #cccccc;
}

.theme-dark .app-tile {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    color: #ffffff;
}

.theme-dark .app-tile-name {
    color: #ffffff;
}

.theme-dark .app-tile-version {
    color: #cccccc;
}

.theme-dark .app-tile-date {
    color: #aaaaaa;
}

.theme-dark .app-tile p {
    color: #cccccc;
}

/* Forms */
.theme-dark .form-label {
    color: #ffffff;
}

.theme-dark .form-control {
    background-color: var(--bg-tertiary);
    border: 2px solid var(--border-color);
    color: #ffffff;
}

.theme-dark .form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}

.theme-dark .form-control::placeholder {
    color: #888888;
}

.theme-dark select.form-control {
    color: #ffffff;
}

.theme-dark select.form-control option {
    background-color: var(--bg-primary);
    color: #ffffff;
}

/* Buttons */
.theme-dark .btn-secondary {
    background-color: var(--bg-tertiary);
    color: #ffffff;
}

.theme-dark .btn-secondary:hover {
    background-color: #45475a;
}

/* Tables */
.theme-dark .table {
    color: #ffffff;
}

.theme-dark .table th {
    background-color: var(--bg-tertiary);
    color: #ffffff;
}

.theme-dark .table td {
    color: #ffffff;
    border-bottom-color: var(--border-color);
}

.theme-dark .table tr:hover {
    background-color: var(--bg-tertiary);
}

/* FAQ */
.theme-dark .faq-item {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
}

.theme-dark .faq-question {
    color: #ffffff;
}

.theme-dark .faq-question:hover {
    background-color: var(--bg-tertiary);
}

.theme-dark .faq-answer {
    color: #cccccc;
}

.theme-dark .faq-answer p {
    color: #cccccc;
}

/* Support Cards */
.theme-dark .support-card {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    color: #ffffff;
}

.theme-dark .support-card h3 {
    color: #ffffff;
}

.theme-dark .support-card p {
    color: #cccccc;
}

/* General text elements */
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #ffffff;
}

.theme-dark p {
    color: #e0e0e0;
}

.theme-dark label {
    color: #ffffff;
}

.theme-dark a {
    color: #60a5fa;
}

.theme-dark a:hover {
    color: #93c5fd;
}

/* Alerts */
.theme-dark .alert-success { background: rgba(16, 185, 129, 0.15); color: #34d399; }
.theme-dark .alert-error { background: rgba(239, 68, 68, 0.15); color: #f87171; }
.theme-dark .alert-warning { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
.theme-dark .alert-info { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }

/* Badges */
.theme-dark .badge-success { background: rgba(16, 185, 129, 0.2); color: #34d399; }
.theme-dark .badge-warning { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }
.theme-dark .badge-danger { background: rgba(239, 68, 68, 0.2); color: #f87171; }
.theme-dark .badge-info { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }

/* Login */
.theme-dark .login-container {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    color: #ffffff;
}

.theme-dark .login-container h2 {
    color: #ffffff;
}

/* Footer */
.theme-dark .footer {
    background-color: var(--bg-primary);
    border-top: 1px solid var(--border-color);
    color: #cccccc;
}

/* Scrollbar */
.theme-dark ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

.theme-dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Checkbox labels */
.theme-dark label {
    color: #ffffff;
}

/* List items */
.theme-dark li {
    color: #e0e0e0;
}

.theme-dark ol,
.theme-dark ul {
    color: #e0e0e0;
}

/* Details/Summary */
.theme-dark details summary {
    color: #60a5fa;
}

.theme-dark details p {
    color: #cccccc;
}

/* App list in admin */
.theme-dark .app-list-item {
    color: #ffffff;
}

.theme-dark .app-list-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.theme-dark .app-list-item.active {
    background-color: rgba(59, 130, 246, 0.15);
}