/* eng-compat.css —— 只放生产系统**没有**的那点东西
   ------------------------------------------------------------------
   2026-11-13 重写（按《骨架施工图》批 2）：
   外壳（.sidenav / .content / .app-topbar / main）**一行 CSS 都不许写** ——
   prod-vendor.css 里全有，写了就是抢层叠，这正是"抄了却不像"的根源。
   这里只保留四类生产没有的东西：
     ① 文字版双品牌（生产用 base64 图片，工程系统没有素材）
     ② 登录卡里的"记住登录状态"与"显示口令"（生产的类名是 .login-remember / .field-toggle，
        工程用的是 .chk / .eye，样式在此补齐）
     ③ 登录态的导航隐藏
     ④ 光晕改用 radial-gradient（不用 filter:blur，避免大离屏合成层）
*/

/* ① 文字版双品牌（位置、尺寸、间距对齐生产的 .sn-brand / .login-logos） */
.lg-word{display:inline-flex;align-items:baseline;gap:6px;line-height:1}
.lg-word b{font-size:16px;font-weight:800;letter-spacing:.04em;color:#1b2430}
.lg-word i{font-style:normal;font-size:12px;color:#5b6675;letter-spacing:.08em}
.lg-word.lg-weeduo b{font-size:15px;letter-spacing:.02em}
.logo-sep{width:1px;height:20px;background:rgba(16,18,24,.22)}

/* ② 登录卡内的两个控件 */
.login-card .chk{display:flex;align-items:center;gap:8px;
  font-size:var(--fs-md);color:var(--text-2);margin:10px 0 2px;cursor:pointer}
.login-card .chk input{width:17px;height:17px;accent-color:var(--accent)}
.login-card .eye{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.login-card .eye svg{width:18px;height:18px}
.login-card .eye.on{color:var(--accent)}
.login-card .btn-login{width:100%;height:48px;margin-top:8px;border:0;border-radius:var(--r-md);
  background:#7BA7E8;color:#fff;font-size:15px;font-weight:600;letter-spacing:.06em;
  box-shadow:0 2px 6px rgba(123,167,232,.35);cursor:pointer}
.login-card .btn-login:active{filter:brightness(.96)}
.login-card .btn-login:disabled{opacity:.6;box-shadow:none}
.login-card .hint{font-size:var(--fs-xs);color:var(--muted);margin:6px 0;min-height:1em}
.login-card .hint.warn{color:var(--st-today)}
.login-card .hint.danger{color:var(--bad)}

/* ③ 登录态：整屏只有登录卡，导航与光斑层都不出现 */
body.login-mode .sidenav,
body.login-mode .app-topbar { display:none !important; }
body.login-mode { padding-bottom:0; }
body.login-mode .bg-layer { display:none !important; }
body.login-mode .content { padding:0 !important; }

/* ④ 光晕：不用 filter:blur（大半径 blur 会生成超大离屏合成层，截图与低端机都出问题） */
.login-glow{filter:none !important}
.login-glow-a{background:radial-gradient(circle at 50% 50%, rgba(24,95,165,.34) 0%, rgba(24,95,165,.15) 38%, rgba(24,95,165,0) 70%)}
.login-glow-b{background:radial-gradient(circle at 50% 50%, rgba(122,92,255,.28) 0%, rgba(122,92,255,.13) 38%, rgba(122,92,255,0) 70%)}

/* ⑤ 登录页：整屏层（生产系统里 #login 和 #app 是 body 下的兄弟节点；
   工程系统是单页，登录页渲染在 main 里，所以用 fixed 脱开，视觉等价） */
.login-screen{position:fixed;inset:0;z-index:40;min-height:0;
  display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.login-card{width:400px;max-width:100%;margin:0}

/* ============================================================================
   两条"没有 logo 素材"的必要补偿（2026-11-13 验收不通过②）
   生产顶栏 52 高，其中 6px 是 `.app-logos img` 撑出来的（实测 28 高）；
   工程用文字 logo 只有 15~16 高，把顶栏带矮到 50。这里让文字块占到 28，顶栏自然回到 52。
   ⚠ 只补高度，不改字号字色 —— 那属于"抄样式"，会与生产分叉。
   ============================================================================ */
.app-logos{min-height:28px}
.app-logos .lg-word{line-height:28px;align-items:center}
.sidenav .sn-brand .sn-bt span{line-height:1.35}