/* ============================================================
   Site · Notion 風格（總覽以外各頁載入，於 style.css 之後）
   目標：把各頁調成與「總覽」一致 —— 中性暗色 + 柔金 accent、
   取消霓虹光、卡片扁平化、文件式留白。只覆寫視覺，不動佈局結構。
   與 dashboard-notion.css 同一套色票，確保全站一致。
   ============================================================ */

/* ── 1. 調色盤：把 terminal 的藍黑 / 白光 accent 換成總覽的中性暗色 + 柔金 ── */
:root{
  --bg-0:#0a0b0d; --bg-1:#121316; --bg-2:#181a1e; --bg-3:#202329;
  --line:#272b33; --line-2:#30343f; --line-soft:#1d2027;
  --text:#edeff2; --text-dim:#969da9; --text-faint:#636975;
  --text-mut:#969da9;
  --y:#e3c074;  --y-2:#caa84a;      /* 介面 accent：白 → 柔金（總覽同色） */
  /* 漲跌語意保留（與總覽相同），但取消所有霓虹光暈 */
  --glow-y:none; --glow-g:none; --glow-r:none;
  --radius:14px; --radius-lg:14px;
}

/* 殘留的硬寫白光暈（部分頁面 inline 樣式有 rgba(255,255,255,.x) 文字陰影）統一抹平 */
.crumbs b, .page-title h1, .page-title h1 span,
.sec-title h2, .panel-head h3, .holdings .head h3,
.kpi-mini .l, .gkpi .yr, .block .bt, .stage .node,
.stage-asset b, .kv .k, .fset .field label,
.pos-form .field label, table.ref th{ text-shadow:none !important; }

/* ── 2. 共用骨架：填滿可用寬度（左右只留適度內距） ── */
.main{ max-width:none; margin-left:0; margin-right:0; padding:40px 48px 72px !important; }

.crumbs{
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:11px; letter-spacing:.16em; color:var(--text-faint);
  text-transform:uppercase; margin-bottom:30px;
}
.crumbs b{ color:var(--text-mut); font-weight:600; }

.page-title{ margin-bottom:42px; align-items:flex-start; }
.page-title h1{ font-size:32px; font-weight:700; letter-spacing:-.025em; line-height:1.13; color:var(--text); }
.page-title h1 span{ color:var(--y); }
.page-title p{ font-size:15px; color:var(--text-dim); margin-top:8px; letter-spacing:0; }

.status-pill{
  background:var(--bg-2); border:1px solid var(--line); color:var(--text-dim);
  font-size:11px; letter-spacing:.04em; border-radius:999px; padding:7px 13px;
}
.status-pill .dot{ background:var(--y); box-shadow:none; }

/* 區段小標 / 面板標頭：文件式小標 + 大上間距 + 極淡分隔 */
.sec-title{ margin:50px 0 18px; gap:11px; }
.sec-title h2,
.panel-head h3, .holdings .head h3{
  font-size:16px; font-weight:600; letter-spacing:0; color:var(--text); text-transform:none;
}
.sec-title .tag, .panel-head .tag, .holdings .head .tag{
  font-size:10px; letter-spacing:.07em; color:var(--text-faint);
  background:var(--bg-2); border:1px solid var(--line-soft);
  border-radius:6px; padding:3px 8px; text-transform:uppercase; font-weight:600;
}
.sec-title .line, .panel-head .line, .holdings .head .line{
  background:var(--line-soft); height:1px; flex:1;
}

/* 頁尾：輕量 */
.foot{
  font-family:var(--mono,'JetBrains Mono',monospace);
  color:var(--text-faint); font-size:12px; letter-spacing:.04em;
  border-top:1px solid var(--line-soft); margin-top:56px; padding-top:20px;
}
.foot b{ color:var(--text-mut); font-weight:600; }

/* ── 3. 卡片扁平化：漸層底 → 純色淡底、弱邊框、克制裝飾（總覽質感） ── */
.panel, .holdings, .mod, .sx-note, .sx-banner, .stock-card,
.kpi, .alloc, .staking, .kpi-mini, .gkpi, .block,
.calc-out, .field-num, .seg, .log-view, .code{
  background:var(--bg-1) !important;
  border-color:var(--line-soft);
  box-shadow:none !important;
}
.panel, .holdings, .mod, .alloc, .staking{ border-radius:var(--radius); }

/* 卡片 hover：微浮、淡底（與總覽 KPI 卡一致） */
.mod:hover, .stock-card:hover, .kpi.rec-clickable:hover{
  transform:translateY(-2px); border-color:var(--line-2); box-shadow:none !important;
}

/* KPI 左側裝飾條：白 → 柔金 */
.kpi::before{ background:linear-gradient(180deg,var(--y),transparent); }

/* 霓虹綠 / 白邊標籤 → 柔和中性 */
.mod-status, .mod-status.dev{
  color:var(--text-faint); border-color:var(--line-soft);
  background:var(--bg-2); text-shadow:none;
}
.code .k{ text-shadow:none; }

/* 主要按鈕 / 分段切換的金色維持，但拿掉光暈 */
.btn.primary, .seg button.on, .pos-form .add-btn{ box-shadow:none !important; }
.btn:hover{ border-color:var(--y); color:var(--y); }

/* 輸入聚焦光環收斂成細金框 */
.fset input:focus, .fset select:focus, .fset textarea:focus,
.field-num:focus-within, .pos-form .field .inp:focus-within{
  box-shadow:0 0 0 1px var(--y) !important; border-color:var(--y);
}

a{ transition:color .15s ease; }

/* ============================================================
   行動裝置 RWD（總覽以外各頁共用）
   ============================================================ */
@media (max-width:768px){
  /* 手機縮小左右留白，內容才有空間 */
  .main{ padding:18px 14px 64px !important; }

  /* 寬表格（美股 / 加密貨幣）：保留可讀寬度並可橫向捲動，不被裁切而「消失」 */
  .tbl{ min-width:560px; }
}