/* suite-ui.css — 全站共用：工具列(dock 嵌表頭 / float 浮動) + 淺色主題覆寫(深色預設)。 */

/* 共用按鈕基底 */
#qos-bar button{all:unset;cursor:pointer;min-width:30px;height:28px;padding:0 7px;display:flex;
  align-items:center;justify-content:center;border-radius:7px;font-size:13px;font-weight:500;line-height:1;white-space:nowrap}
#qos-bar .qos-sep{width:1px;height:18px;margin:0 2px}

/* dock：嵌入各 app 的 #topbar，inline、透明、融入，不覆蓋原控制 */
#qos-bar.qos-dock{display:inline-flex;align-items:center;gap:2px;margin-left:8px}
#qos-bar.qos-dock button{color:inherit;opacity:.72;background:transparent}
#qos-bar.qos-dock button:hover{opacity:1;background:rgba(127,127,127,.16)}
#qos-bar.qos-dock .qos-sep{background:currentColor;opacity:.2}

/* float：僅 mock 入口首頁（右上空白處）用浮動 pill */
#qos-bar.qos-float{position:fixed;top:8px;right:10px;z-index:99999;display:flex;gap:3px;align-items:center;
  background:rgba(22,27,34,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:4px 6px;box-shadow:0 4px 14px rgba(0,0,0,.3)}
#qos-bar.qos-float button{color:#c9d1d9}
#qos-bar.qos-float button:hover{background:rgba(255,255,255,.14)}
#qos-bar.qos-float .qos-sep{background:rgba(255,255,255,.18)}
html.light #qos-bar.qos-float{background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.12)}
html.light #qos-bar.qos-float button{color:#39414a}
@media print{#qos-bar{display:none}}

/* ===== 淺色主題（html.light）— 覆寫兩個變數家族 + mock ===== */
html.light{
  /* project-os family */
  --bg:#ffffff;--bg2:#f6f8fa;--bg3:#eaeef2;--bg4:#d8dee4;
  --border:#d0d7de;--border2:#e2e6ea;
  --text:#1f2328;--text2:#39414a;--text3:#656c76;--text4:#8a919b;
  --shadow:0 8px 24px rgba(140,149,159,.2);
  /* qiyuan family (investment + consultant) */
  --bg-0:#ffffff;--bg-1:#f7f9fb;--bg-2:#eef2f6;--bg-3:#e4e9f0;--bg-4:#d6dde7;
  --line:#dbe2ea;--line-2:#c5d0db;
  --tx-0:#0f1722;--tx-1:#33404f;--tx-2:#5b6678;--tx-3:#8593a3;
  /* mock portal family */
  --bd:#d0d7de;--tx:#1f2328;--tx3:#656c76;
  color-scheme:light;
}
html.light body{background:var(--bg,#fff)}
