/* =====================================================================
   CowAgent Console — IA 四入口表现层 (css/ia-nav.css)
   A77 刀6 票二。只负责表现：分支显隐由 core/ia.js 用 hidden 属性切换，
   本文件不表达任何业务/权限/路由规则。
   设计口径（交互设计 §④）：四入口名称与顺序固定；当前项**不只靠颜色**——
   带文字徽标「当前」＋aria-current；触控目标 ≥44px；键盘焦点可见。
   ===================================================================== */

/* ── 新版侧栏分支 ─────────────────────────────────────────────────── */
.ia-nav-label {
    padding: 0 .75rem .5rem;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6b7280;
}

.ia-entry-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ia-entry-item { margin: 0; }

.ia-entry {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .75rem;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: #a3a3a3;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}

.ia-entry:hover { background: rgba(255, 255, 255, .05); color: #e5e5e5; }

/* 当前入口：底色 + 左缘条 + 文字徽标（三重表达，颜色不是唯一线索） */
.ia-entry.is-active {
    background: rgba(255, 255, 255, .07);
    color: #fff;
    font-weight: 600;
    box-shadow: inset 3px 0 0 currentColor;
}

.ia-entry:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.ia-entry-name { flex: 1 1 auto; min-width: 0; }

.ia-entry-badge {
    flex: 0 0 auto;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(96, 165, 250, .18);
    color: #93c5fd;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.6;
}

.ia-entry-badge[hidden] { display: none; }

/* ── 二级项（当前入口承载的视图；真锚点＝原生 hash 导航，可中键/可复制） ── */
.ia-submenu {
    margin-top: .75rem;
    padding-top: .5rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.ia-submenu-list {
    list-style: none;
    margin: 0;
    padding: 0 0 0 .25rem;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ia-view-link {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: .375rem .75rem;
    border-radius: .5rem;
    color: #a3a3a3;
    font-size: 13px;
    text-decoration: none;
    transition: background-color .15s, color .15s;
}

.ia-view-link:hover { background: rgba(255, 255, 255, .05); color: #e5e5e5; }

.ia-view-link.is-active {
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-weight: 500;
}

.ia-view-link.is-active::before {
    content: "›";
    margin-right: .375rem;
    color: #93c5fd;
}

.ia-view-link:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

/* ── 回滚旗按钮 ──────────────────────────────────────────────────── */
.ia-mode-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    border: 0;
    text-align: center;
}

.ia-mode-btn:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

/* ── 旧链接兜底提示（说明＋安全返回；不铺满屏、不遮挡导航） ─────────── */
.ia-notice {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin: .5rem 1rem 0;
    padding: .625rem .75rem;
    border: 1px solid rgba(245, 158, 11, .35);
    border-radius: .5rem;
    background: rgba(245, 158, 11, .08);
    color: #fcd34d;
    font-size: 13px;
    line-height: 1.5;
}

.ia-notice[hidden] { display: none; }

.ia-notice.is-warn {
    border-color: rgba(148, 163, 184, .35);
    background: rgba(148, 163, 184, .1);
    color: #cbd5e1;
}

.ia-notice-body { flex: 1 1 auto; min-width: 0; word-break: break-word; }

.ia-notice-btn {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 0 .625rem;
    border: 1px solid currentColor;
    border-radius: .375rem;
    background: transparent;
    color: inherit;
    font-size: 12px;
    cursor: pointer;
}

.ia-notice-btn:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

/* ── 读屏专用（宣告位）：视觉隐藏但不 display:none（否则读屏不播） ───── */
.ia-sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* ── 窄屏：侧栏即菜单形态，入口名称/顺序不变，触控目标放大 ──────────── */
@media (max-width: 1023px) {
    .ia-entry { min-height: 48px; font-size: 15px; }
    .ia-view-link { min-height: 48px; font-size: 14px; }
    .ia-notice { margin: .5rem .75rem 0; }
}

/* 系统降低动效偏好：本层零动画（保持与 perf-lite 同口径） */
@media (prefers-reduced-motion: reduce) {
    .ia-entry, .ia-view-link { transition: none; }
}