/* ===== assets/css/03-shell.css | 工作台外壳：顶栏 / 导航 / 标语 / 卡片 / 按钮 / 表格 / 状态条 ===== */
/* 来源：原 index.html 内联样式 第 46-104 行；改样式只改这个文件 */
  /* ---------- 工作台 ---------- */
  #app { display:none; padding: 20px 22px; }
  .topbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
  .topbar .title { font-size:20px; font-weight:700; }
  .topbar .title span { color:#d9a06b; }
  .topbar .right { display:flex; align-items:center; gap:14px; }
  .topbar .who { color:#9a8f7a; font-size:13px; }
  #logoutBtn { background:#2a231b; color:#e6e0d2; border:1px solid #2d2720; border-radius:6px; padding:7px 14px; font-size:13px; cursor:pointer; }
  #logoutBtn:hover { background:#2d2720; }

  .tabs { display:flex; gap:8px; border-bottom:1px solid #2d2720; margin-bottom:20px; }
  .tab { padding:10px 18px; cursor:pointer; color:#9a8f7a; border:1px solid transparent; border-bottom:none; border-radius:8px 8px 0 0; font-size:15px; }
  .tab.active { background:#1e1914; color:#e6e0d2; border-color:#2d2720; }

  .card { background:#1e1914; border:1px solid #2d2720; border-radius:12px; padding:24px; margin-bottom:20px; }
  .card h3 { font-size:15px; margin-bottom:16px; }
  .row { display:flex; gap:14px; flex-wrap:wrap; align-items:flex-end; }
  .field { display:flex; flex-direction:column; gap:6px; }
  .field label { font-size:12px; color:#9a8f7a; }
  .field input, .field select { background:#14110d; border:1px solid #2d2720; border-radius:8px; color:#e6e0d2; padding:9px 10px; font-size:14px; outline:none; }
  .field input:focus, .field select:focus { border-color:#d9a06b; }
  .btn { background:#2e9e5b; color:#fff; border:none; border-radius:8px; padding:10px 16px; font-size:14px; cursor:pointer; font-weight:600; }
  .btn:hover { background:#37b56a; }
  .btn.grey { background:#2a231b; border:1px solid #2d2720; cursor:not-allowed; }
  .btn.small { padding:7px 12px; font-size:13px; }
  .btn.blue { background:#a05a2c; }
  .btn.blue:hover { background:#b06432; }
  .btn.red { background:#a03a27; }
  .btn.red:hover { background:#c9553f; }

  .checkbox { display:flex; align-items:center; gap:6px; padding-bottom:10px; }
  .checkbox input { width:16px; height:16px; }

  table { width:100%; border-collapse:collapse; font-size:13px; }
  th, td { text-align:left; padding:9px 10px; border-bottom:1px solid #2a231b; }
  th { color:#9a8f7a; font-weight:600; }
  td { color:#e6e0d2; }
  .badge-ok { color:#2e9e5b; }
  .badge-warn { color:#d9a06b; }
  .sn-tag { display:inline-block; margin-left:6px; padding:1px 7px; border-radius:10px; background:rgba(255,215,120,.13); color:#ffd778; font-size:11px; font-weight:500; vertical-align:middle; }
  .stat-chip { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:76px; padding:8px 12px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
  .stat-chip b { font-size:22px; font-weight:700; color:#e6e0d2; line-height:1.1; }
  .stat-chip span { font-size:11px; color:#9a8f7a; margin-top:2px; }
  .lic-group { margin-top:14px; }
  .lic-group-hd { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
  .lic-group-hd .prod-name { font-weight:600; color:#e6e0d2; font-size:14px; }
  .lic-group-hd .prod-sn { font-size:11px; color:#ffd778; background:rgba(255,215,120,.12); padding:1px 8px; border-radius:10px; }
  .lic-card { display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:10px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); margin-bottom:8px; flex-wrap:wrap; }
  .lic-card .lic-key { font-family:Consolas,monospace; font-size:15px; color:#e6e0d2; font-weight:600; }
  .lic-card .lic-badges { display:flex; gap:6px; align-items:center; }
  .lic-card .lic-meta { font-size:12px; color:#9a8f7a; }
  .lic-card .lic-ops { margin-left:auto; display:flex; gap:6px; flex-wrap:wrap; }
  .badge-err { color:#c9553f; }
  .muted { color:#9a8f7a; font-size:12px; }

  #status { position:fixed; top:16px; left:50%; transform:translateX(-50%); background:#1e1914; border:1px solid #2d2720; border-radius:8px; padding:12px 24px; font-size:14px; font-weight:600; display:none; max-width:92%; z-index:2000; box-shadow:0 10px 28px rgba(0,0,0,.55); pointer-events:none; }
  #status.ok { border-color:#2e9e5b; color:#6fc98f; background:#12241a; box-shadow:0 10px 28px rgba(0,0,0,.55), 0 0 0 1px rgba(46,158,91,.35); }
  #status.err { border-color:#a03a27; color:#c9553f; }


/* ===== 版本号徽标（v2.0.0 新增）：值来自 /api/version ←→ 根目录 VERSION ===== */
.ad-ver-badge { display:inline-block; margin-right:10px; padding:3px 9px; border-radius:20px;
  background:rgba(217,160,107,.14); border:1px solid rgba(217,160,107,.4);
  color:#d9a06b; font-size:12px; font-family:Consolas,monospace; letter-spacing:.3px; }

/* ===== 导航栏设置（v1.05）：设置表 + 「正在开发中」占位 ===== */
  .nav-cfg { width:100%; border-collapse:collapse; font-size:13px; }
  .nav-cfg th { text-align:left; color:#9a8f7a; font-weight:400; padding:7px 9px; border-bottom:1px solid #3a332a; }
  .nav-cfg td { padding:7px 9px; border-bottom:1px solid #2d2720; color:#e6e0d2; vertical-align:middle; }
  .nav-cfg .nc-name { font-weight:600; color:#f0e9d8; white-space:nowrap; }
  .nav-cfg select { background:#14110d; border:1px solid #2d2720; border-radius:8px; color:#e6e0d2; padding:7px 9px; font-size:13px; outline:none; min-width:132px; }
  .nav-cfg select:focus { border-color:#d9a06b; }
  .nav-cfg .nc-tip { color:#9a8f7a; font-size:12px; }
  .nc-note { margin-top:8px; color:#9a8f7a; font-size:12px; }
  #navDev { padding:0; }
  .nav-dev { padding:78px 24px; text-align:center; }
  .nav-dev-ico { font-size:42px; line-height:1; margin-bottom:14px; }
  .nav-dev-tt { font-size:21px; font-weight:700; letter-spacing:1px; color:#f0e9d8; }
  .nav-dev-sub { margin:14px 0 22px; color:#9a8f7a; font-size:13px; line-height:1.9; }