:root {
    --header-height: 60px;
}

body {
    font-family: sans-serif;
    margin: 0;
}

#id {
    height: 100vh;
}

.n-config-provider>div {
    height: 100vh;
}

/* Sidebar brand: logo + app title */
.app-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    height: var(--header-height);
    padding: 0 15px;
    overflow: hidden;
}

.app-brand-logo {
    flex: none;
    display: flex;
    align-items: center;
}

.app-brand-logo svg {
    width: 32px;
    height: 32px;
    display: block;
}

.app-brand-title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}