/* ============================================================
   EB Office 主题层 · 液态玻璃换肤 + 防泄密水印
   —— 独立小文件，index.html 仅用一行 <link> 引用，不动内联大文件。
   设计（9/18 迭代）：深色主题下「全局令牌翻色」——在 html 级把 --text/--muted/--gray/--border
   翻亮、--card 翻深玻璃，凡读这些令牌的组件（卡片/看板/表格/裸在渐变底上的文字）一起跟皮肤；
   写死浅底的岛屿（登录卡/表单灰卡/输入框/Tab 药丸）令牌翻回深字；徽章转深玻璃底+提亮语义字。
   云白(cloud)仍是磨砂白卡 + 深字（安全版）。
   ============================================================ */

/* 每套主题的令牌：渐变背景 + 主色 */
html[data-eb-theme="ocean"]  { --eb-bg:linear-gradient(160deg,#0b3d91 0%,#1e6fd9 45%,#37c2ff 100%); --eb-primary:#1d4ed8; --eb-modal:rgba(11,45,105,.86); }
html[data-eb-theme="violet"] { --eb-bg:linear-gradient(160deg,#5b21b6 0%,#6d3bf5 45%,#38bdf8 100%); --eb-primary:#6d3bf5; --eb-modal:rgba(58,25,120,.86); }
html[data-eb-theme="emerald"]{ --eb-bg:linear-gradient(160deg,#0f3d2e 0%,#1f6b4a 45%,#3f9e73 100%); --eb-primary:#1f7a4f; --eb-modal:rgba(13,48,37,.88); }
html[data-eb-theme="tiffany"]{ --eb-bg:linear-gradient(160deg,#0b6e68 0%,#17a2a0 45%,#7fe0d8 100%); --eb-primary:#0a7a72; --eb-modal:rgba(9,66,63,.88); }
html[data-eb-theme="ginkgo"] { --eb-bg:linear-gradient(160deg,#8a6410 0%,#c99a2f 45%,#f0d68a 100%); --eb-primary:#a9781a; --eb-modal:rgba(92,66,12,.88); }
html[data-eb-theme="rose"]   { --eb-bg:linear-gradient(160deg,#b5485f 0%,#e07a94 45%,#ffc2ce 100%); --eb-primary:#c23a5b; --eb-modal:rgba(120,44,60,.88); }
html[data-eb-theme="sunset"] { --eb-bg:linear-gradient(160deg,#7a2f4a 0%,#b5485f 45%,#e0a06a 100%); --eb-primary:#b5485f; --eb-modal:rgba(88,36,56,.88); }
html[data-eb-theme="gold"]   { --eb-bg:linear-gradient(160deg,#7a4d00 0%,#b8860b 45%,#f0d080 100%); --eb-primary:#a9781a; --eb-modal:rgba(96,60,4,.88); }
html[data-eb-theme="ink"]    { --eb-bg:linear-gradient(160deg,#0f1116 0%,#1c2029 45%,#3a4150 100%); --eb-primary:#4f6bff; --eb-modal:rgba(18,21,28,.90); }
html[data-eb-theme="cloud"]  { --eb-bg:linear-gradient(160deg,#eef2fb 0%,#e6ecf7 45%,#dfe7f5 100%); --eb-primary:#2563eb; --eb-onbg:#0f172a; --card:rgba(255,255,255,.74); }

/* 通用：主色跟随主题；顶栏前景默认白（深底可读）。
   cloud 的 --eb-onbg 深字必须排在「本条之后」才生效，故这里用 :not(cloud) 排除云白（否则白皮肤顶栏发白）。 */
html[data-eb-theme]{ --primary:var(--eb-primary); }
html[data-eb-theme]:not([data-eb-theme="cloud"]){ --eb-onbg:#fff; }

/* —— 全局内容翻色（除云白外的深色主题）——
   凡读 --text/--muted/--gray/--border/--card 的组件一起跟皮肤：文字转亮、卡片转深玻璃。
   语义三色（绿/红/琥珀）一并提亮：薪酬核算·工资条·报表分析·考勤汇总等模块的金额/状态
   全部走 var(--green)/var(--red)/var(--amber) 做文字色，浅底版深值铺在深玻璃上会发闷。
   实测用量：红 65 处文字 / 0 处背景，绿 25 文字 / 2 背景（小圆点、进度线），
   琥珀 15 文字 / 3 背景 → 直接翻 token 安全，仅"琥珀底白字"警示条需下面一条单独保护。 */
html[data-eb-theme]:not([data-eb-theme="cloud"]){
  --text:#eaf0f9; --muted:#9db0c8; --gray:#9db0c8; --border:rgba(255,255,255,.14);
  --card:rgba(14,18,26,.5);
  --green:#4ade80; --red:#f87171; --amber:#fbbf24;
  --field-bg:rgba(255,255,255,.09); --field-fg:var(--text); --field-bd:rgba(255,255,255,.22);
  --btn-gray-bg:rgba(255,255,255,.14); --btn-gray-fg:#dbe3ee;
  --btn-green-bg:rgba(74,222,128,.20); --btn-green-fg:#86efac;
  --btn-amber-bg:rgba(251,191,36,.20); --btn-amber-fg:#fcd34d;
  --btn-red-bg:rgba(248,113,113,.22); --btn-red-fg:#fca5a5;
  --btn-blue-bg:rgba(96,165,250,.24); --btn-blue-fg:#bfdbfe;
}
/* 提亮后的琥珀已变浅底，原来铺在它上面的白字警示条改深棕字（保住可读） */
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="background:var(--amber)"]{ color:#3b2503 !important; }
/* 浅底岛屿（登录卡 / 表单灰卡 / 卡片表单）仍是白底深字 → 岛内语义色还原成浅底版深值。
   自定义属性可继承，在容器上重定义即可让岛内所有后代一起还原。 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .login-card,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .hr-section,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .fg-card,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .fg-empty{
  --green:#16a34a; --red:#dc2626; --amber:#d97706; --eb-link:var(--primary);
  --field-bg:#fff; --field-fg:#0f172a; --field-bd:#cbd5e1;
}

/* 页面渐变底（固定，滚动不动） */
html[data-eb-theme] body{ background:var(--eb-bg) !important; background-attachment:fixed !important; }

/* 顶栏文字：坐在渐变上，用前景色 */
html[data-eb-theme] .topbar .page-title{ color:var(--eb-onbg); text-shadow:0 1px 4px rgba(0,0,0,.28); }
html[data-eb-theme] .topbar .section-sub{ color:var(--eb-onbg); opacity:.82; }
html[data-eb-theme] .topbar #user-name, html[data-eb-theme] .topbar #user-name b{ color:var(--eb-onbg); }
html[data-eb-theme="cloud"] .topbar .page-title{ text-shadow:none; }

/* 侧栏：半透明深色玻璃（模糊仅桌面启用，见文末 @media） */
html[data-eb-theme] .sidebar{
  background:rgba(15,18,26,.62);
  border-right:1px solid rgba(255,255,255,.08);
}

/* Tab 条容器：浅色半透明玻璃条 */
html[data-eb-theme] .work-tabs, html[data-eb-theme] .emp-tabs, html[data-eb-theme] .work-subtabs{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.6);
  border-radius:14px; padding:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  align-items:center;
}

/* 卡片圆角/阴影（背景交给全局 --card：云白=磨砂白，深色主题=深玻璃） */
html[data-eb-theme] .card{ border-radius:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 30px rgba(20,20,60,.16); }

/* 页面标题变横排：换肤块 + 标题文字并排（块在最左、第一行标题左边） */
html[data-eb-theme] .page-title{ display:flex; align-items:center; gap:8px; }

/* 换肤块：随主题变色的小圆角块，作为 #page-title 第一个子元素、贴在标题文字左边 */
.eb-theme-btn{
  width:18px; height:18px; border-radius:6px; padding:0; flex:0 0 auto; cursor:pointer;
  margin:0;
  border:1px solid rgba(0,0,0,.18);
  box-shadow:0 2px 6px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .1s;
}
.eb-theme-btn:active{ transform:scale(.9); }

/* 防泄密水印：全屏固定、密铺、不吃点击 */
#eb-wm{ position:fixed; inset:0; pointer-events:none; z-index:9998; background-repeat:repeat; }

/* 毛玻璃模糊：仅桌面端启用（低端安卓 WebView 上 backdrop-filter 滚动掉帧，手机端只留半透卡）。
   教训来源 docs/设计存档/看板科技皮肤/README.md */
@media (min-width:720px){
  html[data-eb-theme] .card,
  html[data-eb-theme] .duty-card,
  html[data-eb-theme] .modal,
  html[data-eb-theme] .sidebar,
  html[data-eb-theme] .work-tabs, html[data-eb-theme] .emp-tabs, html[data-eb-theme] .work-subtabs{
    -webkit-backdrop-filter:blur(18px) saturate(160%); backdrop-filter:blur(18px) saturate(160%);
  }
}

/* ============================================================
   顶部 Tab / 小菜单跟随主题色（覆盖每页写死的内联色）
   选中 = 主题主色实底白字；未选中 = 半透明白底 + 主色字。
   ============================================================ */
html[data-eb-theme] .work-tab.active,
html[data-eb-theme] .work-subtab.active,
html[data-eb-theme] .emp-tab.active{
  background:var(--eb-primary) !important;
  color:#fff !important;
  border-color:var(--eb-primary) !important;
}
html[data-eb-theme] .work-tab:not(.active),
html[data-eb-theme] .work-subtab:not(.active){
  background:rgba(255,255,255,.72) !important;
  color:var(--eb-primary) !important;
  border-color:rgba(255,255,255,.6) !important;
}

/* 去掉顶栏左上角「所有板块未读总数」角标（无定位意义）；改由每个 Tab 各自显示自己的计数 */
html[data-eb-theme] #nav-global-badge{ display:none !important; }
/* 每个 Tab 的角标标在该 Tab 文字的右上角 */
html[data-eb-theme] .work-tab{ position:relative; }
html[data-eb-theme] .work-tab .nav-badge{ position:absolute; top:5px; right:8px; margin-left:0; }
/* 逐条 NEW 小药丸（微信式：某条有新内容、还没点开看）——用主题主色，跟皮肤变 */
.eb-new{ display:inline-block; margin-left:6px; padding:1px 6px; border-radius:999px;
  font-size:10px; font-weight:800; letter-spacing:.5px; line-height:1.5; vertical-align:middle;
  background:var(--eb-primary,#2563eb); color:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2); }

/* ============================================================
   深色主题专项：弹窗 / 表格 / 徽章 / 浅底岛屿 / 表单 / 兜底
   （云白 cloud 走上面的浅底默认，不套这些）
   ============================================================ */

/* 弹窗：用各主题的皮肤深色半透明底 --eb-modal（不太透、不纯黑），全局 --text 已翻亮子元素自动跟 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .modal{
  background:var(--eb-modal, rgba(17,21,30,.86));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
/* 遮罩调淡，让皮肤颜色从弹窗四周透进来 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .modal-mask{ background:rgba(15,23,42,.28); }
/* 「我的校如云」全屏工作层 .xd-full 写死 background:var(--bg)（浅底固定值，皮肤从不翻它）→
   深色皮肤下浅底配已转亮的 --text，整页文字隐形（9/20 老板「进去看不到完整数据」实锤，非水印）。
   跟 .modal 一样吃皮肤深玻璃底；.xd-bar 用 --card（已翻深）本就正常，无需动。 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .xd-full{ background:var(--eb-modal, rgba(17,21,30,.86)); }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .modal .hr-modal-head{ border-bottom-color:var(--border); }

/* 表格：边框 / 悬停转暗底可辨（th 用 --muted 已自动变亮） */
html[data-eb-theme]:not([data-eb-theme="cloud"]) td{ border-bottom-color:rgba(255,255,255,.10); }
html[data-eb-theme]:not([data-eb-theme="cloud"]) tr:hover td{ background:rgba(255,255,255,.06); }

/* 徽章：从「亮底深字」转「深玻璃底 + 提亮语义字」，跟皮肤融合、仍保留语义色相 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .badge{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#eaf0f9 !important;   /* 盖过角色 chip / 类型徽章里内联写死的深字 */
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) .badge-blue{ color:#93c5fd !important; }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .badge-green{ color:#86efac !important; }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .badge-red{ color:#fca5a5 !important; }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .badge-yellow{ color:#fcd34d !important; }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .badge-gray{ color:#cbd5e1 !important; }
/* 分段筛选按钮(.eb-seg)：深玻璃上未选中态提对比——浅字+淡底+可见描边；选中仍主题实底白字 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .eb-seg button{
  color:var(--text); background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.24);
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) .eb-seg button.on{
  background:var(--eb-primary); color:#fff; border-color:var(--eb-primary);
}
/* 看板卡上的分类标签 .dc-badge（内联写死亮底亮字）→ 统一深玻璃底 + 亮字 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dc-badge{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#eaf0f9 !important;
}

/* —— 看板卡里写死深字/浅底的组件跟令牌走 —— */
/* 标题/大数字：写死的 #334155/#0f172a → 用主题感知令牌（云白深、深色主题亮） */
html[data-eb-theme] .dc-title,
html[data-eb-theme] .dc-val,
html[data-eb-theme] .dc-pv{ color:var(--text); }
/* 项目行 .dci（写死浅底深字）→ 深色主题转深玻璃行 + 亮字 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dci{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  color:var(--text);
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dci-name{ color:var(--text); }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dci-r2,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dci-owner,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dci-pct em{ color:var(--muted); }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dci-pct i{ background:rgba(255,255,255,.18); }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .pj-tl-dot{ background:rgba(14,18,26,.6); }
/* 员工端正文里写死深灰、无自带背景的类 → 跟令牌翻亮（自带浅底的岛屿药丸不动） */
html[data-eb-theme] .dcr-line,
html[data-eb-theme] .bcp-line,
html[data-eb-theme] .bcp-name{ color:var(--text); }

/* —— 浅底岛屿：写死白 / 浅灰底的组件保持浅底深字（登录/表单保守），令牌翻回深 —— */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .login-card,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .hr-section,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .fg-card,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .fg-empty,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .pj-tc,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .pj-cmtbar,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .pj-ns-row{
  --text:#0f172a; --muted:#64748b; --gray:#94a3b8; --border:#e2e8f0;
  color:var(--text);
}

/* 表单控件：永远浅底深字（登录 / 录入保守） */
html[data-eb-theme]:not([data-eb-theme="cloud"]) input,
html[data-eb-theme]:not([data-eb-theme="cloud"]) select,
html[data-eb-theme]:not([data-eb-theme="cloud"]) textarea{
  color:var(--field-fg); background-color:var(--field-bg); border-color:var(--field-bd);
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) input::placeholder,
html[data-eb-theme]:not([data-eb-theme="cloud"]) textarea::placeholder{ color:var(--muted); }
html[data-eb-theme]:not([data-eb-theme="cloud"]) input[type=checkbox],
html[data-eb-theme]:not([data-eb-theme="cloud"]) input[type=radio],
html[data-eb-theme]:not([data-eb-theme="cloud"]) input[type=color]{ background-color:transparent; }

/* 兜底：深色底上「裸写的深色文字内联样式」（无自带背景）翻亮字；
   :not([style*="background"]) 放过自带浅底的提示块；:not(.岛屿 *) 放过浅底岛屿内部（那里深字才对）。 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#1e293b"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#334155"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#0f172a"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#475569"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#1f2937"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#64748b"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#374151"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#6b7280"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#111827"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#eaf0f9 !important;
}

/* 内容区与上方 Tab 条左右对齐：#content.work-tint 额外加了左右 padding → 归零，内容外沿 = tab 条外沿 */
html[data-eb-theme] #content.work-tint{ padding-left:0; padding-right:0; }

/* 手机端隐藏「员工自助」身份切换下拉，桌面/平板保留 */
@media (max-width:768px){
  #identity-switch-btn{ display:none !important; }
}

/* ============================================================
   切片2（v3.4.81）：主色「做文字用」时走提亮通道 --eb-link
   主色本身不能全局翻（按钮实底要用深主色），故单开一支亮色只给文字用。
   浅底岛屿已在上面把 --eb-link 还原成 var(--primary)，岛内自动仍是深主色。
   ============================================================ */

/* 先兜底、后逐主题覆盖（同特异度，后写者胜） */
html[data-eb-theme]{ --eb-link:#93c5fd; }
html[data-eb-theme="ocean"]   { --eb-link:#8ab6ff; }
html[data-eb-theme="violet"]  { --eb-link:#bda6ff; }
html[data-eb-theme="emerald"] { --eb-link:#7ee0b0; }
html[data-eb-theme="tiffany"] { --eb-link:#79e6dc; }
html[data-eb-theme="ginkgo"]  { --eb-link:#f5d98a; }
html[data-eb-theme="rose"]    { --eb-link:#ffb1c2; }
html[data-eb-theme="sunset"]  { --eb-link:#ffc4ad; }
html[data-eb-theme="gold"]    { --eb-link:#f7dd8e; }
html[data-eb-theme="ink"]     { --eb-link:#a8b6ff; }

/* 用主色做文字的固定类 → 提亮版（云白皮肤不套） */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .link,
html[data-eb-theme]:not([data-eb-theme="cloud"]) th.sortable:hover,
html[data-eb-theme]:not([data-eb-theme="cloud"]) th.sort-asc::after,
html[data-eb-theme]:not([data-eb-theme="cloud"]) th.sort-desc::after,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .duty-head,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dc-nav,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dc-mv,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dcr-mid,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dc-more,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .punch-upd,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .dv-step.cur .s,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .xd-link{ color:var(--eb-link); }

/* 内联裸写「color:var(--primary)」的文字（无自带浅底）同样走提亮通道 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:var(--primary)"]:not([style*="background"]){
  color:var(--eb-link) !important;
}

/* 固定类里裸写的深灰（侧栏分组小标题 / 配置小节标题）→ 跟全局亮字走 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .brand p,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .menu-group{ color:#9db0c8; }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .cfg-sub-h{ color:var(--text); }

/* ============================================================
   切片3（v3.4.82）：裸写语义 hex 的色相兜底网
   上面那条深字网只把「黑灰系」翻成亮白；模块里还有一批直接写死的语义色
   （教学看板 #92400e/#b42318、打卡 ✓ #2563eb、工资条提示 #b45309 等），
   铺在深玻璃上同样发闷。这里按色相映射到提亮版，保住"红=坏、绿=好"的语义，不拍平成白字。
   自带浅底的提示条/徽章（同一条 style 里有 background）与浅底岛屿内部一律放过。
   ============================================================ */
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#2563eb"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#1d4ed8"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#1e40af"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#3b82f6"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#93c5fd !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#4f46e5"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#a5b4fc !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#7c3aed"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#a855f7"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#d8b4fe !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#0891b2"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#67e8f9 !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#0369a1"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#7dd3fc !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#047857"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#166534"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#15803d"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#4ade80 !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#b91c1c"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#991b1b"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#b42318"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#ef4444"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#f87171 !important;
}
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#92400e"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#b45309"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *),
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#713f12"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#fcd34d !important;
}
/* 未打下班卡（橙）：员工状态调色板，深玻璃上仅 3.2:1 → 提亮一档 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) [style*="color:#ea580c"]:not([style*="background"]):not(.login-card *):not(.hr-section *):not(.fg-card *):not(.fg-empty *){
  color:#fdba74 !important;
}

/* 通讯录筛选栏 .filter-card：深色渐变皮肤下去掉「深色底框」——容器透明、字段去填充只留细描边，
   控件浮在渐变上（老板 2026-09-22）。仅 :not(cloud) 生效；云白/默认仍保留浅色卡片。 */
html[data-eb-theme]:not([data-eb-theme="cloud"]) .filter-card{ background:transparent; border-color:transparent; }
html[data-eb-theme]:not([data-eb-theme="cloud"]) .filter-card input,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .filter-card select,
html[data-eb-theme]:not([data-eb-theme="cloud"]) .filter-card textarea{ background:transparent; }