/* ============================================
   Ensemo — 算力值控制台的共用樣式
   2026-10-09 起控制台住在算力治理頁的「算力值」子分頁（版面在 compute.css 的 .cca-*，定案「控制台 A」）；
   這裡只留：側欄頁籤的辨識色、提示字、小按鈕、全公司帳本。舊的彈出視窗與員工卡樣式已移除。
   ============================================ */

/* 算力值頁籤的辨識色（冷藍，跟董事長的暖藍區分）。版面/定位由 office.css 的 .side-rail /
   .side-tab 統一負責（fixed 垂直置中、等距堆疊）；本檔只覆寫配色，不再各自定位。 */
.side-tab--cc {
    background: linear-gradient(180deg, #2a3450, #1d2540);
    color: #e7edff;
}

.cc-hint { color: var(--office-text-dim); font-size: 13px; text-align: center; padding: 18px 6px; line-height: 1.6; }

.cc-mini {
    flex-shrink: 0; padding: 6px 13px; font-size: 12.5px; font-weight: 700;
    border: none; border-radius: 8px; cursor: pointer; font-family: inherit;
    background: var(--c, #6a78b0); color: #fff;
}
.cc-mini.cc-ghost { background: rgba(255, 255, 255, 0.08); color: var(--office-text); }
.cc-mini:hover { filter: brightness(1.1); }
.cc-mini:disabled { opacity: 0.6; cursor: wait; }


/* 真 token 結算的計量子行（模型 + in/out tokens）；對帳用，比主行更淡 */
.cc-led-meta { font-size: 11px; color: var(--office-text-dim); opacity: 0.8; margin-top: 1px; }
.cc-plus { color: #4ade80; }
.cc-minus { color: #f0997b; }

/* 全公司帳本（算力治理第一步）：一列一筆；時間、職崗、管道一行，事項與計量在下面兩行 */
.cc-ledger { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--office-card-border); }
.cc-ledger-head h4 { margin: 0; font-size: 14px; color: var(--office-text); }
.cc-ledger-head span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--office-text-dim); line-height: 1.5; }
.cc-ledger-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 6px; }
.cc-ledger-filters select { flex: 1 1 150px; min-height: 36px; padding: 0 8px; border-radius: 8px; border: 1px solid var(--office-card-border);
    background: rgba(0, 0, 0, 0.3); color: var(--office-text); font: inherit; font-size: 13px; }
.cc-ledger-filters select:focus-visible { outline: 2px solid var(--office-warm); outline-offset: 1px; }
.cc-ledger-list { list-style: none; margin: 0; padding: 0; }
.cc-ledger-row { padding: 8px 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.cc-ledger-main { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; font-size: 12.5px; }
.cc-ledger-time { color: var(--office-text-dim); font-variant-numeric: tabular-nums; }
.cc-ledger-who { color: var(--office-text); font-weight: 700; }
.cc-ledger-who small { font-weight: 400; color: var(--office-text-dim); }
.cc-ledger-ch { padding: 0 7px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: var(--office-text); font-size: 11.5px; }
.cc-ledger-amt { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right; }
.cc-ledger-amt small { display: block; font-weight: 400; font-size: 11px; color: var(--office-text-dim); }
.cc-ledger-desc { margin-top: 2px; font-size: 12px; color: var(--office-text-dim); word-break: break-word; }
.cc-ledger-more { display: block; width: 100%; margin-top: 8px; min-height: 36px; }
.cc-ledger-more[hidden] { display: none; }