/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Marco del portal. Ningun color va en duro: todos salen de docsportal-theme.css. */

.dp-shell[b-8mmks7zrl2] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--dp-surface);
    color: var(--dp-fg);
}

.dp-topbar[b-8mmks7zrl2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1.5rem;
    height: 60px;
    background: var(--dp-surface);
    border-bottom: 1px solid var(--dp-line);
}

.dp-brand[b-8mmks7zrl2] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
    color: inherit;
    font-weight: 700;
}

.dp-brand-mark[b-8mmks7zrl2] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--dp-primary);
    color: #fff;
    font-size: 1rem;
}

.dp-brand-name[b-8mmks7zrl2] {
    font-size: 1.02rem;
    letter-spacing: -.01em;
}

.dp-user[b-8mmks7zrl2] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    font-size: .9rem;
}

.dp-user-name[b-8mmks7zrl2] {
    font-weight: 600;
}

.dp-user-empresa[b-8mmks7zrl2] {
    color: var(--dp-muted);
}

.dp-salir[b-8mmks7zrl2] {
    color: var(--dp-primary);
    text-decoration: none;
    font-weight: 600;
}

.dp-salir:hover[b-8mmks7zrl2] {
    text-decoration: underline;
}

.dp-main[b-8mmks7zrl2] {
    flex: 1;
}

@media (max-width: 640px) {
    .dp-user-empresa[b-8mmks7zrl2] {
        display: none;
    }
}