/* Guest Dashboard Shell 专属样式（docs/design/guest-dashboard-shell.md §6/§7）
   顶栏复用共享 site-nav（site-layout.js + pages.css）。
   v2.2 页面级融合：auth.css 的 body 规则（flex 居中 + 渐变背景，为登录卡片页设计）
   会把 #site-nav 压成收缩窄条并盖掉 pages.css 的页面背景——在此收口回
   pages.css 同构的页面骨架；auth.css 仅保留其 CSS 变量供 dashboard 系组件消费。 */

/* ── 页面骨架：与其它公开页（pages.css）同构 ── */
body.guest-shell {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background: var(--bg-deep, #08090e);
    color: var(--text-primary);
}

body.guest-shell #site-nav {
    width: 100%;
}

/* ── 主内容：宽度/内距完全沿用 dashboard.css 的 .dashboard-container（登录前后
      一致）；仅补 flex 占满与视口高度基准，使 footer 落在首屏折叠线以下 ── */
body.guest-shell .dashboard-container {
    flex: 1;
    min-height: calc(100vh - 64px); /* 64px = site-nav 高度 */
}

body.guest-shell .main-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

/* ── Chat / Apps toggle 融入文档流（原 absolute top:14px 会压进 64px 高的 site-nav） ── */
body.guest-shell .dashboard-view-toggle {
    position: static;
    transform: none;
    align-self: center;
    margin: 0 auto 4px;
}

/* ── Chat landing：布局完全沿用 dashboard-chat.css 原生 .chat-panel.landing-mode
      规则（登录前后一致）；只修高度基准（authed 无 64px site-nav）。
      注意：选择器保持 class 级特异性且不碰 display，
      让 body.dashboard--apps-view .chat-panel{display:none} 正常生效 ── */
body.guest-shell .chat-panel {
    height: calc(100vh - 64px - 32px - 34px); /* nav + container 上下距 + toggle 行 */
    max-height: calc(100vh - 64px - 32px - 34px);
}

/* ── Apps 视图：高度改由 flex 分配（原 calc(100vh-32px) 假设 dashboard 自身 chrome） ── */
body.guest-shell .apps-view {
    flex: 1;
    height: auto;
    max-height: none;
}

/* ── Chat landing tagline（D7） ── */
.guest-tagline {
    margin: 0 0 14px;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-secondary, rgba(232, 232, 236, 0.55));
}

/* ── 只读商店网格（D3）：item 是 <a>，复位链接样式并禁用编辑态视觉 ── */
.apps-view-item--guest,
a.anna-app-deck-item {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.apps-view-item--guest:hover,
a.anna-app-deck-item:hover {
    text-decoration: none;
}