/* 正式主题契约：仅 root html 的三个枚举生效。Original 不加载本文件。
   加载位置由 base 负责：旧 CSS / extra_css 后、mobile.css 前。
   不使用层叠层降低优先级；定点 important 仅抵消旧 important 和内联材质。
   保留导航定位、折叠、登录照片、业务可见性、签名和水印语义。 */

html[data-ui-style="ENGINEERING_CONSOLE"] {
  --ui-bg: #f4f4f4;
  --ui-surface: #ffffff;
  --ui-subtle: #f4f4f4;
  --ui-selected: #e8e8e8;
  --ui-text: #161616;
  --ui-secondary: #525252;
  --ui-link: #0043ce;
  --ui-action: #0f62fe;
  --ui-action-hover: #0043ce;
  --ui-action-active: #002d9c;
  --ui-control-border: #737373;
  --ui-border: #c6c6c6;
  --ui-focus: #0f62fe;
  --ui-radius: 0px;
  --ui-row-height: 40px;
  --ui-space: 1rem;
  --ui-font: "IBM Plex Sans", "Segoe UI", "Microsoft YaHei", sans-serif;
  --ui-font-size: .875rem;
  --ui-leading: 1.5;
  --ui-nav-space: .5rem 1rem;
  --ui-menu-shadow: none;
  --ui-bg-rgb: 244, 244, 244;
  --ui-surface-rgb: 255, 255, 255;
  --ui-text-rgb: 22, 22, 22;
  --ui-secondary-rgb: 82, 82, 82;
  --ui-link-rgb: 0, 67, 206;
}
html[data-ui-style="ENGINEERING_CONSOLE"][data-theme="dark"] {
  --ui-bg: #161616;
  --ui-surface: #262626;
  --ui-subtle: #1f1f1f;
  --ui-selected: #333333;
  --ui-text: #f4f4f4;
  --ui-secondary: #c6c6c6;
  --ui-link: #a6c8ff;
  --ui-control-border: #8d8d8d;
  --ui-border: #525252;
  --ui-focus: #a6c8ff;
  --ui-bg-rgb: 22, 22, 22;
  --ui-surface-rgb: 38, 38, 38;
  --ui-text-rgb: 244, 244, 244;
  --ui-secondary-rgb: 198, 198, 198;
  --ui-link-rgb: 166, 200, 255;
}

html[data-ui-style="WORK_INBOX"] {
  --ui-bg: #f7f8fa;
  --ui-surface: #ffffff;
  --ui-subtle: #f1f3f5;
  --ui-selected: #e9f0fa;
  --ui-text: #172b4d;
  --ui-secondary: #44546f;
  --ui-link: #0055cc;
  --ui-action: #0055cc;
  --ui-action-hover: #0747a6;
  --ui-action-active: #09326c;
  --ui-control-border: #758195;
  --ui-border: #c7d0dc;
  --ui-focus: #0055cc;
  --ui-radius: 6px;
  --ui-row-height: 48px;
  --ui-space: 1.25rem;
  --ui-font: "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  --ui-font-size: .9375rem;
  --ui-leading: 1.55;
  --ui-nav-space: .625rem 1rem;
  --ui-menu-shadow: 0 4px 12px rgba(9, 30, 66, .16);
  --ui-bg-rgb: 247, 248, 250;
  --ui-surface-rgb: 255, 255, 255;
  --ui-text-rgb: 23, 43, 77;
  --ui-secondary-rgb: 68, 84, 111;
  --ui-link-rgb: 0, 85, 204;
}
html[data-ui-style="WORK_INBOX"][data-theme="dark"] {
  --ui-bg: #161a1d;
  --ui-surface: #22272b;
  --ui-subtle: #1d2125;
  --ui-selected: #303a46;
  --ui-text: #dee4ea;
  --ui-secondary: #b6c2cf;
  --ui-link: #9cc4ff;
  --ui-control-border: #8590a2;
  --ui-border: #596575;
  --ui-focus: #9cc4ff;
  --ui-menu-shadow: 0 4px 12px rgba(0, 0, 0, .24);
  --ui-bg-rgb: 22, 26, 29;
  --ui-surface-rgb: 34, 39, 43;
  --ui-text-rgb: 222, 228, 234;
  --ui-secondary-rgb: 182, 194, 207;
  --ui-link-rgb: 156, 196, 255;
}

html[data-ui-style="RESTRAINED_GLASS"] {
  --ui-bg: #f5f6f8;
  --ui-surface: #ffffff;
  --ui-subtle: #f0f2f5;
  --ui-selected: #e9eef5;
  --ui-text: #1d2733;
  --ui-secondary: #526173;
  --ui-link: #174ea6;
  --ui-action: #174ea6;
  --ui-action-hover: #123d82;
  --ui-action-active: #0d3068;
  --ui-control-border: #748091;
  --ui-border: #c4ccd6;
  --ui-focus: #174ea6;
  --ui-radius: 6px;
  --ui-row-height: 52px;
  --ui-space: 1.5rem;
  --ui-font: "Aptos", "Segoe UI Variable Text", "Microsoft YaHei", sans-serif;
  --ui-font-size: 1rem;
  --ui-leading: 1.65;
  --ui-nav-space: .75rem 1.125rem;
  --ui-menu-shadow: 0 4px 16px rgba(29, 39, 51, .12);
  --ui-bg-rgb: 245, 246, 248;
  --ui-surface-rgb: 255, 255, 255;
  --ui-text-rgb: 29, 39, 51;
  --ui-secondary-rgb: 82, 97, 115;
  --ui-link-rgb: 23, 78, 166;
}
html[data-ui-style="RESTRAINED_GLASS"][data-theme="dark"] {
  --ui-bg: #151a21;
  --ui-surface: #20262f;
  --ui-subtle: #1a2028;
  --ui-selected: #303946;
  --ui-text: #f2f5f8;
  --ui-secondary: #bec8d2;
  --ui-link: #abcaff;
  --ui-control-border: #8a96a5;
  --ui-border: #566477;
  --ui-focus: #abcaff;
  --ui-menu-shadow: 0 4px 16px rgba(0, 0, 0, .24);
  --ui-bg-rgb: 21, 26, 33;
  --ui-surface-rgb: 32, 38, 47;
  --ui-text-rgb: 242, 245, 248;
  --ui-secondary-rgb: 190, 200, 210;
  --ui-link-rgb: 171, 202, 255;
}

/* 白字 action 不与暗色链接共用亮蓝；状态文本和实心底色也是独立角色。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) {
  --ui-success-text: #176139;
  --ui-danger-text: #a32131;
  --ui-warning-text: #824600;
  --ui-info-text: #165b70;
  --ui-success-action: #176139;
  --ui-danger-action: #b42332;
  --ui-warning-action: #824600;
  --ui-info-action: #165b70;
  --ui-secondary-action: #44546f;
  --text-primary: var(--ui-text);
  --text-secondary: var(--ui-secondary);
  --text-muted: var(--ui-secondary);
  --text-success: var(--ui-success-text);
  --text-danger: var(--ui-danger-text);
  --text-warning: var(--ui-warning-text);
  --text-info: var(--ui-info-text);
  --link-color: var(--ui-link);
  --link-hover-color: var(--ui-link);
  --action-primary-rest: var(--ui-action);
  --action-primary-hover: var(--ui-action-hover);
  --action-primary-active: var(--ui-action-active);
  --accent-fill-rest: var(--ui-link);
  --accent-fill-hover: var(--ui-link);
  --accent-fill-active: var(--ui-link);
  --accent-fill-light: var(--ui-selected);
  --neutral-layer-1: var(--ui-bg);
  --neutral-layer-2: var(--ui-surface);
  --neutral-layer-3: var(--ui-subtle);
  --neutral-stroke: var(--ui-border);
  --phoenix-bg-light: var(--ui-bg);
  --phoenix-bg-card: var(--ui-surface);
  --phoenix-success: var(--ui-success-text);
  --phoenix-warning: var(--ui-warning-text);
  --phoenix-danger: var(--ui-danger-text);
  --phoenix-info: var(--ui-info-text);
  --input-bg: var(--ui-surface);
  --input-focus-bg: var(--ui-surface);
  --input-border: var(--ui-control-border);
  --card-bg: var(--ui-surface);
  --card-bg-hover: var(--ui-surface);
  --table-bg: var(--ui-surface);
  --table-header-bg: var(--ui-subtle);
  --table-hover-bg: var(--ui-selected);
  --navbar-bg: var(--ui-surface);
  --footer-bg: var(--ui-subtle);
  --shadow-soft: none;
  --shadow-medium: none;
  --shadow-hover: none;
  --shadow-phoenix: none;
  --transition-smooth: none;
  --transition-fast: none;
  --vertical-nav-transition: none;
  --vertical-nav-bg: var(--ui-surface);
  --vertical-nav-bg-gradient: var(--ui-surface);
  --vertical-nav-text: var(--ui-secondary);
  --vertical-nav-text-hover: var(--ui-text);
  --vertical-nav-text-active: var(--ui-link);
  --vertical-nav-icon: var(--ui-secondary);
  --vertical-nav-icon-hover: var(--ui-text);
  --vertical-nav-icon-active: var(--ui-link);
  --vertical-nav-item-bg-hover: var(--ui-subtle);
  --vertical-nav-item-bg-active: var(--ui-selected);
  --vertical-nav-item-border-active: var(--ui-focus);
  --vertical-nav-divider: var(--ui-border);
  --vertical-nav-brand-text: var(--ui-text);
  --vertical-nav-brand-accent: var(--ui-link);
  --vertical-nav-shadow: none;
  --vertical-nav-border: 1px solid var(--ui-border);
  --bs-body-bg: var(--ui-bg);
  --bs-body-bg-rgb: var(--ui-bg-rgb);
  --bs-body-color: var(--ui-text);
  --bs-body-color-rgb: var(--ui-text-rgb);
  --bs-emphasis-color: var(--ui-text);
  --bs-emphasis-color-rgb: var(--ui-text-rgb);
  --bs-secondary-color: var(--ui-secondary);
  --bs-secondary-color-rgb: var(--ui-secondary-rgb);
  --bs-tertiary-color: var(--ui-secondary);
  --bs-secondary-bg: var(--ui-subtle);
  --bs-secondary-bg-rgb: var(--ui-bg-rgb);
  --bs-tertiary-bg: var(--ui-subtle);
  --bs-tertiary-bg-rgb: var(--ui-bg-rgb);
  --bs-border-color: var(--ui-border);
  --bs-link-color: var(--ui-link);
  --bs-link-hover-color: var(--ui-link);
  --bs-link-color-rgb: var(--ui-link-rgb);
  --bs-link-hover-color-rgb: var(--ui-link-rgb);
  --bs-primary-text-emphasis: var(--ui-link);
  --bs-success-text-emphasis: var(--ui-success-text);
  --bs-danger-text-emphasis: var(--ui-danger-text);
  --bs-warning-text-emphasis: var(--ui-warning-text);
  --bs-info-text-emphasis: var(--ui-info-text);
  --bs-secondary-text-emphasis: var(--ui-secondary);
  --bs-light-text-emphasis: var(--ui-text);
  --bs-dark-text-emphasis: var(--ui-text);
  --bs-primary-bg-subtle: var(--ui-selected);
  --bs-success-bg-subtle: var(--ui-subtle);
  --bs-danger-bg-subtle: var(--ui-subtle);
  --bs-warning-bg-subtle: var(--ui-subtle);
  --bs-info-bg-subtle: var(--ui-subtle);
  --bs-secondary-bg-subtle: var(--ui-subtle);
  --bs-light-bg-subtle: var(--ui-surface);
  --bs-dark-bg-subtle: var(--ui-subtle);
  --bs-border-radius: var(--ui-radius);
  --bs-border-radius-sm: var(--ui-radius);
  --bs-border-radius-lg: var(--ui-radius);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"])[data-theme="dark"] {
  --ui-success-text: #7bd99f;
  --ui-danger-text: #ff9da4;
  --ui-warning-text: #f5cf80;
  --ui-info-text: #87cfe5;
}

/* 固定预览变量边界：仅重置继承变量，不改其排版/组件样式。
   不允许 root 的 Bootstrap / legacy token 污染预览里的表格、表单和状态。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .theme-isolated {
  --ui-bg: #f9fafd;
  --ui-surface: #ffffff;
  --ui-subtle: #f5f6fa;
  --ui-selected: #edf4fc;
  --ui-text: #0b1727;
  --ui-secondary: #5b6573;
  --ui-link: #0f6cbd;
  --ui-action: #0f6cbd;
  --ui-action-hover: #0d5ea8;
  --ui-action-active: #0b4d8d;
  --ui-radius: .75rem;
  --ui-border: #dee2e6;
  --ui-control-border: #767676;
  --ui-success-text: #166534;
  --ui-danger-text: #991b1b;
  --ui-warning-text: #92400e;
  --ui-info-text: #155e75;
  --ui-bg-rgb: 249, 250, 253;
  --ui-surface-rgb: 255, 255, 255;
  --ui-text-rgb: 11, 23, 39;
  --ui-secondary-rgb: 91, 101, 115;
  --ui-link-rgb: 15, 108, 189;
  --neutral-layer-1: #f9fafd;
  --neutral-layer-2: #ffffff;
  --neutral-layer-3: #f5f6fa;
  --neutral-stroke: #dee2e6;
  --accent-fill-rest: #2c7be5;
  --accent-fill-hover: #1a68cc;
  --accent-fill-active: #1557b3;
  --phoenix-bg-light: #f9fafd;
  --phoenix-bg-card: #ffffff;
  --input-bg: #ffffff;
  --input-focus-bg: #ffffff;
  --input-border: #dee2e6;
  --card-bg: #ffffff;
  --card-bg-hover: #ffffff;
  --table-bg: #ffffff;
  --table-header-bg: #f5f6fa;
  --table-hover-bg: #edf4fc;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color: #0b1727;
  --bs-body-color-rgb: 11, 23, 39;
  --bs-secondary-color: #5b6573;
  --bs-secondary-color-rgb: 91, 101, 115;
  --bs-tertiary-color: #626d7a;
  --bs-emphasis-color: #0b1727;
  --bs-emphasis-color-rgb: 11, 23, 39;
  --bs-secondary-bg: #f5f6fa;
  --bs-secondary-bg-rgb: 245, 246, 250;
  --bs-tertiary-bg: #f5f6fa;
  --bs-tertiary-bg-rgb: 245, 246, 250;
  --bs-border-color: #dee2e6;
  --bs-link-color: #0f6cbd;
  --bs-link-hover-color: #0b4d8d;
  --bs-link-color-rgb: 15, 108, 189;
  --bs-link-hover-color-rgb: 11, 77, 141;
  --bs-primary-text-emphasis: #052c65;
  --bs-success-text-emphasis: #0a3622;
  --bs-danger-text-emphasis: #58151c;
  --bs-warning-text-emphasis: #664d03;
  --bs-info-text-emphasis: #055160;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-border-radius: .375rem;
  --bs-border-radius-sm: .25rem;
  --bs-border-radius-lg: .5rem;
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

/* 全站公共实体材质；照片布局的 body 背景和外壳透明区域不触碰。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui:not(.auth-split):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-bg);
  color: var(--ui-text);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui:not(:where(.theme-isolated, .theme-isolated *)) {
  font-family: var(--ui-font);
  font-size: var(--ui-font-size);
  line-height: var(--ui-leading);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.card, .card-fluent, .card-stat, .phoenix-card, .phoenix-stat-card, .section-card, .filters-grid, .workflow-filters, .workflow-summary, .tab-content-dark, .workflow-detail-panels, .modal-content, .modal-body, .list-group-item, .fluent-card, .split-card, .split-form, .si-photo-pair, .si-photo-frame, .si-defect-brief-frame, .si-photo-empty, .si-photo-fallback, [data-designer-preview] > section):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-text);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.dashboard-tiles .card-stat, .settings-grid .card-fluent, .card-fluent:hover, .card-stat:hover, .phoenix-stat-card:hover, .hover-lift:hover):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  box-shadow: none;
  transform: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.card-stat, .phoenix-stat-card, .text-center.text-muted.py-5):not(:where(.theme-isolated, .theme-isolated *))::before {
  content: none;
  background: none;
  animation: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.card-stat .display-6, .loading-pulse, .vertical-nav-animate, .vertical-nav-backdrop-animate):not(:where(.theme-isolated, .theme-isolated *)) {
  animation: none;
  transition: none;
  transform: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.card .card-body, .phoenix-card-body, .section-card, .filters-grid, .workflow-filters):not(:where(.theme-isolated, .theme-isolated *)) {
  padding: var(--ui-space);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.card-header, .card-footer, .phoenix-card-header, .modal-header, .modal-footer):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle) !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-border);
  padding: .75rem var(--ui-space);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.page-header-title, .section-card .title, .card-title, .phoenix-card-title, .phoenix-stat-value, .workflow-directory-category h3, .workflow-directory-copy strong):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-text);
  letter-spacing: 0;
  font-weight: 600;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.page-header-subtitle, .section-card .subtitle, .form-text, .helptext, .phoenix-stat-label, .workflow-directory-category p, .workflow-directory-copy span, .workflow-directory-empty, .workflow-modal-lead, .split-sso-label, .split-meta label, .split-tabs a, .split-tabs span):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-secondary);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.text-muted, .text-secondary):not(:where(.theme-isolated, .theme-isolated *, .badge *, .btn *)) {
  color: var(--ui-secondary) !important;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.text-dark, .text-black):not(:where(.theme-isolated, .theme-isolated *, .badge, .badge *, .btn, .btn *)) {
  color: var(--ui-text) !important;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.bg-white, .bg-light):not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-surface) !important;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.border.rounded, .rounded-2, .nav-link, .badge, .phoenix-badge, .attachment-icon, .workflow-directory-row, .workflow-directory-mark):not(:where(.theme-isolated, .theme-isolated *)) {
  border-radius: var(--ui-radius) !important;
  box-shadow: none;
}

/* 管理设置的选项块保持实体底与边界，不遗留 provider/storage 的发光焦点。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.provider-tile, .storage-backend-option, .obs-configuration-fields, .logo-preview):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-text);
  border: 1px solid var(--ui-control-border);
  border-radius: var(--ui-radius);
  box-shadow: none;
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.provider-tile, .storage-backend-option):is(:hover, :focus-within, .is-selected):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-selected);
  border-color: var(--ui-focus);
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.provider-tile, .storage-backend-option):focus-within:not(:where(.theme-isolated, .theme-isolated *)) {
  outline: 2px solid var(--ui-focus);
  outline-offset: 2px;
}

/* 表单：保留 select 箭头、校验图标、checkbox/radio 原生语义。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.form-control, .form-select, .phoenix-form-control, .fluent-input, .fluent-card input[type="text"], .fluent-card input[type="password"], .split-input, .split-form input[type="text"], .split-form input[type="password"], .split-form input[type="email"]):not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-surface);
  color: var(--ui-text);
  -webkit-text-fill-color: var(--ui-text);
  border: 1px solid var(--ui-control-border);
  border-radius: var(--ui-radius);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.form-control, .form-select, .phoenix-form-control, .fluent-input, .split-form input):focus:not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-surface);
  color: var(--ui-text);
  border-color: var(--ui-focus);
  outline: 2px solid var(--ui-focus);
  outline-offset: 2px;
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.form-control, .phoenix-form-control, .fluent-input, .split-form input):not(:where(.theme-isolated, .theme-isolated *))::placeholder {
  color: var(--ui-secondary);
  -webkit-text-fill-color: var(--ui-secondary);
  opacity: 1;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .form-floating > .form-control:not(:where(.theme-isolated, .theme-isolated *))::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.form-label, .phoenix-form-label, .form-floating > label, form .mb-3 label):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-text);
  opacity: 1;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .form-floating > label:not(:where(.theme-isolated, .theme-isolated *))::after {
  background-color: var(--ui-surface);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.input-group-text, .split-tool, .split-sso-btn):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle);
  border: 1px solid var(--ui-control-border);
  border-radius: var(--ui-radius);
  color: var(--ui-text);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .form-check-input:not(:where(.theme-isolated, .theme-isolated *)) {
  border-color: var(--ui-control-border);
  background-color: var(--ui-surface);
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .form-check-input:checked:not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-action);
  border-color: var(--ui-action);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.form-control, .form-select, .phoenix-form-control, .fluent-card input, .split-form input):is(:disabled, [readonly]):not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-subtle);
  color: var(--ui-secondary);
  -webkit-text-fill-color: var(--ui-secondary);
  opacity: 1;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.is-invalid, .has-error input, [data-invalid-range="1"]):not(:where(.theme-isolated, .theme-isolated *)) {
  border-color: var(--ui-danger-text);
  outline: 2px solid var(--ui-danger-text);
  outline-offset: 1px;
}

/* 按钮由组件持有状态变量；消除旧渐变/发光但保留 disabled 和点击行为。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn, .btn-phoenix-primary, .btn-phoenix-outline, .split-submit, .vertical-nav-toggle):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-surface);
  --ui-button-fg: var(--ui-text);
  --ui-button-border: var(--ui-control-border);
  --ui-button-hover: var(--ui-selected);
  --ui-button-active: var(--ui-selected);
  --ui-button-hover-fg: var(--ui-text);
  --bs-btn-color: var(--ui-button-fg);
  --bs-btn-bg: var(--ui-button-bg);
  --bs-btn-border-color: var(--ui-button-border);
  --bs-btn-hover-color: var(--ui-button-hover-fg);
  --bs-btn-hover-bg: var(--ui-button-hover);
  --bs-btn-hover-border-color: var(--ui-button-hover);
  --bs-btn-active-color: var(--ui-button-hover-fg);
  --bs-btn-active-bg: var(--ui-button-active);
  --bs-btn-active-border-color: var(--ui-button-active);
  background: var(--ui-button-bg);
  color: var(--ui-button-fg);
  border: 1px solid var(--ui-button-border);
  border-radius: var(--ui-radius);
  font-weight: 600;
  box-shadow: none;
  text-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-primary, .btn-accent, .btn-phoenix-primary, .split-submit, .vertical-nav-toggle):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-action);
  --ui-button-fg: #ffffff;
  --ui-button-border: var(--ui-action);
  --ui-button-hover: var(--ui-action-hover);
  --ui-button-active: var(--ui-action-active);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-success, .btn-outline-success):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-success-action);
  --ui-button-fg: #ffffff;
  --ui-button-border: var(--ui-success-action);
  --ui-button-hover: var(--ui-success-action);
  --ui-button-active: var(--ui-success-action);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-danger, .btn-outline-danger):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-danger-action);
  --ui-button-fg: #ffffff;
  --ui-button-border: var(--ui-danger-action);
  --ui-button-hover: var(--ui-danger-action);
  --ui-button-active: var(--ui-danger-action);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-warning, .btn-outline-warning):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-warning-action);
  --ui-button-fg: #ffffff;
  --ui-button-border: var(--ui-warning-action);
  --ui-button-hover: var(--ui-warning-action);
  --ui-button-active: var(--ui-warning-action);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-info, .btn-outline-info):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-info-action);
  --ui-button-fg: #ffffff;
  --ui-button-border: var(--ui-info-action);
  --ui-button-hover: var(--ui-info-action);
  --ui-button-active: var(--ui-info-action);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-secondary, .btn-dark):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-secondary-action);
  --ui-button-fg: #ffffff;
  --ui-button-border: var(--ui-secondary-action);
  --ui-button-hover: var(--ui-secondary-action);
  --ui-button-active: var(--ui-secondary-action);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-outline-primary, .btn-phoenix-outline):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-fg: var(--ui-link);
  --ui-button-border: var(--ui-focus);
  --ui-button-hover: var(--ui-action);
  --ui-button-active: var(--ui-action-active);
  --ui-button-hover-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-info):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-bg: var(--ui-surface);
  --ui-button-fg: var(--ui-text);
  --ui-button-border: var(--ui-control-border);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn, .btn-phoenix-primary, .btn-phoenix-outline, .split-submit, .vertical-nav-toggle):is(:hover, :focus):not(:where(.theme-isolated, .theme-isolated *, :disabled, .disabled)) {
  background: var(--ui-button-hover);
  color: var(--ui-button-hover-fg) !important;
  border-color: var(--ui-button-hover);
  box-shadow: none;
  transform: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn, .btn-phoenix-primary, .btn-phoenix-outline, .split-submit):is(:active, .active):not(:where(.theme-isolated, .theme-isolated *, :disabled, .disabled)) {
  background: var(--ui-button-active);
  color: var(--ui-button-hover-fg) !important;
  border-color: var(--ui-button-active);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .btn-link:not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-button-fg: var(--ui-link);
  border-color: var(--ui-surface);
  text-decoration: underline;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn:disabled, .btn.disabled, .split-submit:disabled):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle);
  color: var(--ui-secondary) !important;
  border-color: var(--ui-control-border);
  opacity: 1;
  box-shadow: none;
}

html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .badge:is(.bg-light, .bg-white, .bg-primary-subtle, .bg-secondary-subtle, .bg-success-subtle, .bg-danger-subtle, .bg-warning-subtle, .bg-info-subtle):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle) !important;
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-border);
}

/* 状态定点覆盖旧 badge important。所有状态实色，无白字黄色陷阱。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge, .phoenix-badge, .vertical-nav-badge):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-subtle);
  --ui-status-fg: var(--ui-text);
  background: var(--ui-status-bg);
  color: var(--ui-status-fg);
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge.bg-primary, .phoenix-badge-primary):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-action);
  --ui-status-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge.bg-success, .badge-status-approved, .phoenix-badge-success):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-success-action);
  --ui-status-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge.bg-danger, .badge-status-rejected, .phoenix-badge-danger):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-danger-action);
  --ui-status-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge.bg-warning, .badge-status-pending, .phoenix-badge-warning):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-warning-action);
  --ui-status-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge.bg-info, .badge-status-completed):not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-info-action);
  --ui-status-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .badge.bg-secondary:not(:where(.theme-isolated, .theme-isolated *)) {
  --ui-status-bg: var(--ui-secondary-action);
  --ui-status-fg: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.badge.bg-primary, .badge.bg-success, .badge.bg-danger, .badge.bg-warning, .badge.bg-info, .badge.bg-secondary, .badge-status-approved, .badge-status-rejected, .badge-status-pending, .badge-status-completed):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-status-bg) !important;
  color: var(--ui-status-fg) !important;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.alert, .registration-disabled-alert):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle);
  color: var(--ui-text);
  border: 1px solid var(--ui-border);
  border-inline-start: 4px solid var(--ui-focus);
  border-radius: var(--ui-radius);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .alert-success:not(:where(.theme-isolated, .theme-isolated *)) { border-inline-start-color: var(--ui-success-text); }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .alert-danger:not(:where(.theme-isolated, .theme-isolated *)) { border-inline-start-color: var(--ui-danger-text); }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .alert-warning:not(:where(.theme-isolated, .theme-isolated *)) { border-inline-start-color: var(--ui-warning-text); }

/* 表格的 Bootstrap inset 背景变量、旧 dark important 与表头渐变一并落到实色。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table):not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-table-bg: var(--ui-surface);
  --bs-table-color: var(--ui-text);
  --bs-table-border-color: var(--ui-border);
  --bs-table-striped-bg: var(--ui-subtle);
  --bs-table-striped-color: var(--ui-text);
  --bs-table-hover-bg: var(--ui-selected);
  --bs-table-hover-color: var(--ui-text);
  --bs-table-active-bg: var(--ui-selected);
  --bs-table-active-color: var(--ui-text);
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border-radius: var(--ui-radius);
  box-shadow: none;
  overflow: visible;
  font-size: var(--ui-font-size);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(thead, tbody, tr, td, th):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-border);
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th):not(:where(.theme-isolated, .theme-isolated *)) {
  height: var(--ui-row-height);
  padding: .375rem .75rem;
  line-height: 1.4;
  vertical-align: middle;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) thead th:not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-table-bg: var(--ui-subtle);
  background: var(--ui-subtle) !important;
  border-bottom: 2px solid var(--ui-border);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) tbody tr:is(:hover, :focus-within) > :is(th, td):not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-table-bg: var(--ui-selected);
  background: var(--ui-selected) !important;
}
/* 单元格的实体材质不应把工具类表示的辅助/状态文本统一染成正文色。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th):is(.text-muted, .text-secondary):not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-secondary) !important; }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th).text-primary:not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-link) !important; }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th).text-success:not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-success-text) !important; }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th).text-danger:not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-danger-text) !important; }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th).text-warning:not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-warning-text) !important; }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.table, .phoenix-table) :is(td, th).text-info:not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-info-text) !important; }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui #userGrid :is(.form-control, .form-select):not(:where(.theme-isolated, .theme-isolated *)) {
  min-width: 8rem;
  font-size: inherit;
}

/* 两种现有 navbar_style 均只换材质，不强制横向/纵向与 sidebar 宽度。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.navbar, .vertical-nav, .app-shell-vertical .app-header):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface) !important;
  color: var(--ui-text);
  border-color: var(--ui-border);
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.navbar-brand, .vertical-nav-brand-text):not(:where(.theme-isolated, .theme-isolated *)) {
  background: none;
  color: var(--ui-text);
  -webkit-text-fill-color: var(--ui-text);
  background-clip: border-box;
  -webkit-background-clip: border-box;
  letter-spacing: 0;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.navbar .nav-link, .vertical-nav-item, .vertical-nav-logout, .vertical-nav-theme-btn, .vertical-nav-lang-btn, .vertical-header-toggle, .vertical-header-user, .vertical-nav-close):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-secondary) !important;
  border-radius: var(--ui-radius);
  box-shadow: none;
  padding: var(--ui-nav-space) !important;
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.navbar .nav-link, .vertical-nav-item, .vertical-nav-logout, .vertical-nav-theme-btn, .vertical-nav-lang-btn):is(:hover, :focus-visible, .active):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-selected);
  color: var(--ui-link) !important;
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.vertical-nav-icon, .vertical-nav-item:hover .vertical-nav-icon, .vertical-nav-item.active .vertical-nav-icon, .vertical-nav-section-title, .vertical-nav-footer-text, .vertical-header-breadcrumb, .vertical-header-user-role):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-secondary);
  text-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.navbar-brand-logo-img, .vertical-nav-brand-logo, .vertical-nav-collapse-toggle, .attachment-icon):not(:where(.theme-isolated, .theme-isolated *)) {
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.app-footer, .vertical-nav-dropdown-menu):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle);
  color: var(--ui-secondary);
  box-shadow: none;
}

/* 菜单、日期选择器、模态框与 tabs；不覆盖 Popper 的定位 transform。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.dropdown-menu, .vertical-nav-theme-menu, .flatpickr-calendar):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-text);
  border: 1px solid var(--ui-control-border) !important;
  border-radius: var(--ui-radius);
  box-shadow: var(--ui-menu-shadow) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: none !important;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.dropdown-item, .vertical-nav-theme-option):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-text);
  border-radius: var(--ui-radius);
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.dropdown-item, .vertical-nav-theme-option):is(:hover, :focus, .active):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-selected);
  color: var(--ui-link);
  transform: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.dropdown-item.disabled, .dropdown-item:disabled, .flatpickr-day.flatpickr-disabled, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-secondary);
  opacity: 1;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.flatpickr-months .flatpickr-month, .flatpickr-current-month, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-weekdays, .flatpickr-weekday, .flatpickr-day, .flatpickr-time input, .flatpickr-time .flatpickr-am-pm):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-text);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .flatpickr-day:is(:hover, :focus, .inRange):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-selected);
  border-color: var(--ui-focus);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .flatpickr-day:is(.selected, .startRange, .endRange):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-action);
  border-color: var(--ui-action);
  color: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.flatpickr-prev-month, .flatpickr-next-month):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-link);
  fill: var(--ui-link);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui #typeModal .modal-content:not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.nav-tabs, .workflow-detail-tabs, .split-tabs):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle);
  border-color: var(--ui-border);
  border-radius: var(--ui-radius) var(--ui-radius) 0 0;
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .nav-tabs .nav-link:not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-secondary) !important;
  background: var(--ui-subtle);
  border-radius: var(--ui-radius) var(--ui-radius) 0 0;
  border-bottom: 2px solid var(--ui-border);
  box-shadow: none;
  transition: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .nav-tabs .nav-link:is(.active, :hover, :focus-visible):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-link) !important;
  background: var(--ui-surface);
  border-bottom-color: var(--ui-focus);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.breadcrumb, .breadcrumb-item.active, .breadcrumb-item::before):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-secondary);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .page-link:not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-link);
  border-color: var(--ui-control-border);
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .page-item.active .page-link:not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-action);
  color: #ffffff;
  border-color: var(--ui-action);
}

/* 工作流目录、设计器和现场照片只用实体底，照片不裁切不蒙版。 */
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .workflow-directory-group:not(:where(.theme-isolated, .theme-isolated *)) {
  border-color: var(--ui-border);
  gap: .5rem var(--ui-space);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .workflow-directory-row:not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-surface);
  color: var(--ui-text);
  min-height: var(--ui-row-height);
  border-bottom: 1px solid var(--ui-border);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .workflow-directory-row:is(:hover, :focus-visible):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-selected);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.workflow-directory-mark, .workflow-directory-row:hover .workflow-directory-mark, .workflow-directory-row.is-closed .workflow-directory-mark, .phoenix-stat-icon):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-subtle);
  color: var(--ui-secondary);
  border-radius: var(--ui-radius);
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .workflow-directory-go:not(:where(.theme-isolated, .theme-isolated *)) { color: var(--ui-link); }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is([data-designer-preview] .border, .si-photo figcaption, .request-description):not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-surface);
  color: var(--ui-text);
  border-color: var(--ui-border);
  border-radius: var(--ui-radius);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .si-lightbox-backdrop:not(:where(.theme-isolated, .theme-isolated *)) {
  background: #161616;
  color: #ffffff;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .si-photo-tag:not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-secondary-action);
  color: #ffffff;
  border-radius: var(--ui-radius);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .si-photo-tag-before:not(:where(.theme-isolated, .theme-isolated *)) { background: var(--ui-danger-action); }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .si-photo-tag-after:not(:where(.theme-isolated, .theme-isolated *)) { background: var(--ui-success-action); }
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.brand-badge, .navbar-avatar-placeholder, .navbar-brand-logo-placeholder):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-action);
  color: #ffffff;
  border-radius: var(--ui-radius);
  box-shadow: none;
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui .split-tabs .is-active:not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-link);
  box-shadow: inset 0 -2px 0 var(--ui-focus);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.divider, .split-sso-label::before, .split-sso-label::after):not(:where(.theme-isolated, .theme-isolated *)) {
  background-color: var(--ui-border);
  border-color: var(--ui-border);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(code, pre):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-text);
  background-color: var(--ui-subtle);
}
html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(button, a, input, select, textarea, [tabindex]):focus-visible:not(:where(.theme-isolated, .theme-isolated *)) {
  outline: 2px solid var(--ui-focus);
  outline-offset: 2px;
}

/* 01 工程控制台：扁平石墨矩形、紧凑网格、等宽计数和登记表。 */
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.page-dashboard, .page-workflow-list, .page-workflow-detail):not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: .75rem;
}
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.page-header, .section-card):not(:where(.theme-isolated, .theme-isolated *)) {
  border-inline-start: 4px solid var(--ui-text);
  margin-bottom: 1rem;
}
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.page-header-title, .section-card .title):not(:where(.theme-isolated, .theme-isolated *)) { font-size: 1.375rem; }
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.dashboard-metrics, .dashboard-tiles):not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-gutter-x: 1px;
  --bs-gutter-y: 1px;
  padding: 1px;
  background: var(--ui-border);
}
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.dashboard-metrics .display-6, .dashboard-tiles .display-6, .phoenix-stat-value):not(:where(.theme-isolated, .theme-isolated *)) {
  font-family: "Cascadia Mono", Consolas, monospace;
  font-size: 1.875rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.dashboard-category-panel, .dashboard-health-panel, .dashboard-profile-panel, .workflow-register, .workflow-evidence-section, .workflow-history-section):not(:where(.theme-isolated, .theme-isolated *)) {
  border-top: 2px solid var(--ui-text);
}
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui .workflow-summary:not(:where(.theme-isolated, .theme-isolated *)) { border-inline-start: 4px solid var(--ui-focus); }
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.dashboard-metric-total, .dashboard-metric-approved, .dashboard-metric-rejected, .dashboard-metric-waiting, .dashboard-metric-responded):not(:where(.theme-isolated, .theme-isolated *)) { min-height: 96px; }
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.btn, .form-control, .form-select):not(:where(.theme-isolated, .theme-isolated *)) { font-size: .875rem; }
html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui .vertical-nav-item:not(:where(.theme-isolated, .theme-isolated *)) {
  margin-block: 0;
  min-height: 40px;
  border-bottom: 1px solid var(--ui-border);
}

/* 03 工作收件箱：优先待办、行焦点与审签轨道，实色导航，只有弹出菜单阴影。 */
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.page-header-title, .section-card .title):not(:where(.theme-isolated, .theme-isolated *)) {
  font-size: 1.5rem;
  font-weight: 700;
}
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.dashboard-metrics, .dashboard-tiles):not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-gutter-x: .75rem;
  --bs-gutter-y: .75rem;
}
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.dashboard-metric-waiting .card-stat, .dashboard-tiles a[href*="awaiting=me"] .card-stat):not(:where(.theme-isolated, .theme-isolated *)) {
  background: var(--ui-selected);
  border: 2px solid var(--ui-focus);
  border-inline-start-width: 6px;
}
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.dashboard-metric-waiting .display-6, .dashboard-tiles a[href*="awaiting=me"] .display-6):not(:where(.theme-isolated, .theme-isolated *)) {
  color: var(--ui-link) !important;
  font-size: 2rem;
  font-weight: 700;
}
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.dashboard-metric-total .card-stat, .dashboard-metric-approved .card-stat, .dashboard-metric-rejected .card-stat, .dashboard-metric-responded .card-stat):not(:where(.theme-isolated, .theme-isolated *)) { border-top: 3px solid var(--ui-border); }
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.workflow-summary, .workflow-filters, .dashboard-category-panel):not(:where(.theme-isolated, .theme-isolated *)) { border-inline-start: 3px solid var(--ui-focus); }
html[data-ui-style="WORK_INBOX"] body.app-ui .workflow-register tbody tr:focus-within > :is(td, th):not(:where(.theme-isolated, .theme-isolated *)) { border-block: 1px solid var(--ui-focus); }
html[data-ui-style="WORK_INBOX"] body.app-ui :is(#tab-workflow .list-group, .workflow-history-section .list-group):not(:where(.theme-isolated, .theme-isolated *)) {
  border-inline-start: 3px solid var(--ui-focus);
  padding-inline-start: 1rem;
  gap: .75rem;
}
html[data-ui-style="WORK_INBOX"] body.app-ui :is(#tab-workflow .list-group-item, .workflow-history-section .list-group-item):not(:where(.theme-isolated, .theme-isolated *)) { border-inline-start: 3px solid var(--ui-border); }
html[data-ui-style="WORK_INBOX"] body.app-ui :is(.workflow-detail-tabs .nav-link, .nav-tabs .nav-link):not(:where(.theme-isolated, .theme-isolated *)) { padding: .625rem 1rem !important; }

/* 05 有限玻璃：内容仍为 solid，宽松阅读节奏；玻璃只落在当前导航外层。
   垂直 header 维持实色，避免顶部与侧栏重复 blur；无支持时以上实体底生效。 */
html[data-ui-style="RESTRAINED_GLASS"] body.app-ui :is(.page-header-title, .section-card .title):not(:where(.theme-isolated, .theme-isolated *)) {
  font-size: 1.625rem;
  font-weight: 600;
  letter-spacing: -.015em;
}
html[data-ui-style="RESTRAINED_GLASS"] body.app-ui :is(.dashboard-metrics, .dashboard-tiles):not(:where(.theme-isolated, .theme-isolated *)) {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1rem;
}
html[data-ui-style="RESTRAINED_GLASS"] body.app-ui :is(.workflow-summary, .dashboard-category-panel, .dashboard-health-panel, .dashboard-profile-panel):not(:where(.theme-isolated, .theme-isolated *)) { border-top: 1px solid var(--ui-control-border); }
html[data-ui-style="RESTRAINED_GLASS"] body.app-ui :is(.workflow-evidence-section, .workflow-history-section):not(:where(.theme-isolated, .theme-isolated *)) {
  padding-block: 1rem;
  border-top: 1px solid var(--ui-border);
}
html[data-ui-style="RESTRAINED_GLASS"] body.app-ui :is(.table, .phoenix-table) :is(td, th):not(:where(.theme-isolated, .theme-isolated *)) { padding: .625rem 1rem; }
@supports ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))) {
  html[data-ui-style="RESTRAINED_GLASS"] body.app-ui.navbar-horizontal .navbar:not(:where(.theme-isolated, .theme-isolated *)),
  html[data-ui-style="RESTRAINED_GLASS"] body.app-ui.navbar-vertical .vertical-nav:not(:where(.theme-isolated, .theme-isolated *)) {
    background: rgba(var(--ui-surface-rgb), .96) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}
@media (prefers-reduced-transparency: reduce), print {
  html[data-ui-style="RESTRAINED_GLASS"] body.app-ui:is(.navbar-horizontal, .navbar-vertical) :is(.navbar, .vertical-nav):not(:where(.theme-isolated, .theme-isolated *)) {
    background: var(--ui-surface) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* 新主题的高优先级紧凑字号不能压过移动端的阅读与触控下限。
   使用 min-height 保留浮动标签、textarea 和多行控件的更大高度。 */
@media (max-width: 991.98px) {
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn, .form-control, .form-select, .phoenix-form-control, .fluent-input, .split-input, .split-submit, .btn-phoenix-primary, .btn-phoenix-outline):not(:where(.theme-isolated, .theme-isolated *)) {
    font-size: 1rem;
    min-height: 44px;
  }
}
/* 仅桌面改变卡片/过滤器节奏。 */
@media (min-width: 992px) {
  html[data-ui-style="ENGINEERING_CONSOLE"] body.app-ui :is(.main-content-inner, .page-dashboard > .section-card):not(:where(.theme-isolated, .theme-isolated *)) { padding: 1rem; }
  html[data-ui-style="WORK_INBOX"] body.app-ui .main-content-inner:not(:where(.theme-isolated, .theme-isolated *)) { padding: 1.25rem; }
  html[data-ui-style="RESTRAINED_GLASS"] body.app-ui .main-content-inner:not(:where(.theme-isolated, .theme-isolated *)) { padding: 1.75rem; }
}

/* 不改变 transform 的业务状态（抽屉关闭/Popper 定位），只去除过渡和装饰动画。 */
@media (prefers-reduced-motion: reduce) {
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]):not(:where(.theme-isolated, .theme-isolated *)) { scroll-behavior: auto; }
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :where(*):not(:where(.theme-isolated, .theme-isolated *)) {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]):is([data-theme="light"], [data-theme="dark"]) {
    --ui-bg: #ffffff;
    --ui-surface: #ffffff;
    --ui-subtle: #ffffff;
    --ui-selected: #ffffff;
    --ui-text: #161616;
    --ui-secondary: #525252;
    --ui-link: #0043ce;
    --ui-border: #737373;
    --ui-focus: #0043ce;
    --ui-control-border: #737373;
    --ui-success-text: #176139;
    --ui-danger-text: #a32131;
    --ui-warning-text: #824600;
    --ui-info-text: #165b70;
    --ui-bg-rgb: 255, 255, 255;
    --ui-surface-rgb: 255, 255, 255;
    --ui-text-rgb: 22, 22, 22;
    --ui-secondary-rgb: 82, 82, 82;
    --ui-link-rgb: 0, 67, 206;
    --ui-menu-shadow: none;
  }
}
@media (forced-colors: active) {
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]):is([data-theme="light"], [data-theme="dark"]) {
    --ui-bg: Canvas;
    --ui-surface: Canvas;
    --ui-subtle: Canvas;
    --ui-selected: Canvas;
    --ui-text: CanvasText;
    --ui-secondary: CanvasText;
    --ui-link: LinkText;
    --ui-control-border: ButtonText;
    --ui-border: CanvasText;
    --ui-focus: Highlight;
    --ui-action: Highlight;
    --ui-action-hover: Highlight;
    --ui-action-active: Highlight;
    --ui-menu-shadow: none;
  }
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui:is(.navbar-horizontal, .navbar-vertical) :is(.navbar, .vertical-nav):not(:where(.theme-isolated, .theme-isolated *)) {
    background: Canvas !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html:is([data-ui-style="ENGINEERING_CONSOLE"], [data-ui-style="WORK_INBOX"], [data-ui-style="RESTRAINED_GLASS"]) body.app-ui :is(.btn, .badge, .form-control, .form-select, .nav-link.active):not(:where(.theme-isolated, .theme-isolated *)) {
    border: 1px solid ButtonText !important;
    box-shadow: none;
  }
}