/* ============================================================
   Dashboard · Notion 風格高級暗色（僅總覽頁載入，不動全站）
   重點：空間感 — 限寬置中、大留白、清楚層級、克制裝飾
   ============================================================ */

body[data-page="dashboard"]{
  --bg-0:#0a0b0d;
  --bg-1:#121316;
  --bg-2:#181a1e;
  --bg-3:#202329;
  --line:#272b33;
  --line-soft:#1d2027;
  --line2:#30343f;
  --text:#edeff2;
  --text-mut:#969da9;
  --text-faint:#636975;
  --y:#e3c074;
  --y-dim:#caa84a;
  --radius:14px;
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* 數字 / 代碼 / 標籤保留等寬，維持對齊與精準感 */
body[data-page="dashboard"] .crumbs,
body[data-page="dashboard"] .status-pill,
body[data-page="dashboard"] .kpi .v,
body[data-page="dashboard"] .sec-title .tag,
body[data-page="dashboard"] #alloc-total,
body[data-page="dashboard"] .alloc-center .v,
body[data-page="dashboard"] .alloc-row .amt,
body[data-page="dashboard"] .alloc-row .pct,
body[data-page="dashboard"] .donut-pct,
body[data-page="dashboard"] .stk-time,
body[data-page="dashboard"] .foot{ font-family:var(--mono); }

/* ===== 滿版：填滿可用寬度（左右只留適度內距），與其他分類一致 ===== */
body[data-page="dashboard"] .main{ padding:56px 56px 72px !important; }
body[data-page="dashboard"] .crumbs,
body[data-page="dashboard"] .page-title,
body[data-page="dashboard"] .kpis,
body[data-page="dashboard"] .sec-title,
body[data-page="dashboard"] .alloc,
body[data-page="dashboard"] .staking,
body[data-page="dashboard"] .foot{
  max-width:none; margin-left:0; margin-right:0;
}

/* —— 麵包屑：細、淡、克制 —— */
body[data-page="dashboard"] .crumbs{
  font-size:11px; letter-spacing:.16em; color:var(--text-faint);
  text-transform:uppercase; margin-bottom:30px;
}
body[data-page="dashboard"] .crumbs b{ color:var(--text-mut); font-weight:600; }

/* —— 主標題：放大、收緊字距，拉開層級 —— */
body[data-page="dashboard"] .page-title{ margin-bottom:44px !important; align-items:flex-start; }
body[data-page="dashboard"] .page-title h1{
  font-size:33px; font-weight:700; letter-spacing:-.025em; line-height:1.12; color:var(--text);
}
body[data-page="dashboard"] .page-title #op-sub,
body[data-page="dashboard"] .page-title p{
  font-size:15px; color:var(--text-mut); margin-top:8px; letter-spacing:0;
}

/* —— 狀態膠囊：柔和標籤 —— */
body[data-page="dashboard"] .status-pill{
  background:var(--bg-2); border:1px solid var(--line); color:var(--text-mut);
  font-size:11px; letter-spacing:.04em; border-radius:999px; padding:7px 13px;
}
body[data-page="dashboard"] .status-pill .dot{ background:var(--y); box-shadow:none; }

/* —— KPI 卡：淡底、細框、寬鬆、hover 微浮 —— */
body[data-page="dashboard"] .kpis{ gap:16px !important; }
body[data-page="dashboard"] .kpi{
  background:var(--bg-1); border:1px solid var(--line-soft);
  border-radius:var(--radius); padding:22px 22px 18px !important;
  box-shadow:none; transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
body[data-page="dashboard"] .kpi:hover{
  border-color:var(--line2); background:var(--bg-2); transform:translateY(-2px);
}
body[data-page="dashboard"] .kpi .l{
  font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint); margin-bottom:10px;
}
body[data-page="dashboard"] .kpi .v{
  font-size:24px; font-weight:600; color:var(--text); letter-spacing:-.01em;
}
body[data-page="dashboard"] .kpi .d{ font-size:12px; color:var(--text-mut); margin-top:8px; }

/* —— 區段小標：文件式小標 + 大上間距 + 極淡分隔 —— */
body[data-page="dashboard"] .sec-title{ margin:56px 0 18px !important; gap:11px; }
body[data-page="dashboard"] .sec-title h2{
  font-size:16px; font-weight:600; letter-spacing:0; color:var(--text);
}
body[data-page="dashboard"] .sec-title .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;
}
body[data-page="dashboard"] .sec-title .line{ background:var(--line-soft); height:1px; }

/* —— 資產配置 / 質押：卡片化、寬鬆內距、弱邊框 —— */
body[data-page="dashboard"] .alloc,
body[data-page="dashboard"] .staking{
  background:var(--bg-1); border:1px solid var(--line-soft);
  border-radius:var(--radius); padding:26px !important; box-shadow:none;
}
body[data-page="dashboard"] .alloc-row,
body[data-page="dashboard"] .stk-row{ border-radius:9px; transition:background .15s ease; }
body[data-page="dashboard"] .alloc-row:hover,
body[data-page="dashboard"] .stk-row:hover{ background:var(--bg-2); }
body[data-page="dashboard"] .alloc-center .v{ font-weight:600; letter-spacing:-.01em; }

/* —— 質押說明條 / 連結 —— */
body[data-page="dashboard"] .stk-bar{ color:var(--text-mut); font-size:13px; }
body[data-page="dashboard"] .stk-links a{ color:var(--text-mut); }
body[data-page="dashboard"] .stk-links a:hover{ color:var(--y); }

/* —— 頁尾：輕量 —— */
body[data-page="dashboard"] .foot{
  color:var(--text-faint); font-size:12px;
  border-top:1px solid var(--line-soft); margin-top:56px !important; padding-top:20px;
}

/* ============================================================
   行動裝置 RWD（六檔 KPI 卡）：桌機三欄 / 平板兩欄 / 手機單欄
   ============================================================ */
/* 桌機：固定三欄（六張卡 = 兩排三欄） */
body[data-page="dashboard"] .kpis{ grid-template-columns:repeat(3,1fr); }

/* 平板：兩欄 */
@media (max-width:1024px){
  body[data-page="dashboard"] .kpis{ grid-template-columns:repeat(2,1fr); }
}

/* 手機（≤768px）：單欄、整排寬度、文字不重疊、價格不裁切 */
@media (max-width:768px){
  body[data-page="dashboard"] .main{ padding:18px 14px 60px !important; }

  body[data-page="dashboard"] .kpis{ grid-template-columns:1fr !important; gap:12px !important; }

  /* 卡片：一張一整行、允許內容完整顯示（不被裁切） */
  body[data-page="dashboard"] .kpi{ overflow:visible; padding:16px 16px !important; }

  /* 價格＋評級徽章：可換行、不被卡片寬度切掉「$64,1…」 */
  body[data-page="dashboard"] .kpi .v{
    display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px;
    white-space:normal; word-break:break-word; min-width:0;
  }
  body[data-page="dashboard"] .kpi .btc-rec{ margin-left:0; }

  /* 迷你走勢圖：脫離絕對定位，獨立成一列、固定高度，不再壓到標題/價格 */
  body[data-page="dashboard"] .kpi .spark{
    position:static; display:block; width:100%; height:34px; margin-top:10px; opacity:.9;
  }
}