/* ====================================================================
   BRUTAL SURFACES - BODY
   Content area and scrollbar styling
   ==================================================================== */

.brutal-surface-body {
    flex: 1;
    overflow: auto;
    background: var(--io-surface-base);
    scrollbar-width: thin;
    scrollbar-color: var(--io-accent-subtle) var(--io-surface-base);
}

.brutal-surface-body-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    scrollbar-width: thin;
    scrollbar-color: var(--io-accent-subtle) var(--io-surface-base);
}

/* Webkit scrollbar styling */
.brutal-surface-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.brutal-surface-body::-webkit-scrollbar-track {
    background: transparent;
}

.brutal-surface-body::-webkit-scrollbar-thumb {
    background: var(--io-accent-subtle);
    border-radius: 3px;
}

.brutal-surface-body::-webkit-scrollbar-thumb:hover {
    background: var(--io-accent);
}