/* SystemSentinel/ui/styles.qss */
/* ===== BASE VARIABLES ===== */
* {
    font-family: 'Segoe UI', 'Inter', sans-serif;
    font-size: 14px;
}

/* ===== DARK THEME ===== */
[theme="dark"] {
    /* Color definitions */
    --primary-bg: #1e1e1e;
    --secondary-bg: #2a2a2a;
    --tertiary-bg: #333;
    --card-bg: #2a2a2a;
    --card-hover: #333;
    --text-primary: #f0f0f0;
    --text-secondary: #aaa;
    --text-tertiary: #888;
    --accent: #4fc3f7;
    --accent-hover: #81d4fa;
    --warning: #ff9800;
    --danger: #f44336;
    --success: #4caf50;
    --border: #333;
    --border-light: #444;
    --scrollbar-bg: #2a2a2a;
    --scrollbar-handle: #444;
    --scrollbar-handle-hover: #555;
    --tooltip-bg: rgba(40, 40, 40, 0.95);
    --shadow: rgba(0, 0, 0, 0.5);
    --disabled: #555;
}

/* ===== LIGHT THEME ===== */
[theme="light"] {
    /* Color definitions */
    --primary-bg: #f5f5f5;
    --secondary-bg: #ffffff;
    --tertiary-bg: #f0f0f0;
    --card-bg: #ffffff;
    --card-hover: #f9f9f9;
    --text-primary: #333;
    --text-secondary: #666;
    --text-tertiary: #999;
    --accent: #0288d1;
    --accent-hover: #039be5;
    --warning: #f57c00;
    --danger: #d32f2f;
    --success: #388e3c;
    --border: #ddd;
    --border-light: #eee;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-handle: #ccc;
    --scrollbar-handle-hover: #aaa;
    --tooltip-bg: rgba(250, 250, 250, 0.95);
    --shadow: rgba(0, 0, 0, 0.1);
    --disabled: #bbb;
}

/* ===== GLOBAL STYLES ===== */
QWidget {
    background-color: var(--primary-bg);
    color: var(--text-primary);
}

/* ===== TYPOGRAPHY ===== */
QLabel {
    color: var(--text-primary);
}

QLabel#title {
    font-size: 18px;
    font-weight: bold;
    color: var(--text-primary);
}

QLabel#subtitle {
    font-size: 14px;
    color: var(--text-secondary);
}

QLabel#caption {
    font-size: 12px;
    color: var(--text-tertiary);
}

/* ===== BUTTONS ===== */
QPushButton {
    background-color: var(--tertiary-bg);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 6px 12px;
}

QPushButton:hover {
    background-color: var(--secondary-bg);
    border-color: var(--border-light);
}

QPushButton:pressed {
    background-color: var(--tertiary-bg);
}

QPushButton:disabled {
    color: var(--disabled);
    background-color: var(--tertiary-bg);
}

QPushButton.primary {
    background-color: var(--accent);
    color: white;
    font-weight: bold;
}

QPushButton.primary:hover {
    background-color: var(--accent-hover);
}

QPushButton.warning {
    background-color: var(--warning);
    color: white;
    font-weight: bold;
}

QPushButton.danger {
    background-color: var(--danger);
    color: white;
    font-weight: bold;
}

/* ===== INPUTS ===== */
QLineEdit, QTextEdit, QPlainTextEdit, QComboBox {
    background-color: var(--secondary-bg);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 6px;
}

QLineEdit:focus, QTextEdit:focus, QPlainTextEdit:focus, QComboBox:focus {
    border: 1px solid var(--accent);
}

QComboBox::drop-down {
    border: none;
}

QComboBox QAbstractItemView {
    background-color: var(--secondary-bg);
    color: var(--text-primary);
    border: 1px solid var(--border);
    selection-background-color: var(--accent);
    selection-color: white;
}

QCheckBox, QRadioButton {
    spacing: 8px;
}

QCheckBox::indicator, QRadioButton::indicator {
    width: 18px;
    height: 18px;
    border: 1px solid var(--border);
    border-radius: 3px;
    background-color: var(--secondary-bg);
}

QCheckBox::indicator:checked, QRadioButton::indicator:checked {
    background-color: var(--accent);
    border: 1px solid var(--accent);
}

QCheckBox::indicator:checked {
    image: url(assets/icons/check.svg);
}

QRadioButton::indicator:checked {
    border-radius: 9px;
}

/* ===== SCROLLBARS ===== */
QScrollBar:vertical {
    background: var(--scrollbar-bg);
    width: 10px;
    margin: 0;
}

QScrollBar::handle:vertical {
    background: var(--scrollbar-handle);
    min-height: 20px;
    border-radius: 5px;
}

QScrollBar::handle:vertical:hover {
    background: var(--scrollbar-handle-hover);
}

QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
    height: 0;
}

QScrollBar:horizontal {
    background: var(--scrollbar-bg);
    height: 10px;
    margin: 0;
}

QScrollBar::handle:horizontal {
    background: var(--scrollbar-handle);
    min-width: 20px;
    border-radius: 5px;
}

QScrollBar::handle:horizontal:hover {
    background: var(--scrollbar-handle-hover);
}

/* ===== TAB WIDGET ===== */
QTabWidget::pane {
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--secondary-bg);
}

QTabBar::tab {
    background: var(--tertiary-bg);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px 16px;
    margin-right: 2px;
}

QTabBar::tab:selected, QTabBar::tab:hover {
    background: var(--secondary-bg);
    color: var(--text-primary);
    border-color: var(--border);
}

QTabBar::tab:selected {
    border-bottom: 2px solid var(--accent);
    margin-bottom: -1px;
}

/* ===== TABLE VIEW ===== */
QTableView, QListWidget, QTreeView {
    background-color: var(--secondary-bg);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 4px;
    gridline-color: var(--border);
    alternate-background-color: var(--tertiary-bg);
    outline: 0;
}

QHeaderView::section {
    background-color: var(--tertiary-bg);
    color: var(--text-primary);
    padding: 6px;
    border: none;
    border-bottom: 1px solid var(--border);
}

QTableView::item:selected, QListWidget::item:selected, QTreeView::item:selected {
    background-color: var(--accent);
    color: white;
}

/* ===== PROGRESS BAR ===== */
QProgressBar {
    background-color: var(--tertiary-bg);
    border: 1px solid var(--border);
    border-radius: 4px;
    text-align: center;
}

QProgressBar::chunk {
    background-color: var(--accent);
    border-radius: 3px;
}

/* ===== TOOLTIPS ===== */
QToolTip {
    background-color: var(--tooltip-bg);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 8px;
}

/* ===== SEPARATORS ===== */
QFrame[frameShape="4"] { /* HLine */
    background-color: var(--border);
    max-height: 1px;
}

QFrame[frameShape="5"] { /* VLine */
    background-color: var(--border);
    max-width: 1px;
}

/* ===== CUSTOM WIDGET OVERRIDES ===== */
DashboardCard {
    background-color: var(--card-bg);
    border-radius: 8px;
    border: 1px solid var(--border);
}

DashboardCard:hover {
    background-color: var(--card-hover);
    border: 1px solid var(--border-light);
}

Sidebar {
    background-color: var(--tertiary-bg);
    border-right: 1px solid var(--border);
}

SummaryBox {
    background-color: var(--card-bg);
    border-radius: 8px;
    border: 1px solid var(--border);
}

/* ===== LAYOUT SPACING ===== */
QWidget > QLayout {
    margin: 10px;
    spacing: 10px;
}

/* ===== MENUS ===== */
QMenuBar {
    background-color: var(--secondary-bg);
    border-bottom: 1px solid var(--border);
    padding: 4px;
}

QMenuBar::item {
    padding: 6px 12px;
    background: transparent;
}

QMenuBar::item:selected {
    background-color: var(--tertiary-bg);
    border-radius: 4px;
}

QMenu {
    background-color: var(--secondary-bg);
    border: 1px solid var(--border);
    padding: 8px 0;
}

QMenu::item {
    padding: 8px 32px 8px 16px;
}

QMenu::item:selected {
    background-color: var(--accent);
    color: white;
}

QMenu::separator {
    height: 1px;
    background-color: var(--border);
    margin: 4px 0;
}

/* ===== STATUS BAR ===== */
QStatusBar {
    background-color: var(--tertiary-bg);
    border-top: 1px solid var(--border);
    padding: 4px;
}

QStatusBar::item {
    border: none;
}

is this code have any issue? can you check it?