/* Reference-inspired mist workspace. Kept separate from the original skin. */
html[data-theme="f"][data-color-theme="blue"]{
  --accent:#163357; --accent-strong:#0c2144; --accent-soft:#e8eff6;
  --text:#101f3c; --text-2:#536277; --text-3:#738093;
  --border:#ccd5df; --row-line:#d9e0e7; --panel:#f3f6f8;
  --input-bg:#edf2f6; --hover:#e5edf4;
}
html[data-theme="f"] body{ background:#edf2f7; }
html[data-theme="f"] .app{
  position:relative; margin:0; height:100dvh;
  border:0; border-radius:0; overflow:hidden;
  background:radial-gradient(ellipse at 100% 0%,#b4d6ec80,transparent 35%),radial-gradient(ellipse at 12% 100%,#b2d4e966,transparent 45%),#e2e7ed;
}
html[data-theme="f"] .sidebar{
  position:absolute; background:rgba(237,242,247,.3);
  border-right:1px solid #bdc8d480; backdrop-filter:none; box-shadow:none;
}
html[data-theme="f"] .sidebar-brand{ height:94px; padding:0 20px; gap:10px; font-size:16px; color:#101f3c; }
html[data-theme="f"] .sidebar-brand .logo{ width:32px; height:32px; }
html[data-theme="f"] .search-box{ padding:4px 18px 16px; }
html[data-theme="f"] .tree{ padding:8px 16px; }
html[data-theme="f"] .sidebar::after{ margin:12px 18px; background:#ffffff30; color:#738093; }
html[data-theme="f"] .topbar{
  height:88px; padding:0 28px; background:transparent; border:0; box-shadow:none;
  backdrop-filter:none;
}
html[data-theme="f"] .workspace-title strong{ color:#101f3c; font-size:20px; font-weight:550; }
html[data-theme="f"] .content > .panel{ background:transparent; border:0; box-shadow:none; backdrop-filter:none; }
html[data-theme="f"] .dashboard{ background:transparent; }
html[data-theme="f"] .toolbar-title{ font-size:18px; color:#101f3c; font-weight:550; }
html[data-theme="f"] .dashboard-domain-grid{ gap:16px; padding-top:10px; }
html[data-theme="f"] .dashboard-card h3{ color:#101f3c; font-size:14px; font-weight:550; }
html[data-theme="f"] .dashboard-size b{ color:#101f3c; font-weight:500; font-variant-numeric:tabular-nums; }
html[data-theme="f"] .dashboard-arrow{ color:#536b83; }
html[data-theme="f"] .dashboard-icon{ color:#d83179; background:#f4e4ed99; border:0; box-shadow:none; }
html[data-theme="f"] .dashboard-search, html[data-theme="f"] .search-box input{ border:1px solid #bac9d575; background:#ffffff22; border-radius:20px; box-shadow:none; }



html[data-theme="f"] .sidebar .tree-row.selected{
  background:#f6f9fbbb !important; color:#101f3c !important; border-radius:16px; box-shadow:none !important;
}
html[data-theme="f"] .sidebar .tree-row.selected :is(.node-name,.node-icon,.node-count,.caret){ color:#101f3c !important; }
html[data-theme="f"] .sidebar .tree-row.selected .node-count{ background:#ffffff55 !important; }
html[data-theme="f"] .tree-row .node-name{ color:#536277; }
html[data-theme="f"] table thead th{ background:#ffffff30; color:#748193; }

@media (max-width:1100px) {
 html[data-theme="f"] .app{ margin:0; height:100dvh; }
 html[data-theme="f"] .topbar{ padding:0 18px; gap:7px; }
 html[data-theme="f"] .dashboard-domain-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px) {
 html[data-theme="f"] .app{ margin:0; height:100dvh; border:0; border-radius:0; }
 html[data-theme="f"] .sidebar{ background:#e3ebf3; }
 html[data-theme="f"] .dashboard-domain-grid{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
 html[data-theme="f"][data-color-theme="blue"] .dashboard-card:hover{ transform:none; }
}

/* 窗口四角：铺满视口的连续圆角外壳。 */
html[data-theme="f"] .app{
  border-radius: 20px;
  overflow: hidden;
}
@supports (corner-shape: squircle) {
  html[data-theme="f"] .app{ corner-shape: squircle; }
}

@media (max-width:640px) {
  html[data-theme="f"] .app{ border-radius: 16px; }
}

/* 全局圆角系统：沿用 Apple 的大外壳、柔和容器与紧凑控件层级。 */
html[data-theme="f"][data-color-theme="blue"]{
  --apple-radius-xl: 24px;
  --apple-radius-lg: 18px;
  --apple-radius-md: 14px;
  --apple-radius-sm: 11px;
}
html[data-theme="f"][data-color-theme="blue"] :is(
  .panel, .dashboard-card, .overview-panel, .dashboard-panel,
  .data-source-panel, .data-lineage-panel, .data-source-card, .data-lineage-card,
  .risk-list-panel, .quality-panel, .trust-panel, .settings-table,
  .data-table-wrap, .record-section, .delivery-section, .mall-brand-store-panel,
  .governance-dialog, .navigation-sort-dialog, .user-popover, .notification-popover,
  .modal, .settings-user-dialog, .delivery-review-dialog, .login-card, .data-record-modal, .profile-dialog, .coordinate-governance-dialog,
  .department-role-dialog, .department-roles-dialog, .quick-role-dialog,
  .data-filter-panel, .role-sidebar, .role-editor
){ border-radius: var(--apple-radius-lg); }
html[data-theme="f"][data-color-theme="blue"] :is(
   .search-box input, .dashboard-search,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea, .dashboard-view-switch, .settings-tabs,
  .data-version-tabs, .coverage-domain-tabs, .delivery-tabs, .spatial-tabs,
  .user-menu-button, .notification-button, .dashboard-icon
){ border-radius: var(--apple-radius-md); }
html[data-theme="f"][data-color-theme="blue"] :is(
  .tree-row, .domain-nav-row, .dashboard-nav-row, .nav-item,
  .data-page-btn, .add-btn, .tag, .badge, .status-tag, .dashboard-distribution,
  .dashboard-coverage-bar, .node-count, .nav-item-count
){ border-radius: var(--apple-radius-sm); }
html[data-theme="f"][data-color-theme="blue"] :is(.data-page-btn){ border-radius: 999px; }
@media (max-width:640px) {
  html[data-theme="f"][data-color-theme="blue"] :is(.panel,.dashboard-card,.overview-panel,.dashboard-panel){ border-radius: 16px; }
}

/* 优先于旧主题的卡片与选中导航规则；原生圆形控件保持圆形。 */
html[data-theme="f"][data-color-theme="blue"] .dashboard-card:nth-child(n){ border-radius: var(--apple-radius-lg); }
html[data-theme="f"][data-color-theme="blue"] .sidebar .tree-row.selected{ border-radius: var(--apple-radius-md); }
@supports (corner-shape: squircle) {
  html[data-theme="f"] :is(.panel, .dashboard-card, .record-section, .modal,
    .settings-user-dialog, .data-filter-panel, .user-popover, .notification-popover,
    .login-card, .data-source-card, .data-lineage-card, .role-editor,
    .tree-row, .dashboard-icon, textarea, select){ corner-shape: squircle; }
}

/* Liquid Glass：以透明材质、内高光和背景折射增强整体质感。 */
html[data-theme="f"] .app{
  background:
    radial-gradient(ellipse 52% 58% at 100% 0%, rgba(175,221,255,.18), transparent 74%),
    radial-gradient(ellipse 48% 52% at 2% 100%, rgba(190,236,229,.14), transparent 74%),
    linear-gradient(135deg, #fcfdff, #edf4fa 56%, #f8fbff);
}
html[data-theme="f"] .topbar{
  background: rgba(255,255,255,.66);
  border-bottom: 1px solid rgba(255,255,255,.62);
  box-shadow: 0 10px 28px rgba(36,60,90,.025), inset 0 1px 0 rgba(255,255,255,.58);
  backdrop-filter: blur(24px) saturate(138%);
  -webkit-backdrop-filter: blur(24px) saturate(138%);
}
html[data-theme="f"] .sidebar{
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(249,252,255,.58));
  border-right-color: rgba(255,255,255,.56);
  box-shadow: inset -1px 0 rgba(134,166,199,.13), inset 0 1px rgba(255,255,255,.65);
  backdrop-filter: blur(26px) saturate(132%);
  -webkit-backdrop-filter: blur(26px) saturate(132%);
}
html[data-theme="f"] .content > .panel, html[data-theme="f"] :is(.overview-panel,.dashboard-panel,.data-source-panel,.data-lineage-panel,
  .risk-list-panel,.quality-panel,.trust-panel,.settings-table,.data-table-wrap,.record-section,
  .delivery-section,.mall-brand-store-panel,.role-sidebar,.role-editor){
  border: 1px solid rgba(255,255,255,.56);
  background: rgba(255,255,255,.42);
  box-shadow: 0 14px 32px rgba(38,63,92,.045), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(20px) saturate(124%);
  -webkit-backdrop-filter: blur(20px) saturate(124%);
}
html[data-theme="f"] :is(.dashboard-search,.search-box input,
  .dashboard-view-switch,.settings-tabs,.data-version-tabs,.coverage-domain-tabs,.delivery-tabs,
  .notification-button,.user-menu-button){
  border-color: rgba(255,255,255,.68);
  background: rgba(255,255,255,.64);
  box-shadow: 0 3px 10px rgba(38,63,92,.045), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(14px) saturate(128%);
  -webkit-backdrop-filter: blur(14px) saturate(128%);
}
html[data-theme="f"] .sidebar::after{
  border: 1px solid rgba(255,255,255,.46);
  background: rgba(255,255,255,.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* 浮层使用更实的玻璃底色，避免底层文字干扰阅读。 */
html[data-theme="f"][data-color-theme="blue"] :is(.modal,.settings-user-dialog,
  .governance-dialog,.profile-dialog,.navigation-sort-dialog,.data-filter-panel,
  .notification-popover,.user-popover){
  border:1px solid rgba(255,255,255,.84);
  background:rgba(246,249,253,.94);
  box-shadow:0 22px 54px rgba(24,45,74,.18), inset 0 1px 0 #fff;
  backdrop-filter:blur(24px) saturate(125%);
  -webkit-backdrop-filter:blur(24px) saturate(125%);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme="f"] :is(.sidebar,.topbar,.content > .panel){ background:#f6f9fd; }
}

/* iOS 设置页的分组语言：中性画布、白色内容、玻璃操作层。 */
html[data-theme="f"][data-color-theme="blue"]{
  --text:#1c1c1e; --text-2:#515158; --text-3:#71717a;
  --row-line:#e5e5ea; --border:#dedee5;
}
html[data-theme="f"] body, html[data-theme="f"] .app{ background:#f2f2f7; }
html[data-theme="f"] body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;
}
html[data-theme="f"] .sidebar{
  background:rgba(250,250,253,.8);
  border-right-color:rgba(60,60,67,.09);
  box-shadow:none;
}
html[data-theme="f"] .topbar{
  background:rgba(255,255,255,.74);
  border-bottom-color:rgba(60,60,67,.08);
  box-shadow:0 4px 18px rgba(25,25,40,.025);
}
html[data-theme="f"] :is(.workspace-title strong,.toolbar-title){
  color:#1c1c1e; font-weight:700; letter-spacing:-.025em;
}
html[data-theme="f"] .content > .panel:has(.dashboard){ border-color:transparent; }
html[data-theme="f"] .dashboard-domain-grid{ gap:20px; }
html[data-theme="f"] .dashboard-card h3{ color:#1c1c1e; font-size:14px; font-weight:650; }
html[data-theme="f"] .dashboard-size b{ color:#1c1c1e; }
html[data-theme="f"] :is(.dashboard-card p,.dashboard-summary em,.dashboard-summary-more){ color:#71717a; }
html[data-theme="f"] .dashboard-card-foot{
  position:relative; border-top:0; background:transparent;
  color:#71717a; backdrop-filter:none; -webkit-backdrop-filter:none;
}
html[data-theme="f"] .dashboard-card-foot::before{
  content:""; position:absolute; left:17px; right:17px; top:0; height:1px; background:#e5e5ea;
}
html[data-theme="f"] .dashboard-icon{
  color:#fff; background:linear-gradient(160deg,#5aafff,#007aff);
  border-radius:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}
html[data-theme="f"] :is(.dashboard-search,.search-box):focus-within{
  outline:2px solid rgba(0,122,255,.45); outline-offset:2px;
}
html[data-theme="f"] :is(.record-section,.settings-table,.data-source-panel,.data-lineage-panel,.role-editor){
  background:var(--glass-surface,rgba(198,224,248,.52));
  box-shadow:var(--glass-shadow,0 8px 20px rgba(37,82,132,.09));
  backdrop-filter:blur(16px) saturate(122%); -webkit-backdrop-filter:blur(16px) saturate(122%);
}
html[data-theme="f"][data-color-theme="blue"] .sidebar .tree-row.selected{
  background:var(--glass-surface-raised,rgba(207,230,250,.68)) !important;
  box-shadow:0 4px 12px rgba(37,82,132,.10) !important;
}