/* JarvisBoard — expanded sidebar + platform polish */

@media (min-width: 1024px) {
    .app-sidebar {
        width: 208px;
    }

    .sidebar-brand {
        justify-content: flex-start;
        padding: 14px 14px 12px;
    }

    .sidebar-brand-link {
        width: auto;
        height: auto;
        min-height: 36px;
        padding: 6px 10px;
        gap: 9px;
        display: inline-flex;
        align-items: center;
        border-radius: 12px;
    }

    .sidebar-brand-link::after {
        content: 'JarvisBoard';
        font-family: 'Manrope', 'Inter', sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: -0.03em;
        line-height: 1;
        color: #f1f5f9;
    }

    .sidebar-brand-mark {
        font-size: 12px;
        line-height: 1;
    }

    .sidebar-nav-main {
        padding: 6px 10px;
    }

    .sidebar-nav-footer {
        padding: 6px 10px 14px;
    }

    .nav-item {
        justify-content: flex-start;
        padding: 8px 12px;
        min-height: 38px;
        gap: 10px;
    }

    .nav-label {
        display: inline;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.01em;
    }

    .sidebar-section-label {
        display: block;
        padding: 12px 12px 5px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #475569;
    }
}

.sidebar-section-label {
    display: none;
}

body.app-layout.me-layout .app-content.me-page {
    margin: 10px 14px 14px;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
}

body.app-layout .nav-item--me-hl.active {
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.18), rgba(212, 165, 116, 0.08));
}

.potok-brand-lockup--topbar .jb-brand-tag {
    display: none;
}

@media (min-width: 64rem) {
    .potok-brand-lockup--topbar .jb-brand-tag {
        display: block;
    }
}