/* The only owner of workspace geometry for both appearances. Theme sheets own colors and materials. */
/* Appearance switcher shares card tokens and one geometry across themes. */
.appearance-control{ position:relative; display:flex; flex:none; align-items:center; }
html[data-theme="f"][data-color-theme="blue"] .appearance-button{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  box-sizing:border-box; height:36px; min-height:36px; padding:0 10px;
  border:1px solid var(--border); border-radius:12px; corner-shape:round; cursor:pointer;
  font:500 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;
  white-space:nowrap; color:var(--text-2); background:var(--btn-bg); box-shadow:none;
  transition:background 150ms ease,color 150ms ease,border-color 150ms ease;
}
html[data-theme="f"][data-color-theme="blue"] .appearance-button svg{
  flex:none; width:17px; height:17px; fill:none; stroke:currentColor;
  stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round;
}
html[data-theme="f"][data-color-theme="blue"] .appearance-button .appearance-chevron{
  width:12px; height:12px; color:inherit; opacity:.7; transition:transform 150ms ease;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .appearance-button{
  color:#465164; border-color:rgba(72,96,130,.10);
  background:linear-gradient(180deg,#ffffffdb,#f4f7fcab);
}
html[data-theme="f"][data-color-theme="blue"] .appearance-button:is(:hover,[aria-expanded="true"]){
  color:var(--action-primary); background:color-mix(in srgb,var(--action-primary) 6%,var(--btn-bg));
  border-color:color-mix(in srgb,var(--action-primary) 22%,var(--border));
}
html[data-theme="f"] .appearance-button[aria-expanded="true"] .appearance-chevron{ transform:rotate(180deg); color:inherit; }
html[data-theme="f"][data-color-theme="blue"] :is(.appearance-button,.appearance-popover button):focus-visible{
  outline:2px solid var(--accent,#176bce); outline-offset:3px;
}
html[data-theme="f"][data-color-theme="blue"] .appearance-popover{
  position:absolute; z-index:100; top:calc(100% + 12px); left:0; right:auto;
  width:256px; max-width:calc(100vw - 24px); padding:14px; box-sizing:border-box;
  border:1px solid var(--data-card-border); border-radius:var(--data-card-radius); corner-shape:round;
  background:var(--data-card-surface); box-shadow:0 14px 36px rgba(35,54,84,.12),var(--data-card-shadow);
}
html[data-theme="f"] .appearance-popover[hidden]{ display:none; }
html[data-theme="f"] .appearance-heading{ display:grid; gap:4px; margin:0 2px 10px; }
html[data-theme="f"] .appearance-heading strong{ color:#26364b; font-size:13px; font-weight:600; }
html[data-theme="f"] .appearance-heading span{ color:#7d8999; font-size:11px; }
html[data-theme="f"] .appearance-sub-heading{ margin-top:8px; }
html[data-theme="f"] .appearance-options{ display:grid; gap:8px; }
html[data-theme="f"] .appearance-popover button{
  display:grid; grid-template-columns:44px minmax(0,1fr) 16px; align-items:center; gap:10px;
  box-sizing:border-box; width:100%; min-height:56px; padding:7px;
  border:1px solid var(--data-card-line); border-radius:10px; corner-shape:round;
  background:var(--data-card-surface); color:#324158; text-align:left; cursor:pointer;
  transition:background 150ms ease,border-color 150ms ease;
}
html[data-theme="f"] .appearance-popover button:hover{ background:var(--data-card-heading); border-color:var(--data-card-border); }
html[data-theme="f"] .appearance-popover button[aria-pressed="true"]{
  border-color:rgba(43,123,220,.32); background:color-mix(in srgb,var(--accent,#176bce) 6%,var(--data-card-surface));
}
html[data-theme="f"] .appearance-preview{
  position:relative; display:block; width:44px; height:36px; overflow:hidden;
  box-sizing:border-box; border:1px solid rgba(115,136,165,.22); border-radius:7px;
}
html[data-theme="f"] .appearance-preview::before{ content:""; position:absolute; inset:0 0 auto; height:7px; background:rgba(255,255,255,.7); border-bottom:1px solid rgba(99,122,153,.12); }
html[data-theme="f"] .appearance-preview :is(i,b,em){ position:absolute; display:block; border-radius:3px; background:rgba(85,116,151,.19); }
html[data-theme="f"] .appearance-preview i{ left:3px; top:12px; width:9px; height:20px; }
html[data-theme="f"] .appearance-preview b{ left:16px; top:12px; width:22px; height:7px; }
html[data-theme="f"] .appearance-preview em{ left:16px; top:23px; width:22px; height:9px; }
html[data-theme="f"] .appearance-preview.standard{ background:linear-gradient(145deg,#fff,#edf1f7); }
html[data-theme="f"] .appearance-preview.macos{ background:linear-gradient(135deg,#d8edff,#bdd4f8 55%,#e0ddfa); }
html[data-theme="f"] .appearance-preview.macos :is(i,b,em){ background:rgba(255,255,255,.65); box-shadow:0 1px 3px rgba(38,92,164,.08); }
html[data-theme="f"] .appearance-copy{ display:grid; gap:4px; min-width:0; }
html[data-theme="f"] .appearance-copy strong{ font-size:12px; font-weight:600; color:#2c3c52; }
html[data-theme="f"] .appearance-copy small{ font-size:11px; color:#7d8999; }
html[data-theme="f"] .appearance-check{ display:grid; place-items:center; width:16px; height:16px; border-radius:50%; color:transparent; font-size:10px; font-weight:700; }
html[data-theme="f"] .appearance-popover button[aria-pressed="true"] .appearance-check{ color:#fff; background:var(--accent,#176bce); }
@media (max-width:640px) {
  html[data-theme="f"][data-color-theme="blue"] .appearance-popover{ position:fixed; top:72px; left:auto; right:12px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme="f"][data-color-theme="blue"] :is(.appearance-button,.appearance-button .appearance-chevron,.appearance-popover button){ transition:none; }
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body{ font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){ --workspace-sidebar-width:246px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .app{ padding-left:var(--workspace-sidebar-width); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .sidebar{ box-sizing:border-box; width:var(--workspace-sidebar-width); }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .sidebar{ border-right-width:1px; border-right-style:solid; border-right-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .sidebar-brand{ height:82px; padding:0 20px; font-size:14px; font-weight:650; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .sidebar-brand .logo{ width:30px; height:30px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .sidebar::after{ font-size:11px; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .sidebar::after{ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .search-box{ padding:0 16px 16px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .tree{ padding:6px 12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .tree-row{ min-height:36px; padding:8px 10px; border-radius:12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .tree-row .node-name{ font-size:13px; font-weight:500; line-height:20px; letter-spacing:0; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .topbar{ height:82px; padding:0 24px; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .topbar{ border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .workspace-title strong{ font-size:18px; font-weight:650; letter-spacing:-.025em; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .workspace-title span{ font-size:11px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .actions{ gap:7px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content{ padding:14px 20px 22px; gap:12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .toolbar-title{ font-size:22px; font-weight:700; letter-spacing:-.035em; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .navigation-row{ min-height:32px; gap:10px; margin-bottom:0; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .breadcrumb{ display:flex; align-items:center; min-width:0; font-size:12px; letter-spacing:.01em; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .breadcrumb-separator{ margin:0 8px; font-size:11px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .back-parent:not([hidden]){ display:inline-flex; align-items:center; box-sizing:border-box; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content > .panel{ }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .content > .panel{ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-topline{ gap:12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-domain-grid{ gap:16px; padding:8px 2px 20px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-card:nth-child(n){ height:194px; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-card:nth-child(n){ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-card-body{ padding:17px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-card h3{ font-size:14px; font-weight:650; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-size b{ font-size:24px; font-weight:600; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-card .dashboard-icon{ width:34px; height:34px; border-radius:12px; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-card .dashboard-icon{ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-card-foot{ border-width:0; border-style:none; border-color:var(--border); }

html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .notification-button{ border-width:1px; border-style:solid; border-color:var(--border); }

html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .search-box input{ height:34px; min-height:34px; border-radius:12px; font-size:12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .data-manager-search select, .governance-toolbar select, .settings-user-toolbar select,
  .coverage-toolbar select, .operation-log-toolbar select, .data-source-toolbar select,
  .feedback-toolbar select, .hotel-filter-bar select, .school-filter-bar select
){ height:34px; min-height:34px; box-sizing:border-box; padding:6px 30px 6px 10px; border-radius:8px; font-size:12px; line-height:1.2; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  select, .brand-filter-trigger
){ height:34px; min-height:34px; box-sizing:border-box; border-radius:8px; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  select, .brand-filter-trigger
){ background:rgba(255,255,255,.82); border-color:rgba(143,157,177,.32); color:var(--text); }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-search, html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .search-box input{ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(.settings-table,.record-section,.data-source-panel,.data-lineage-panel,.role-editor,.role-sidebar,.data-table-wrap){ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) table thead th{ font-weight:600; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(.modal,.settings-user-dialog,.profile-dialog,.governance-dialog,.navigation-sort-dialog,.user-popover,.notification-popover,.data-filter-panel){ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(.settings-tabs,.data-version-tabs,.dashboard-view-switch){ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-tabs,.data-version-tabs,.dashboard-view-switch) button.active{ border-radius:8px; }
@media (max-width:1250px) {
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .topbar{ height:auto; min-height:82px; padding-block:12px; flex-wrap:wrap; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .actions{ flex-wrap:wrap; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){ --workspace-sidebar-width:220px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-domain-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-domain-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content{ padding:12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-topline{ display:flex; flex-wrap:wrap; justify-content:space-between; }
}
@media (max-width:640px) {
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .app{ padding-left:0; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .topbar{ padding-inline:14px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .navigation-row{ gap:6px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .breadcrumb{ font-size:11px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-domain-grid{ grid-template-columns:1fr; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search{ width:100%; }
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){ --window-corner:18px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .app{ margin:0; height:100dvh; border-radius:var(--window-corner); overflow:hidden; isolation:isolate; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .sidebar{ border-radius:0; }
@supports (corner-shape:round) {
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .app{ corner-shape:round; }
}
html:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer .dashboard-detail-group{ padding:20px 0; }
html[data-appearance="standard"] .dashboard-drawer .dashboard-detail-group:last-child{ border-bottom-width:0; border-bottom-style:none; border-bottom-color:var(--border); }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer .dashboard-detail-group h3{ display:flex; align-items:baseline; gap:9px; margin-bottom:13px; font-size:13px; font-weight:600; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer .dashboard-detail-group h3 span{ margin:0; padding:0; font-size:11px; font-weight:400; font-variant-numeric:tabular-nums; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer .dashboard-field-list{ gap:8px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer .dashboard-field-list button{ min-height:32px; max-width:100%; padding:6px 13px; border-radius:8px; font-size:12px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
html[data-appearance="standard"] .dashboard-drawer .dashboard-field-list button{ border-width:1px; border-style:solid; border-color:var(--border); }
@supports (corner-shape:round) {
html:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer .dashboard-field-list button{ border-radius:8px; corner-shape:round; }
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .topbar{ position:relative; z-index:20; overflow:visible; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .user-popover{ top:calc(100% + 12px); right:0; padding:6px; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .user-popover{ border-width:1px; border-style:solid; border-color:var(--border); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .user-popover button{ min-height:34px; font:inherit; font-size:12px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-dialog{ box-sizing:border-box; width:min(500px,100%); max-height:calc(100dvh - 32px); padding:32px; text-align:center; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-dialog .profile-close{ top:16px; right:16px; width:32px; height:32px; border-radius:12px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-avatar-wrap{ width:88px; height:88px; margin:4px auto 22px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-avatar{ width:88px; height:88px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-avatar-edit{ right:-20px; bottom:-6px; padding:6px 10px; font-size:11px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-dialog h3{ font-size:22px; line-height:1.4; font-weight:600; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-dialog > p{ margin:8px 0 12px; font-size:12px; line-height:1.6; }
/* Upload guidance is supporting copy, not a selected state or an action chip.
   Keep it on the same visual layer as the account subtitle in every appearance. */
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-file-hint{
  display:inline-block;
  width:auto;
  max-width:100%;
  box-sizing:border-box;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  box-shadow:none;
  color:var(--text-3);
  font-size:11px;
  line-height:1.7;
  text-align:center;
  overflow-wrap:anywhere;
}
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info{ margin-top:26px; padding:20px; border-radius:12px; }
html[data-appearance="standard"] .profile-info{ border-width:1px; border-style:solid; border-color:var(--border); }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info h4{ margin:0 0 18px; font-size:14px; font-weight:600; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info dl{ grid-template-columns:94px minmax(0,1fr); gap:18px 20px; font-size:13px; line-height:1.6; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info dd{ overflow-wrap:anywhere; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info dd span{ display:inline-block; padding:3px 9px; border-radius:8px; font-size:11px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-password{ margin-top:16px; border-radius:16px; }
html[data-appearance="standard"] .profile-password{ border-width:1px; border-style:solid; border-color:var(--border); }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-password summary{ padding:17px 20px; font-size:13px; font-weight:500; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-password > div{ padding:6px 20px 20px; gap:12px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-password label{ font-size:12px; gap:8px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-password input{ height:40px; font-size:13px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-actions{ margin-top:26px; gap:12px; }

@supports (corner-shape:round) {
html:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.profile-info,.profile-password,.profile-close){ corner-shape:round; }
}
@media (max-width:480px) {
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-dialog{ padding:24px 20px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info{ padding:16px; }
html:is([data-appearance="standard"],[data-appearance="macos27"]) .profile-info dl{ grid-template-columns:80px minmax(0,1fr); gap:16px 12px; }
}

/* Preserve the dark window backing around the rounded application frame. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"], html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] body{
  background:#202936;
}

/* Keep viewport coordinates when a field preview is promoted to the top layer. */
.field-preview-card[popover]{
  inset:auto;
  margin:0;
}
.field-preview-card[popover]::backdrop{ background:transparent; pointer-events:none; }
@media (prefers-reduced-motion:reduce) {
  .field-preview-card{ animation:none; }
}

/* Navigation counts are hidden in both themes; descriptive badges remain. */
.sidebar .node-count.nav-numeric-count{ display:none; }

@supports (corner-shape:round) {
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content > .panel:has(.dashboard){
    corner-shape:round;
  }
}

/* Fixed header and independently scrolling body avoid stacked sticky clips. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard{
  display:flex;
  flex-direction:column;
  padding:0;
  min-height:0;
  overflow:hidden;
  border-radius:inherit;
  corner-shape:inherit;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-sticky-header{
  position:relative;
  top:auto;
  flex:0 0 auto;
  margin:0;
  padding:18px 18px 1px;
  border-radius:inherit;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom:1px solid color-mix(in srgb, var(--glass-line, rgba(112,132,158,.22)) 70%, transparent);
  corner-shape:inherit;
  background:transparent;
  background-image:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-scroll-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:0 18px 18px;
  scrollbar-gutter:stable;
}

/* Catalog frame: both appearances share one geometry, while the standard
   appearance keeps an opaque blue surface instead of inheriting glass rules. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-domain-fence{
  display:block;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  box-sizing:border-box;
  margin:0;
  padding:14px;
  overflow:auto;
  scrollbar-gutter:stable;
  border:1px solid var(--glass-line);
  border-radius:16px;
  background:var(--glass-surface);
  background-image:none;
  box-shadow:var(--glass-shadow);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-domain-fence .dashboard-domain-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:194px;
  gap:12px;
  padding:0;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-drawer-mask{
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-drawer{
  box-sizing:border-box;
  width:min(520px,46%);
  overflow:hidden;
  border:1px solid var(--glass-line);
  border-right:0;
  border-radius:16px 0 0 16px;
  background:var(--glass-surface-raised);
  background-image:none;
  box-shadow:var(--glass-shadow);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-drawer-head, html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-drawer-foot{
  background:var(--glass-surface-raised);
  background-image:none;
  border-color:var(--glass-line);
}
@media (max-width:1250px) {
  html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-domain-fence .dashboard-domain-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:900px) {
  html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-domain-fence .dashboard-domain-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-domain-fence .dashboard-domain-grid{ grid-template-columns:1fr; }
  html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-drawer{ width:86%; }
}

/* Compact asset lists share the same workspace, row geometry and single tray. */
.content:has(> .panel > :is(.data-manager,.brand-store-page)){ padding:14px 20px 22px; gap:12px; }
.content:has(> .panel > :is(.data-manager,.brand-store-page)) > .navigation-row{ min-height:32px; height:32px; }
.content:has(> .panel > :is(.data-manager,.brand-store-page)) > .toolbar{ min-height:38px; }
.content:has(> .panel > :is(.data-manager,.brand-store-page)) .toolbar-title{ font-size:22px; font-weight:700; letter-spacing:-.035em; }
html[data-theme="f"][data-color-theme="blue"] .content:has(> .panel > :is(.data-manager,.brand-store-page)){ padding:14px 20px 22px; gap:12px; }
html[data-theme="f"][data-color-theme="blue"] .content:has(> .panel > :is(.data-manager,.brand-store-page)) > .navigation-row{ min-height:32px; height:32px; }
html[data-theme="f"][data-color-theme="blue"] .content:has(> .panel > :is(.data-manager,.brand-store-page)) > .toolbar{ min-height:38px; }
html[data-theme="f"][data-color-theme="blue"] .content:has(> .panel > :is(.data-manager,.brand-store-page)) .toolbar-title{ font-size:22px; font-weight:700; letter-spacing:-.035em; }
.content > .panel > :is(.data-manager,.brand-store-page) > .data-pagination{ flex:none; min-height:48px; padding:7px 14px; }
.content > .panel > :is(.data-manager,.brand-store-page) :is(.data-record-table,.brand-store-table table) :is(th,td){ padding:var(--asset-cell-padding); line-height:1.4; }
.content > .panel > :is(.data-manager,.brand-store-page) .data-table-wrap{ border:0; border-radius:0; box-shadow:none; }
@media(max-width:720px) {
  .content:has(> .panel > :is(.data-manager,.brand-store-page)), html[data-theme="f"][data-color-theme="blue"] .content:has(> .panel > :is(.data-manager,.brand-store-page)){ padding:12px; }
  .content > .panel > :is(.data-manager,.brand-store-page) > .data-pagination{ flex-wrap:wrap; }
}

/* 表格页统一使用一个内容滚动层：页面工具栏和表头保持在视口内，只有数据行滚动。 */
html[data-theme="f"][data-color-theme="blue"] .content > .panel:has(.anomaly-file-page, .data-manager, .brand-store-page, .governance-page, .settings-page, .operation-log-page, .delivery-page){
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel:has(.anomaly-workbench-host){
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .anomaly-workbench-host{
  display:flex;
  flex:1 1 0;
  min-width:0;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(.anomaly-file-page, .data-manager, .brand-store-page, .governance-page, .settings-page, .operation-log-page, .delivery-page){
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .anomaly-file-page{
  height:100%;
  box-sizing:border-box;
}
/* Edge-to-edge headers must share the panel's rounded silhouette, including
   the Vue mount wrapper. Do not rely on an ancestor's GPU clipping alone. */
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(.anomaly-workbench-host, .anomaly-file-page){
  border-radius:inherit;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"] .anomaly-file-sticky-head{
  border-radius:20px 20px 0 0;
  corner-shape:round;
  background-clip:padding-box;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .anomaly-file-page > .anomaly-file-scroll-body{
  flex:1 1 0;
  min-height:0;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .anomaly-file-page > .modern-pagination{
  flex:none;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .anomaly-file-scroll-body{
  overflow:auto;
  scrollbar-gutter:stable;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(.data-table-wrap, .brand-store-table, .governance-table, .settings-table, .operation-log-list, .delivery-table){
  min-height:0;
  overflow:auto;
  scrollbar-gutter:stable;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(.data-table-wrap, .brand-store-table, .governance-table, .settings-table, .operation-log-list, .delivery-table) :is(table, .governance-row.head, .delivery-table-row.head){
  position:relative;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(.data-table-wrap, .brand-store-table, .settings-table, .operation-log-list) thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:var(--thead-bg,#f7faff);
  box-shadow:0 1px 0 var(--border), 0 4px 10px rgba(45,75,115,.06);
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(.governance-table, .delivery-table) > :is(.governance-row.head, .delivery-table-row.head){
  position:sticky;
  top:0;
  z-index:3;
  background:var(--thead-bg,#f7faff);
  box-shadow:0 1px 0 var(--border), 0 4px 10px rgba(45,75,115,.06);
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .settings-page > section:not([hidden]){
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .settings-page > section:not([hidden]) > .settings-table{
  flex:1 1 auto;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-topline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search{
  box-sizing:border-box;
  flex:0 1 340px;
  width:340px;
  max-width:100%;
  min-width:0;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search input{
  flex:1 1 auto;
  width:0;
  min-width:0;
  padding:0;
}

/* Domain management lives beside preview on each overview card. */
.dashboard-card-foot :is(.dashboard-configure,.dashboard-preview-action){
  appearance:none;
  border:0;
  background:transparent;
  padding:4px 6px;
  margin:0 -6px;
  border-radius:8px;
  font:inherit;
  color:var(--accent);
  cursor:pointer;
}
.dashboard-card-foot :is(.dashboard-configure,.dashboard-preview-action):hover{ background:var(--accent-soft); }
.dashboard-card-foot :is(.dashboard-configure,.dashboard-preview-action):focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

/* Use visibly circular corners for content surfaces in both appearances.
   Squircle corners flatten too much on large panels and look nearly square. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .content > .panel, .dashboard, .dashboard-sticky-header,
  .modal, .settings-user-dialog, .profile-dialog, .governance-dialog,
  .navigation-sort-dialog, .coordinate-governance-dialog,
  .department-roles-dialog, .quick-role-dialog, .delivery-review-dialog,
  .settings-table, .data-table-wrap, .role-sidebar, .role-editor,
  .record-section, .record-geo-section, .data-source-panel, .data-lineage-panel
){ corner-shape:round; }