/* 公共 Logo 与旧站入口；文字与图标一起响应悬停。 */
.header-brand {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}
.header-brand .logo { flex-shrink: 0; white-space: nowrap; }
.legacy-entry {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 9px;
    border: 1px solid #e8edf4;
    border-radius: 6px;
    background: #f8fafc;
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    transition: color .2s, background-color .2s, border-color .2s;
}
.legacy-entry svg { width: 17px; height: 17px; flex-shrink: 0; }
.legacy-entry:hover, .legacy-entry:focus-visible {
    color: var(--color2, #266fff);
    background: #eff5ff;
    border-color: #cdddff;
}
.legacy-entry:focus-visible { outline: 2px solid #cdddff; outline-offset: 2px; }


/* 窄屏 Logo 为右侧账户图标留出空间。 */
@media (max-width: 420px) {
    .header .header-brand { gap: 8px; }
    .header .header-brand .logo { gap: 8px; }
    .header .header-brand .logo-text { font-size: 16px; }
    .header .header-brand .logo-img { height: 26px; }
}

/* 旧站入口随工作台侧栏滚动，菜单较少时贴近侧栏底部。 */
.sidebar .sidebar-legacy-entry { margin: 16px 18px 0; }
@media (min-width: 1001px) {
    .sidebar { display: flex; flex-direction: column; }
    .sidebar > div { flex-shrink: 0; }
    .sidebar .sidebar-legacy-entry { align-self: flex-start; flex-shrink: 0; margin-top: auto; }
}
