/* Navegación desktop. Los colores del contenido siguen el tema de HGMobile. */
@media screen and (min-width: 900px) {
    :root .hg-shell-sidebar {
        --side-bg: #292e32;
        --side-text: #d5d9db;
        --side-muted: #a5afb5;
        --side-hover: #353d41;
        --side-active: #244c39;
        --side-accent: #b1dfbf;
        background: var(--side-bg);
        color: var(--side-text);
        border-right: 1px solid #394148;
        padding: 22px 14px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        overflow: hidden;
    }
    :root[data-theme="dark"] .hg-shell-sidebar { --side-bg: #20252a; --side-hover: #2d353b; background: var(--side-bg); }
    .hg-shell-sidebar .hg-bottom-nav { min-height: 0; overflow-y: auto; overflow-x: hidden; flex: 1; scrollbar-width: thin; scrollbar-color: #59636b transparent; padding: 3px; }
    .hg-shell-sidebar .hg-nav-sections { gap: 4px; }
    .hg-shell-sidebar .hg-area-group,
    .hg-shell-sidebar .hg-area-group[open],
    .hg-shell-sidebar .hg-compact-nav .hg-area-direct { padding: 0; border: 0; background: transparent; border-radius: 10px; margin: 0; box-shadow: none; }
    :root .hg-shell-sidebar .hg-area-group > summary,
    :root .hg-shell-sidebar .hg-nav-item {
        color: var(--side-text); border-radius: 10px; padding: 15px 14px;
        min-height: 48px; gap: 13px; background: transparent; border: 0; box-shadow: none;
    }
    .hg-shell-sidebar .hg-desktop-home { margin-bottom: 12px; }
    .hg-shell-sidebar .hg-nav-item svg,
    .hg-shell-sidebar .hg-area-group > summary svg,
    .hg-shell-sidebar .hg-area-chevron { color: var(--side-muted); }
    :root .hg-shell-sidebar .hg-area-group > summary:hover,
    :root .hg-shell-sidebar .hg-nav-item:hover,
    :root .hg-shell-sidebar .hg-area-overview:hover { background: var(--side-hover); color: var(--side-text); }
    :root .hg-shell-sidebar .hg-nav-item.active,
    :root .hg-shell-sidebar .hg-area-group.is-current-area > summary { background: var(--side-active); color: var(--side-accent); }
    .hg-shell-sidebar .hg-nav-item.active svg,
    .hg-shell-sidebar .hg-area-group.is-current-area > summary svg { color: var(--side-accent); }
    .hg-shell-sidebar .hg-area-links { border-left: 1px solid #ffffff20; margin: 0 0 12px 22px; padding: 4px 0 0 13px; gap: 2px; }
    :root .hg-shell-sidebar .hg-area-links .hg-nav-item { min-height: 40px; padding: 10px 12px; font-size: 12px; font-weight: 500; }
    .hg-shell-sidebar .hg-area-overview { color: var(--side-muted); }
    .hg-shell-sidebar .hg-nav-item:focus-visible,
    .hg-shell-sidebar summary:focus-visible,
    .hg-shell-sidebar button:focus-visible,
    .hg-shell-sidebar a:focus-visible { outline: 2px solid var(--side-accent); outline-offset: -2px; }
    :root .hg-shell-sidebar .hg-shell-brand { gap: 12px; flex: 0 0 auto; padding: 0 38px 20px 6px; margin-bottom: 12px; min-height: 80px; border-bottom: 1px solid #ffffff14; color: var(--side-text); }
    .hg-shell-brand-mark { display: flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; padding: 8px; border: 1px solid #ffffff50; background: #fff; border-radius: 12px; box-shadow: 0 3px 10px #00000014; }
    :root .hg-shell-sidebar .hg-shell-brand-mark img { display: block; width: 100%; height: 100%; padding: 0; object-fit: contain; border-radius: 0; box-shadow: none; background: transparent; }
    .hg-shell-sidebar .hg-shell-brand strong { font-size: 16px; color: var(--side-text); letter-spacing: .2px; }
    .hg-shell-sidebar .hg-shell-brand small { font-size: 11px; color: var(--side-muted); letter-spacing: .3px; margin-top: 5px; }
    :root .hg-shell-sidebar .hg-shell-collapse-button { position: absolute; top: 32px; left: auto; right: 14px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--side-muted); box-shadow: none; transform: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
    .hg-shell-sidebar .hg-shell-collapse-button span { font-size: 22px; color: inherit; }
    :root .hg-shell-sidebar .hg-shell-collapse-button:hover { background: var(--side-hover); color: var(--side-text); }
    .hg-shell-sidebar .hg-shell-user { flex: 0 0 auto; padding: 16px 6px 0; border-top: 1px solid #ffffff1c; }
    .hg-shell-sidebar .hg-shell-user strong { color: var(--side-text); }
    .hg-shell-sidebar .hg-shell-user small { color: var(--side-muted); }
    .hg-shell-sidebar .hg-account-security { color: var(--side-accent); font-size: 11px; }
    .hg-shell-sidebar .hg-shell-user button { background: transparent; color: var(--side-text); border-color: #ffffff30; }
    :root.hg-sidebar-collapsed .hg-app { grid-template-columns: 104px minmax(0, 1fr); }
    :root.hg-sidebar-collapsed .hg-shell-sidebar { padding: 22px 8px; opacity: 1; pointer-events: auto; transform: none; border-right: 1px solid #394148; }
    :root.hg-sidebar-collapsed .hg-main { zoom: 1; }
    :root.hg-sidebar-collapsed .hg-shell-brand { min-height: 108px; justify-content: center; padding: 0 0 48px; }
    :root.hg-sidebar-collapsed .hg-shell-brand-mark { width: 44px; height: 44px; flex-basis: 44px; border-radius: 11px; }
    :root.hg-sidebar-collapsed .hg-shell-collapse-button { top: 82px; right: 38px; }
    :root.hg-sidebar-collapsed .hg-shell-brand-name,
    :root.hg-sidebar-collapsed .hg-shell-user,
    :root.hg-sidebar-collapsed .hg-shell-sidebar .hg-area-links,
    :root.hg-sidebar-collapsed .hg-shell-sidebar .hg-area-chevron { display: none; }
    :root.hg-sidebar-collapsed .hg-shell-sidebar .hg-nav-item,
    :root.hg-sidebar-collapsed .hg-shell-sidebar summary { flex-direction: column; justify-content: center; gap: 7px; min-height: 66px; padding: 11px 2px; }
    :root.hg-sidebar-collapsed .hg-shell-sidebar .hg-nav-item > span,
    :root.hg-sidebar-collapsed .hg-shell-sidebar summary > span:not(.hg-area-chevron) { display: block; max-width: 100%; font-size: 11px; font-weight: 500; line-height: 1.25; letter-spacing: 0; text-transform: none; text-align: center; white-space: normal; overflow-wrap: anywhere; }
}