/*! FoundNex skin for the Octop dashboard.
 *  Brand: cyan #00B7BF + slate #4A505C (see skill foundnex-brand-kit).
 *  Loaded from index.html AFTER the hashed app CSS, so these token overrides
 *  win the cascade without recompiling the bundle. Layout/behaviour untouched. */

:root,
html[data-theme="light"] {
  --fn-color-brand: #00b7bf;
  --fn-color-brand-hover: #00939a;
  --fn-color-brand-soft: #007c82;
  --fn-accent: var(--fn-color-brand);
  --fn-primary: var(--fn-color-brand);
  --fn-color-primary: var(--fn-color-brand);
  --fn-primary-bg: color-mix(in srgb, var(--fn-color-brand) 12%, transparent);
  --fn-color-brand-border: color-mix(in srgb, var(--fn-color-brand) 30%, transparent);
  --fn-color-brand-bg: rgba(0, 183, 191, 0.07);
  --fn-color-brand-light: #e2f6f7;
  --fn-color-brand-shadow: rgba(0, 183, 191, 0.18);
  --fn-color-brand-glow: rgba(0, 183, 191, 0.1);
  --fn-text-brand: #008a91;
  --fn-text-link: var(--fn-text-brand);
  --fn-logo-color: #00b7bf;
  --fn-bg-hover: rgba(0, 183, 191, 0.05);
  --fn-bg-active: rgba(0, 183, 191, 0.1);
  --fn-bg-selected: rgba(0, 183, 191, 0.08);
  --fn-border-focus: #00b7bf;
  --fn-shadow-brand: 0 4px 14px rgba(0, 183, 191, 0.22);
  --fn-shadow-brand-lg: 0 8px 24px rgba(0, 183, 191, 0.28);
  --fn-row-selected-border: #00b7bf;
  --fn-assistant-bubble-bg: rgba(255, 255, 255, 0.5);
  --fn-assistant-bubble-bg-gradient: linear-gradient(
    135deg,
    rgba(226, 246, 247, 0.55) 0%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(232, 248, 249, 0.45) 100%
  );
  --fn-assistant-bubble-border: rgba(0, 183, 191, 0.16);
  --fn-assistant-glow-color: 0, 183, 191;
  /* row / sidebar selection tokens live in the bundle, not in the root block */
  --fn-row-selected-bg: rgba(0, 183, 191, 0.06);
  --fn-row-selected-hover: rgba(0, 183, 191, 0.1);
  --fn-row-selected-border: #00b7bf;
  --fn-row-selected-alt-bg: rgba(0, 183, 191, 0.05);
  --fn-row-selected-alt-hover: rgba(0, 183, 191, 0.09);
  --fn-sidebar-item-active: rgba(0, 183, 191, 0.1);
  --fn-sidebar-item-active-bg: rgba(0, 183, 191, 0.14);
  --fn-sidebar-item-active-text: #008a91;
  /* 中栏「历史会话」选中行：bundle 用 --fn-text-primary 的 6% 中性灰，压在冷白底上偏淡紫 */
  --fn-session-active-bg: rgba(0, 183, 191, 0.1);
  --fn-session-active-hover: rgba(0, 183, 191, 0.14);
  --fn-tag-channel-text: #008a91;
  /* slate neutrals: cool the greys, keep contrast */
  --fn-bg-layout: #f4f6f8;
  --fn-bg-sidebar: #f7f9fa;
  --fn-text-primary: #1f2933;
}

html[data-theme="dark"] {
  --fn-bg-page: #0f141a;
  --fn-bg-layout: #0f141a;
  --fn-bg-primary: #161d25;
  --fn-bg-base: #161d25;
  --fn-bg-container: #161d25;
  --fn-bg-sidebar: #131922;
  --fn-bg-secondary: #1b242e;
  --fn-bg-elevated: #1b242e;
  --fn-bg-toolbar: #131922;
  --fn-bg-code: #1b242e;
  --fn-bg-tertiary: #222c38;
  --fn-bg-subtle: #222c38;
  --fn-bg-secondary-hover: #222c38;
  --fn-bg-secondary-active: #2a3441;
  --fn-bg-glass: rgba(15, 20, 26, 0.8);
  --fn-bg-quaternary: rgba(255, 255, 255, 0.045);
  --fn-color-brand: #22c7ce;
  --fn-color-brand-hover: #00b7bf;
  --fn-color-brand-soft: #7fe3e7;
  --fn-text-brand: #4fd6db;
  --fn-text-link: var(--fn-text-brand);
  --fn-logo-color: #22c7ce;
  --fn-logo-filter: none;
  --fn-bg-hover: rgba(34, 199, 206, 0.08);
  --fn-bg-active: rgba(34, 199, 206, 0.14);
  --fn-bg-selected: rgba(34, 199, 206, 0.1);
  --fn-color-brand-bg: rgba(34, 199, 206, 0.12);
  --fn-color-brand-light: rgba(34, 199, 206, 0.16);
  --fn-color-brand-shadow: rgba(34, 199, 206, 0.25);
  --fn-color-brand-glow: rgba(34, 199, 206, 0.1);
  --fn-border-focus: #22c7ce;
  --fn-shadow-brand: 0 4px 14px rgba(34, 199, 206, 0.22);
  --fn-shadow-brand-lg: 0 8px 24px rgba(34, 199, 206, 0.3);
  --fn-row-selected-border: #22c7ce;
  --fn-row-selected-bg: rgba(34, 199, 206, 0.1);
  --fn-row-selected-hover: rgba(34, 199, 206, 0.16);
  --fn-row-selected-alt-bg: rgba(34, 199, 206, 0.08);
  --fn-row-selected-alt-hover: rgba(34, 199, 206, 0.13);
  --fn-sidebar-item-active: rgba(34, 199, 206, 0.14);
  --fn-sidebar-item-active-bg: rgba(34, 199, 206, 0.16);
  --fn-sidebar-item-active-text: #4fd6db;
  --fn-session-active-bg: rgba(34, 199, 206, 0.16);
  --fn-session-active-hover: rgba(34, 199, 206, 0.22);
  --fn-tag-channel-text: #4fd6db;
  --fn-assistant-bubble-bg-gradient: linear-gradient(
    135deg,
    rgba(34, 199, 206, 0.1) 0%,
    rgba(255, 255, 255, 0.04) 50%,
    rgba(34, 199, 206, 0.08) 100%
  );
  --fn-assistant-bubble-border: rgba(34, 199, 206, 0.16);
  --fn-assistant-glow-color: 34, 199, 206;
}

/* one component rule hard-codes an 8% pink instead of a token */
[class*="manageMenuChoiceActive"] {
  background: rgba(0, 183, 191, 0.08);
}

/* 中栏「历史会话」选中行：bundle 写的是 color-mix(--fn-text-primary 6%)，是中性灰，
   压在冷白面板上看起来发淡紫。改成品牌青，和左栏选中态一致。 */
[class*="sessionRowActive"] {
  background: var(--fn-session-active-bg, rgba(0, 183, 191, 0.1)) !important;
}
[class*="sessionRowActive"]:hover {
  background: var(--fn-session-active-hover, rgba(0, 183, 191, 0.14)) !important;
}

/* the boot splash mark reads better a touch larger with the new lockup */
#octop-boot-logo,
.octop-boot-logo {
  width: 68px;
  height: 68px;
}

/* 品牌区收口：去掉侧栏 logo 右侧的版本徽章，以及用户菜单里的「项目地址」入口 */
[class*="versionBadge"] {
  display: none !important;
}
a[href="https://github.com/TencentCloud/Octop"] {
  display: none !important;
}