/* base.css - reset, body, scrollbars, theme-transition */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--golem-bg-app);
    color: var(--golem-text);
    display: flex;
    height: 100vh;
    overflow: hidden;
}

/* Custom Scrollbar - Minimalistic */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--golem-border);
    border-radius: 3px;
    transition: all 0.3s;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--golem-success);
    width: 10px;
}

/* Scrollbar on hover - wider */
*:hover::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*:hover::-webkit-scrollbar-thumb {
    background: var(--golem-border-hover);
}

*:hover::-webkit-scrollbar-thumb:hover {
    background: var(--golem-success);
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--golem-border) transparent;
}

*:hover {
    scrollbar-color: #444 transparent;
}

/* Theme transition */
body.theme-transition,
.main-panel.theme-transition,
.chat-area.theme-transition {
    transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
}

body.theme-prompt .view-container.active {
    transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
}

body.theme-prompt .main-panel {
    background: rgba(0, 60, 100, 0.02);
}

body.theme-prompt .chat-area {
    background: rgba(0, 150, 255, 0.05);
}

body.theme-prompt .view-container.active {
    border: 1px solid rgba(33, 150, 243, 0.25);
    box-shadow: 0 0 12px rgba(33, 150, 243, 0.12);
}

body.theme-prompt .sidebar {
    border-right-color: rgba(33, 150, 243, 0.15);
}