/* Lightweight Modern Theme */
.browser-root {
    -fx-background-color: #0f0f1a;
}

.toolbar {
    -fx-background-color: #1a1a2e;
    -fx-padding: 10px 16px;
    -fx-border-color: #2a2a4a;
    -fx-border-width: 0 0 1px 0;
}

.nav-button {
    -fx-background-color: #252542;
    -fx-text-fill: #e0e0e0;
    -fx-font-size: 14px;
    -fx-padding: 8px 14px;
    -fx-background-radius: 8px;
    -fx-border-radius: 8px;
    -fx-border-color: #3a3a5a;
    -fx-border-width: 1px;
    -fx-cursor: hand;
}

.nav-button:hover {
    -fx-background-color: #8b5cf6;
    -fx-border-color: #8b5cf6;
}

.nav-button:pressed {
    -fx-background-color: #7c3aed;
}

.url-field {
    -fx-background-color: #1e1e32;
    -fx-text-fill: white;
    -fx-prompt-text-fill: #666;
    -fx-font-size: 14px;
    -fx-padding: 10px 20px;
    -fx-background-radius: 12px;
    -fx-border-radius: 12px;
    -fx-border-color: #3a3a5a;
    -fx-border-width: 1px;
}

.url-field:focused {
    -fx-border-color: #8b5cf6;
}

.search-combo {
    -fx-background-color: #252542;
    -fx-border-color: #3a3a5a;
    -fx-border-radius: 8px;
    -fx-background-radius: 8px;
    -fx-padding: 6px 12px;
}

.search-combo .list-cell {
    -fx-text-fill: white;
    -fx-background-color: transparent;
}

.search-combo .combo-box-popup .list-view {
    -fx-background-color: #1a1a2e;
}

.search-combo .combo-box-popup .list-cell {
    -fx-background-color: #1a1a2e;
    -fx-text-fill: white;
    -fx-padding: 10px 14px;
}

.search-combo .combo-box-popup .list-cell:hover {
    -fx-background-color: #8b5cf6;
}

.browser-tabs {
    -fx-background-color: #0f0f1a;
}

.browser-tabs .tab-header-area {
    -fx-background-color: #12121f;
    -fx-padding: 6px 6px 0 6px;
}

.browser-tabs .tab-header-background {
    -fx-background-color: #12121f;
}

.browser-tabs .tab {
    -fx-background-color: #1a1a2e;
    -fx-background-radius: 8px 8px 0 0;
    -fx-padding: 8px 16px;
}

.browser-tabs .tab:selected {
    -fx-background-color: #252542;
}

.browser-tabs .tab .tab-label {
    -fx-text-fill: #aaa;
    -fx-font-size: 13px;
}

.browser-tabs .tab:selected .tab-label {
    -fx-text-fill: white;
}

.side-panel {
    -fx-background-color: #1a1a2e;
    -fx-border-color: #2a2a4a;
    -fx-border-width: 0 0 0 1px;
}

.panel-label {
    -fx-text-fill: white;
    -fx-font-size: 15px;
    -fx-font-weight: bold;
    -fx-padding: 6px 0;
}

.panel-list {
    -fx-background-color: #1e1e32;
    -fx-background-radius: 8px;
}

.panel-list .list-cell {
    -fx-background-color: transparent;
    -fx-text-fill: #ccc;
    -fx-padding: 10px 12px;
    -fx-font-size: 12px;
}

.panel-list .list-cell:hover {
    -fx-background-color: #2a2a4a;
}

.panel-list .list-cell:selected {
    -fx-background-color: #8b5cf6;
    -fx-text-fill: white;
}

.panel-button {
    -fx-background-color: #8b5cf6;
    -fx-text-fill: white;
    -fx-padding: 10px 16px;
    -fx-background-radius: 8px;
    -fx-cursor: hand;
    -fx-font-size: 12px;
}

.panel-button:hover {
    -fx-background-color: #7c3aed;
}

.separator .line {
    -fx-border-color: #2a2a4a;
}

.scroll-bar {
    -fx-background-color: transparent;
}

.scroll-bar .thumb {
    -fx-background-color: #3a3a5a;
    -fx-background-radius: 4px;
}

.scroll-bar .thumb:hover {
    -fx-background-color: #8b5cf6;
}

.scroll-bar .increment-button, .scroll-bar .decrement-button {
    -fx-background-color: transparent;
    -fx-padding: 0;
}

.tooltip {
    -fx-background-color: #252542;
    -fx-text-fill: white;
    -fx-font-size: 12px;
    -fx-padding: 8px 12px;
    -fx-background-radius: 6px;
}
