/* Login uses the same quiet blue glass even before an appearance is selected. */
html[data-theme] body .logo{ background-image: url("logo.svg?v=20260920-location"); }
.starmap-wordmark{ display: block; width: 126px; height: auto; }
.brand-name small{ font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-size: .72em; font-weight: 500; letter-spacing: .02em; color: #2469be; margin-left: 5px; }
#loginScreen .starmap-login-brand{ position: absolute; top: 34px; left: 44px; z-index: 2; display: flex; align-items: center; gap: 12px; color: #0066ff; }
#loginScreen .starmap-login-brand img{ display: block; width: 144px; height: auto; }
#loginScreen .starmap-login-brand strong{ font-family: -apple-system, "PingFang SC", sans-serif; font-size: 24px; font-weight: 600; letter-spacing: .06em; line-height: 1.2; }
#loginScreen .starmap-login-brand small{ display: block; font-size: 12px; font-weight: 500; letter-spacing: .06em; margin-top: 4px; }
@media (max-width: 900px) {
  #loginScreen .starmap-login-brand{ position: relative; top: auto; left: auto; margin: 28px 28px 0; }
}
#loginScreen{
  --login-brand-blue: #0066ff;
  box-sizing: border-box; overflow: auto; padding: 48px;
  background:
    radial-gradient(ellipse at 8% 12%, rgba(117,183,249,.48), transparent 52%),
    radial-gradient(ellipse at 90% 85%, rgba(176,167,224,.34), transparent 50%),
    radial-gradient(ellipse at 83% 12%, rgba(147,214,224,.26), transparent 44%),
    linear-gradient(125deg, #e7f0fc, #f3f6fc 52%, #e7edf8);
}
#loginScreen .login-shell{
  position: relative; z-index: 1;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 1fr);
  width: min(1160px, 100%); min-height: 620px;
  padding: 0; gap: 0; box-sizing: border-box; border-radius: 20px;
  border: 1px solid rgba(121,155,199,.18); overflow: hidden;
  background: linear-gradient(145deg, rgba(246,251,255,.52), rgba(210,228,249,.27));
  backdrop-filter: blur(30px) saturate(145%); -webkit-backdrop-filter: blur(30px) saturate(145%);
  box-shadow: 0 32px 80px rgba(38,70,116,.18), 0 8px 22px rgba(48,82,128,.1), inset 0 0 0 1px rgba(155,187,224,.12);
}
.login-meteors{ position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 2; }
.login-meteors i{
  position: absolute; top: -24px; left: 24%; width: 200px; height: 3px;
  border-radius: 999px; opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(68,148,255,.65) 42%, #d2eeff 82%, #fff);
  box-shadow: 0 0 10px rgba(83,169,255,.45);
  transform: rotate(36deg); transform-origin: right center;
}
.login-meteors i::before{
  /* Reflection shares the meteor's transform and timing; no per-frame blur. */
  content: ''; position: absolute; right: -39px; top: -38.5px;
  width: 80px; height: 80px;
  background: radial-gradient(circle at center, rgba(255,255,255,.34) 0%, rgba(194,230,255,.14) 24%, rgba(120,193,255,.035) 45%, rgba(120,193,255,0) 65%);
}
.login-meteors i::after{
  content: ''; position: absolute; right: -2px; top: -1.5px; width: 6px; height: 6px;
  border-radius: 50%; background: #fff;
  box-shadow: 0 0 5px rgba(255,255,255,.95), 0 0 11px rgba(95,178,255,.7), 0 0 18px rgba(38,125,255,.2);
}
#loginScreen.show .login-meteors i{ animation: login-meteor-flight 11s linear infinite; }
#loginScreen.show .login-meteors i:nth-child(2){ left: 65%; width: 120px; animation-delay: 2.8s; animation-duration: 13s; }
#loginScreen.show .login-meteors i:nth-child(3){ left: -150px; top: 28%; width: 190px; animation-delay: 5.4s; animation-duration: 14s; }
#loginScreen.show .login-meteors i:nth-child(4){ left: 76%; top: 14%; width: 100px; animation-delay: 7.6s; animation-duration: 12s; }
#loginScreen.show .login-meteors i:nth-child(5){ left: 12%; top: 70%; width: 130px; animation-delay: 9.2s; animation-duration: 15s; }
@keyframes login-meteor-flight {
  0% { opacity: 0; transform: translate3d(0,0,0) rotate(36deg); }
  3% { opacity: 1; }
  19% { opacity: .85; }
  28%,100% { opacity: 0; transform: translate3d(90vw,65.4vw,0) rotate(36deg); }
}
@media (max-width: 900px) { .login-meteors i:nth-child(n+4){ display: none; } }
@media (prefers-reduced-motion: reduce) { #loginScreen .login-meteors{ display: none; } }
#loginScreen .login-visual{
  min-width: 0; border-radius: 20px 0 0 20px; background: linear-gradient(145deg, rgba(224,237,253,.34), rgba(191,214,243,.18));
  box-shadow: inset -20px 0 34px rgba(101,139,187,.055), inset 0 1px 0 rgba(161,194,230,.1);
}
#loginScreen .login-wordmark{ display: none; }
#loginScreen .login-image-scene{ opacity: 1; inset: 0; }
#loginScreen .login-art-base{ object-fit: cover; object-position: center; opacity: .86; }
#loginScreen .login-mission{
  position: absolute; inset: auto 0 0; z-index: 1; padding: 24px 44px 38px;
  background: linear-gradient(180deg, transparent, rgba(233,240,250,.92) 45%);
  color: #344c70; letter-spacing: 0;
}
#loginScreen .login-mission p{ margin: 12px 0 0; max-width: 400px; font-size: 13px; line-height: 1.9; text-wrap: balance; }
#loginScreen .login-mission h1{ margin: 0; font-size: 26px; font-weight: 600; line-height: 1.5; letter-spacing: 0; text-wrap: balance; }
#loginScreen .login-mission h1 span{ display: inline-block; color: var(--login-brand-blue); }
#loginScreen .login-method button.active{ color: var(--login-brand-blue); }
#loginScreen .login-method button.active::after{ background: var(--login-brand-blue); }
/* A static scene avoids compositing many full-size animated image layers. */
#loginScreen .login-original-motion{ display: none; }
#loginScreen .login-card{
  align-self: stretch; display: flex; flex-direction: column; justify-content: center;
  width: auto; padding: 52px clamp(36px, 5vw, 76px);
  border: 0; background: linear-gradient(145deg, rgba(242,249,255,.22), rgba(218,233,250,.12));
  backdrop-filter: none; -webkit-backdrop-filter: none;
  border-radius: 0 20px 20px 0;
  box-shadow: inset 20px 0 34px rgba(255,255,255,.045);
  position: relative;
}
#loginScreen .login-card::before{
  display: block; position: absolute; top: 9%; bottom: 9%; left: 0; width: 1px; height: auto;
  border-radius: 4px; background: rgba(105,135,176,.14); content: '';
}
#loginScreen .login-card-head h2{ font-size: 28px; font-weight: 650; letter-spacing: -.03em; margin-bottom: 30px; }
#loginScreen .login-method{ border-color: rgba(70,107,157,.13); margin-bottom: 18px; }
#loginScreen .login-card > label:not(.login-agreement){ color: #536a88; }
#loginScreen .login-input-wrap{
  --login-control-surface: #edf4fc;
  height: 48px; border-radius: 12px; border: 1px solid rgba(83,119,167,.2);
  background: var(--login-control-surface);
  box-shadow: 0 5px 14px rgba(44,82,132,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#loginScreen .login-input-wrap:focus-within{ transform: translateY(-1px); border-color: rgba(36,116,225,.65); box-shadow: 0 8px 18px rgba(36,116,225,.14), 0 0 0 3px rgba(36,116,225,.1); }
#loginScreen .login-input-wrap > span{ border: 0; background: transparent; color: #728cac; }
html body #loginScreen .login-input-wrap input, html[data-theme][data-color-theme][data-appearance] body #loginScreen .login-input-wrap input:is(:focus,:focus-visible), html[data-theme][data-color-theme][data-appearance] body #loginScreen .login-input-wrap input{
  min-width: 0; border: 0; border-radius: 0; background: transparent;
  box-shadow: none; outline: none; color: #243650;
}
#loginScreen .login-input-wrap input::placeholder{ color: #7d8fa6; }
#loginScreen .login-input-wrap input:is(:autofill, :-webkit-autofill), #loginScreen .login-input-wrap input:is(:autofill, :-webkit-autofill):is(:focus, :hover, :active){
  -webkit-text-fill-color: #243650 !important;
  caret-color: #243650;
  background: transparent !important;
  -webkit-box-shadow: inset 0 0 0 100px var(--login-control-surface) !important;
  box-shadow: inset 0 0 0 100px var(--login-control-surface) !important;
}
#loginScreen .login-password input{ padding-right: 48px; }
#loginScreen .login-helper{ justify-content: space-between; margin-top: 12px; }
#loginScreen .login-helper span{ display: inline; color: #657b97; }
#loginScreen .login-account-menu{ background: rgba(237,245,255,.97); border-color: rgba(83,119,167,.2); border-radius: 12px; }
#loginScreen .login-account-manual{ background: transparent; }
#loginScreen .login-submit{
  flex-shrink: 0; height: 48px; margin-top: 18px; border-radius: 12px;
  border: 1px solid rgba(32,107,212,.24);
  background: linear-gradient(180deg, #287eff, var(--login-brand-blue));
  box-shadow: 0 6px 16px rgba(24,106,223,.2);
}
#loginScreen .login-submit:hover{ box-shadow: 0 8px 20px rgba(24,106,223,.25); }
#loginScreen .login-agreement{ flex-wrap: wrap; white-space: normal; line-height: 1.7; color: #647b98 !important; }
#loginScreen :is(button,a,input[type="checkbox"]):focus-visible{ outline: 2px solid #2879df; outline-offset: 3px; }
@media (max-width: 900px) {
  #loginScreen{ padding: 24px; }
  #loginScreen .login-shell{ display: block; width: min(480px, 100%); min-height: 0; border-radius: 20px; }
  #loginScreen .login-visual{ display: block; border-radius: 0; background: transparent; box-shadow: none; }
  #loginScreen .login-visual .login-scene{ display: none; }
  #loginScreen .login-wordmark{ display: none; }
  #loginScreen .login-mission{ position: relative; padding: 28px 28px 0; background: transparent; }
  #loginScreen .login-mission p{ font-size: 12px; }
  #loginScreen .login-mission h1{ font-size: 18px; }
  #loginScreen .login-card{ padding: 36px 28px; border-radius: 20px; }
  #loginScreen .login-card::before{ display: none; }
  #loginScreen .login-card-head .logo{ display: none; }
}
@media (max-width: 480px) {
  #loginScreen{ padding: 16px; }
  #loginScreen .login-shell{ padding: 0; }
  #loginScreen .login-card{ padding: 28px 18px; }
  #loginScreen .login-mission{ padding: 24px 18px 0; }
}
@media (max-height: 650px) { #loginScreen{ place-items: start center; padding-top: 20px; padding-bottom: 20px; } }
@media (prefers-reduced-transparency: reduce) {
  #loginScreen .login-shell{ background: #eaf2fc; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
/* Coordinate correction follows the operator's path: source context -> map -> decision. */
@media (min-width: 901px){
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-body {
    grid-template-columns: minmax(0, 1fr) 360px;
    grid-template-rows: auto minmax(560px, 1fr);
    min-height: 640px;
  }
  .coordinate-governance-body > .coordinate-reference {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.1fr 1.5fr repeat(3, minmax(90px, .45fr)) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    border-right: 0;
    border-bottom: 1px solid var(--row-line);
  }
  .coordinate-reference > h4 { grid-column: 1 / -1; margin: 0; }
  .coordinate-reference .coordinate-primary { min-width: 0; padding: 0 24px 0 0; border-bottom: 0; }
  .coordinate-reference .coordinate-primary b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .coordinate-reference .coordinate-context { min-width: 0; padding: 0 10px; border-bottom: 0; border-left: 1px solid var(--row-line); }
  .coordinate-reference .coordinate-context b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .coordinate-reference .coordinate-copy-all { width: auto; min-height: 30px; margin: 0; white-space: nowrap; }
  .coordinate-reference .coordinate-rule { grid-column: 1 / -1; margin: 0; padding: 8px 11px; }
  .coordinate-governance-body > .coordinate-picker { grid-column: 1; min-height: 0; padding: 18px; }
  .coordinate-governance-body > .coordinate-result { grid-column: 2; padding: 16px; border-left: 1px solid var(--row-line); border-right: 0; }
  .coordinate-picker .coordinate-map { min-height: 390px; flex: 1 1 390px; }
  .coordinate-picker .coordinate-pois { max-height: 150px; }
}
.coordinate-result > h4::after{ content: none; }
.coordinate-selected-poi{ border: 1px solid var(--border); }
.coordinate-workflow #coordinateGovernanceSource[hidden]{ display: none; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #loginScreen .login-shell{ background: #eaf2fc; }
}
@media (prefers-reduced-motion: reduce) { #loginScreen :is(.login-submit,.login-input-wrap){ transition: none; transform: none; } }

/* Material-only layer: shared geometry stays in appearance-layout.css. */
#loginScreen, #loginScreen .login-card, #loginScreen .login-card input, #loginScreen button, #loginScreen label, #loginScreen .login-account-menu{
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#loginScreen .login-card-head h2{
  color: #172b49; font-size: 30px; font-weight: 680; letter-spacing: -.055em;
  line-height: 1.2; text-shadow: 0 1px 1px rgba(255,255,255,.28);
}
#loginScreen .login-method button{ font-size: 13px; font-weight: 600; letter-spacing: .01em; }
#loginScreen .login-card > label:not(.login-agreement){ font-size: 12px; font-weight: 560; letter-spacing: .01em; }
#loginScreen .login-card input{ font-size: 14px; font-weight: 520; letter-spacing: .01em; }
#loginScreen .login-mission p{ color: #526a8d; font-weight: 400; letter-spacing: .015em; }
#loginScreen .login-mission h1{ color: #2e496e; font-weight: 620; letter-spacing: -.025em; }
#loginScreen .login-mission h1 span{ font-weight: 680; letter-spacing: -.035em; }
#loginScreen .login-account-menu{ font-size: 12px; }
#loginScreen .login-account-menu-head{ font-size: 11px; font-weight: 520; letter-spacing: .02em; }
#loginScreen .login-account-item > button:first-child{ font-size: 13px; }
#loginScreen .login-account-item b{ font-weight: 650; letter-spacing: -.01em; }
#loginScreen .login-account-item small{ font-size: 11px; letter-spacing: .01em; }
#loginScreen .login-account-manual{ font-size: 12px; font-weight: 550; }
#loginScreen .login-submit{ font-size: 14px; font-weight: 650; letter-spacing: .22em; }
#loginScreen .login-agreement{ font-size: 11px !important; letter-spacing: .005em; }

.brand-filter-select{ flex: 0 1 150px; min-width: 120px; max-width: 170px; }
.brand-filter-select > select[hidden]{ display: none !important; }
.brand-filter-trigger{
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  width: 100%; height: 34px; min-height: 34px; box-sizing: border-box; padding: 6px 10px;
  border: 1px solid var(--glass-line, var(--border)); border-radius: 8px;
  background: rgba(255,255,255,.82); color: var(--text); font: inherit; font-size: 12px;
  text-align: left; cursor: pointer;
}
.brand-filter-trigger::after{ content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); flex-shrink: 0; margin: -3px 2px 0 0; }
.brand-filter-trigger:is(:disabled, [aria-disabled="true"]){ opacity: .55; cursor: not-allowed; }
.brand-filter-trigger:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; }
.brand-filter-menu{
  position: fixed; inset: auto; margin: 0; box-sizing: border-box;
  padding: 5px; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid var(--glass-line, var(--border)); border-radius: 12px;
  background: var(--glass-surface-raised, var(--panel)); color: var(--text);
  box-shadow: var(--glass-shadow, 0 12px 32px rgba(36,65,106,.12));
}
.brand-filter-menu button{ display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.brand-filter-menu button:is(:hover,:focus-visible,[aria-checked="true"]){ background: rgba(226,234,244,.72); color: #245f9d; outline: none; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .brand-filter-menu{
  background: rgba(255,255,255,.96);
  border-color: rgba(143,157,177,.28);
  box-shadow: 0 14px 30px rgba(46,61,82,.12);
  backdrop-filter: blur(18px) saturate(110%);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .brand-filter-trigger{
  background: rgba(255,255,255,.82);
  border-color: rgba(143,157,177,.32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .brand-filter-menu button:is(:hover,:focus-visible,[aria-checked="true"]){
  background: rgba(226,234,244,.72);
  color: #245f9d;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .brand-filter-menu{
  background: linear-gradient(145deg, rgba(247,252,255,.96), rgba(222,237,253,.94));
  border-color: rgba(91,126,172,.22);
  box-shadow: 0 16px 34px rgba(36,65,106,.16);
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .brand-filter-trigger{
  background:linear-gradient(145deg,rgba(247,252,255,.82),rgba(222,237,253,.68));
  border-color:rgba(91,126,172,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 1px 3px rgba(36,65,106,.06);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .brand-filter-menu button:is(:hover,:focus-visible,[aria-checked="true"]){
  background: var(--accent-soft);
  color: var(--accent);
}
@media (max-width: 1100px) { .brand-filter-select{ flex: 1 1 150px; max-width: none; } }
html[data-appearance="macos27"]{
  --glass-float:rgba(248,251,255,.84);
  --glass-depth:0 10px 26px rgba(36,65,106,.09),0 2px 6px rgba(36,65,106,.035);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] :is(.sidebar,.topbar){
  background:rgba(249,252,255,.42);
  backdrop-filter:blur(32px) saturate(145%);
  -webkit-backdrop-filter:blur(32px) saturate(145%);
  border-color:rgba(65,99,145,.07);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .content > .panel{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] :is(.user-popover,.notification-popover){
  background:var(--glass-float);
  backdrop-filter:blur(32px) saturate(145%);
  -webkit-backdrop-filter:blur(32px) saturate(145%);
  border-color:rgba(65,99,145,.12);
  box-shadow:0 20px 48px rgba(29,52,87,.18),0 4px 12px rgba(29,52,87,.06);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] :is(.modal,.profile-dialog,.settings-user-dialog){
  background:rgba(248,251,255,.9);
  backdrop-filter:blur(32px) saturate(135%);
  -webkit-backdrop-filter:blur(32px) saturate(135%);
}
/* Opaque fallback keeps dense data readable without backdrop filtering. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] :is(.user-popover,.notification-popover,.modal,.profile-dialog,.settings-user-dialog) { background:#f5f8fd; }
}
@media (prefers-reduced-transparency:reduce) {
  html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] :is(.user-popover,.notification-popover,.modal,.profile-dialog,.settings-user-dialog){
    background:#f5f8fd;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}


.dashboard-topline-actions{ display:flex; align-items:center; justify-self:end; gap:8px; }
.dashboard-order-toggle{ min-height:32px; padding:6px 11px; border:1px solid var(--glass-line,rgba(79,133,190,.28)); border-radius:8px; background:var(--glass-surface-soft,rgba(187,218,246,.34)); color:var(--text-2,#506783); font:inherit; font-size:11px; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.30); }
.dashboard-order-toggle:hover, .dashboard-order-toggle.active{ border-color:rgba(0,102,255,.34); background:rgba(0,122,255,.14); color:var(--accent-strong,#0066ff); }
.dashboard-order-toggle:focus-visible{ outline:2px solid #0066ff; outline-offset:2px; }
.dashboard-domain-grid.is-ordering .dashboard-card{ cursor:grab; }
.dashboard-domain-grid.is-ordering .dashboard-card:active{ cursor:grabbing; }
.dashboard-domain-grid.is-ordering .dashboard-card:focus-visible{ outline:2px solid #0066ff; outline-offset:3px; }
.dashboard-card.is-order-dragging{ opacity:.45; }
.dashboard-card.order-before{ outline:2px solid #0066ff; outline-offset:3px; border-left:4px solid #0066ff; }
.dashboard-card.order-after{ outline:2px solid #0066ff; outline-offset:3px; border-right:4px solid #0066ff; }
.dashboard-order-status{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

/* Data tables sit on the same misty surface as the workspace instead of a white slab. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-manager{
  background:transparent;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-manager-search, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-pagination{
  background:var(--glass-surface-soft);
  border-color:var(--glass-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-table-wrap{
  background:var(--glass-surface);
  border-color:var(--glass-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-record-table thead th{
  background:var(--thead-bg);
  color:#53657c;
  border-color:var(--row-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-record-table tbody tr{
  background:var(--glass-surface);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-record-table td{
  border-color:var(--row-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-record-table tbody tr:hover{
  background:var(--hover);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-manager-search input, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-manager-search select{
  background:var(--input-bg);
  border-color:var(--glass-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-manager-search :is(input,select):focus-visible{
  outline:2px solid #7796bf;
  outline-offset:2px;
  border-color:#7796bf;
}
@media (prefers-reduced-transparency:reduce) {
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.data-table-wrap,.data-manager-search,.data-pagination){
    background:var(--glass-surface);
  }
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .data-record-table thead th{
    background:var(--thead-bg);
  }
}

/* Shared quiet surfaces for native tables and grid-based data lists. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){
  --data-surface:rgba(247,250,254,.34);
  --data-heading:rgba(224,234,246,.62);
  --data-row:rgba(255,255,255,.18);
  --data-hover:rgba(214,231,249,.42);
  --data-line:rgba(128,151,181,.16);
  --control-surface:rgba(239,245,252,.72);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content :is(.data-table-wrap,.brand-store-table,.brand-trend-table,.settings-table,.delivery-table,.feedback-table,.governance-table,.recycle-table-wrap,.trust-object-list,.coverage-field-table,.mall-brand-store-list,.operation-log-list){
  background:var(--data-surface);
  border-color:var(--data-line);
  box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content table{ background:transparent; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content table :is(tbody,td){
  background:transparent;
  border-color:var(--data-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content table tbody tr, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content :is(.delivery-table-row,.feedback-row,.governance-row,.governance-config-row,.trust-object-row,.coverage-field-row,.mall-brand-store-row):not(.head){
  background:var(--data-row);
  border-color:var(--data-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content table thead th, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content :is(.delivery-table-row,.feedback-row,.governance-row,.governance-config-row,.trust-object-row,.coverage-field-row,.mall-brand-store-row).head, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content .coverage-field-table-head{
  background:var(--data-heading);
  color:#53657c;
  border-color:var(--data-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content table tbody tr:hover, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content :is(.delivery-table-row,.feedback-row,.governance-row,.governance-config-row,.trust-object-row,.coverage-field-row,.mall-brand-store-row):not(.head):hover{
  background:var(--data-hover);
}

/* No white inset highlight or native search bevel; one painted contour. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),textarea,select), html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body .dashboard-search{
  background:var(--control-surface);
  background-clip:border-box;
  border-color:rgba(128,151,181,.26);
  box-shadow:none;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body input:is([type="search"],[type="text"],:not([type])){
  -webkit-appearance:none;
  appearance:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),textarea,select):is(:focus,:focus-visible), html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body .dashboard-search:focus-within{
  background:var(--control-surface);
  border-color:#7796bf;
  box-shadow:none;
  outline:2px solid rgba(50,119,201,.42);
  outline-offset:1px;
}
/* The overview search shell owns its border; the inner input stays clear. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body .dashboard-search input, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) body .dashboard-search input:is(:focus,:focus-visible){
  background:transparent;
  border:0;
  box-shadow:none;
  outline:none;
}
@media (prefers-reduced-transparency:reduce) {
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){
    --data-surface:#edf3fa;
    --data-heading:#e1eaf5;
    --data-row:#eff4fa;
    --data-hover:#dceafa;
    --control-surface:#edf3fa;
  }
}
/* One glass shell keeps map interaction free of nested blur layers. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-mask{
  background: rgba(33, 53, 80, .24);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog{
  --panel: rgba(236, 245, 255, .36);
  --input-bg: rgba(244, 249, 255, .56);
  --control-surface: rgba(235, 244, 254, .74);
  --hover: rgba(207, 225, 247, .40);
  --border: rgba(112, 143, 183, .25);
  --row-line: rgba(112, 143, 183, .18);
  --text: #25354b;
  --text-2: #435770;
  --text-3: #64778e;
  border-color: rgba(146, 174, 209, .54);
  background: linear-gradient(135deg, rgba(231, 242, 255, .91), rgba(218, 234, 251, .84) 55%, rgba(232, 238, 253, .90));
  box-shadow: 0 28px 80px rgba(28, 55, 89, .24), inset 0 1px 0 rgba(255, 255, 255, .65);
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
  color: var(--text);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog :is(.coordinate-governance-body,.coordinate-reference,.coordinate-picker,.coordinate-result,.coordinate-result-panel){
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog > :is(header,footer){
  background: rgba(233, 244, 255, .35);
  border-color: var(--row-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog :is(.coordinate-diff,.governance-evidence-box,.governance-quick-notes,.coordinate-quota,.coordinate-result-tabs){
  background: rgba(227, 239, 252, .48);
  border-color: var(--border);
  box-shadow: none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog :is(.coordinate-pois button,.governance-quick-note-list > button,.coordinate-result-tabs > button.active){
  background: rgba(243, 249, 255, .66);
  border-color: var(--border);
  box-shadow: 0 2px 6px rgba(49, 88, 137, .07);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog :is(.coordinate-pois button:hover,.governance-quick-note-list > button.active){
  background: rgba(189, 216, 249, .60);
  border-color: rgba(55, 126, 220, .4);
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coordinate-governance-dialog{
    background: #e5effb;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.coordinate-workflow{ display: flex; flex-direction: column; height: min(940px, 94vh); overflow: hidden; }
.coordinate-workflow > header, .coordinate-workflow > footer{ flex: none; }
.coordinate-workflow > header > div{ min-width: 0; }
.coordinate-task-tags{ display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.coordinate-governance-dialog .coordinate-task-tags .coordinate-tag{
  display: inline-flex; align-items: center; gap: 6px; min-height: 27px;
  box-sizing: border-box; padding: 4px 10px; border: 1px solid; border-radius: 8px;
  font-size: 12px; font-weight: 650; line-height: 1.4; letter-spacing: 0;
}
.coordinate-governance-dialog .coordinate-tag.dataset{ color: #47627f; background: rgba(217, 231, 247, .66); border-color: rgba(112, 143, 183, .24); }
.coordinate-governance-dialog .coordinate-tag:is(.issue,.abnormal){ color: #934819; background: rgba(255, 231, 203, .88); border-color: rgba(190, 114, 46, .32); }
.coordinate-tag:is(.issue,.abnormal)::before{ content: '!'; display: inline-grid; place-items: center; width: 14px; height: 14px; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; font-weight: 750; line-height: 1; }
.coordinate-governance-dialog .coordinate-tag.scope{ color: #1760a4; background: rgba(210, 231, 255, .78); border-color: rgba(72, 142, 221, .28); }
.coordinate-workflow .coordinate-governance-body{ display: grid !important; grid-template-columns: minmax(0, 1fr) 360px !important; grid-template-rows: auto minmax(0, 1fr) !important; flex: 1; min-height: 0 !important; overflow: hidden; }
.coordinate-workflow .coordinate-reference{ grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, .6fr) auto; gap: 16px; padding: 12px 18px; border-bottom: 1px solid var(--row-line); }
.coordinate-workflow .coordinate-reference :is(small,b,span){ display: block; overflow-wrap: anywhere; }
.coordinate-workflow .coordinate-reference small{ font-size: 10px; color: var(--text-3); margin-bottom: 5px; }
.coordinate-workflow .coordinate-reference b{ font-size: 12px; }
.coordinate-workflow .coordinate-reference span{ font-size: 10px; color: var(--text-3); margin-top: 4px; }
.coordinate-workflow details{ font-size: 11px; }
.coordinate-workflow summary{ cursor: pointer; color: var(--accent); }
.coordinate-workflow .coordinate-picker{ min-height: 0; overflow: auto; }
.coordinate-workflow .coordinate-result{ display: block; min-height: 0; overflow: auto; }
.coordinate-workflow .coordinate-map-workspace{ display: grid; grid-template-columns: 180px minmax(0, 1fr); flex: 1; min-height: 320px; gap: 10px; }
.coordinate-workflow .coordinate-map{ min-height: 320px; height: 100%; }
.coordinate-workflow .coordinate-pois{ display: flex; flex-direction: column; max-height: none; overflow: auto; }
.coordinate-workflow .coordinate-pois button{ flex: none; padding: 10px; }
.coordinate-workflow .coordinate-pois :is(b,span){ white-space: normal; overflow-wrap: anywhere; }
.coordinate-workflow .coordinate-pois em{ position: static; display: block; transform: none; margin-top: 8px; }
.coordinate-workflow .coordinate-pois button.active{ outline: 2px solid var(--accent); outline-offset: -2px; }
.coordinate-workflow .governance-evidence-box{ max-height: none; }
.coordinate-workflow .coordinate-history{ margin-top: 16px; }
.coordinate-value-field{ margin-top: 10px; }
.coordinate-inputs input[type="hidden"]{ display: none; }
.coordinate-value-field input{ min-height: 38px; font-size: 12px; letter-spacing: .01em; }
.coordinate-value-field small{ display: block; margin-top: 5px; color: var(--text-3); font-size: 9px; }
.coordinate-original-marker{ position:relative; width:16px; height:16px; border:3px solid rgba(255,255,255,.92); border-radius:50%; background:#6b7d91; box-shadow:0 2px 8px rgba(31,55,79,.28),0 0 0 3px rgba(107,125,145,.18); transform:translate(-50%,-50%); }
.coordinate-original-marker::after{ content:'原始坐标'; position:absolute; left:50%; bottom:calc(100% + 8px); padding:4px 7px; border:1px solid rgba(109,130,151,.20); border-radius:8px; background:rgba(248,251,255,.94); color:#53657c; font-size:10px; line-height:1.2; white-space:nowrap; opacity:0; pointer-events:none; transform:translateX(-50%) translateY(3px); transition:opacity .16s ease,transform .16s ease; box-shadow:0 4px 12px rgba(38,65,95,.12); }
.coordinate-original-marker:hover::after{ opacity:1; transform:translateX(-50%) translateY(0); }
.coordinate-corrected-marker{ position:relative; box-sizing:border-box; width:20px; height:20px; border:3px solid #fff; border-radius:50%; background:#2385ef; box-shadow:0 2px 8px rgba(31,55,79,.28),0 0 0 4px rgba(35,133,239,.2); transform:translate(-50%,-50%); }
.coordinate-corrected-marker::after{ content:'修正坐标'; position:absolute; left:50%; bottom:calc(100% + 9px); transform:translateX(-50%); padding:5px 8px; border:1px solid rgba(35,133,239,.24); border-radius:8px; background:#eff6ff; color:#1767b8; font-size:11px; line-height:1.3; white-space:nowrap; pointer-events:none; box-shadow:0 3px 10px rgba(31,55,79,.12); }
@media (max-width: 900px) {
  .coordinate-workflow .coordinate-governance-body{ display: block !important; overflow: auto; }
  .coordinate-workflow .coordinate-reference{ grid-template-columns: minmax(0,1fr); }
  .coordinate-workflow .coordinate-result{ overflow: visible; }
  .coordinate-workflow .coordinate-map-workspace{ grid-template-columns: minmax(0,1fr); }
  .coordinate-workflow .coordinate-pois{ max-height: 180px; }
  .coordinate-workflow > footer{ flex-wrap: wrap; }
}
/* Native select values remain the source of truth; the menu uses the browser top layer. */
.unified-select-menu{
  position: fixed; inset: auto; margin: 0; padding: 6px;
  box-sizing: border-box; overflow: auto; overscroll-behavior: contain;
  border: 1px solid color-mix(in srgb, var(--border, #c8d0da) 78%, transparent);
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  color: var(--text, #25354b);
  box-shadow: 0 18px 42px rgba(30,55,85,.20), 0 2px 8px rgba(44,83,128,.08), inset 0 1px 0 rgba(255,255,255,.75);
  color-scheme: light;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .unified-select-menu{
  background: rgba(255,255,255,.96);
  border-color: rgba(143,157,177,.28);
  box-shadow: 0 16px 34px rgba(46,61,82,.13), 0 2px 8px rgba(46,61,82,.05), inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter: blur(18px) saturate(110%);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .unified-select-menu{
  background: linear-gradient(145deg, rgba(247,252,255,.96), rgba(222,237,253,.94));
  border-color: rgba(91,126,172,.22);
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(16px);
}
body .unified-select-menu button[role="option"]{
  display: block; width: 100%; min-height: 34px; margin: 1px 0; padding: 7px 30px 7px 11px;
  position: relative; border: 0 !important; border-radius: 8px; box-shadow: none !important;
  appearance: none; -webkit-appearance: none;
  background: transparent; color: inherit; text-align: left; font: inherit;
  font-size: 12px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; cursor: pointer;
}
body .unified-select-menu button[role="option"].unified-select-option-with-detail{ display:flex; align-items:center; gap:16px; white-space:nowrap; overflow-wrap:normal; }
.unified-select-option-label{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.unified-select-option-detail{ flex:none; margin-left:auto; color:var(--text-3, #68788c); font-size:12px; font-weight:400; font-variant-numeric:tabular-nums; }
body .unified-select-menu button[role="option"]:is(:hover,:focus-visible){ background: color-mix(in srgb, var(--accent-soft, #e8eef5) 72%, transparent); outline: none !important; }
body .unified-select-menu button[role="option"][aria-selected="true"]{ color: var(--accent-strong, #245f9d); background: color-mix(in srgb, var(--accent-soft, #e8eef5) 82%, transparent); font-weight: 650; }
body .unified-select-menu button[role="option"][aria-selected="true"]::after{ content: ''; position: absolute; right: 13px; top: 50%; width: 5px; height: 9px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-60%) rotate(45deg); }
body .unified-select-menu button[role="option"]:disabled{ opacity: .45; cursor: default; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] body .unified-select-menu button[role="option"]:is(:hover,:focus-visible){
  background: rgba(226,234,244,.72);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] body .unified-select-menu button[role="option"][aria-selected="true"]{
  color: #245f9d;
  background: rgba(226,234,244,.82);
}
.unified-select-menu.is-searchable:popover-open{ display:flex; flex-direction:column; overflow:hidden; padding:8px; }
.unified-select-search{ flex:none; padding:0 0 8px; border-bottom:1px solid var(--row-line, #e5ebf1); }
.unified-select-search input{ box-sizing:border-box; display:block; width:100%; height:34px; padding:0 10px; border:1px solid var(--border, #c8d0da); border-radius:8px; background:var(--input-bg, #f6f8fb); color:var(--text, #25354b); font:inherit; font-size:12px; outline:none; }
.unified-select-search input:focus{ border-color:var(--accent, #1670f8); box-shadow:0 0 0 2px color-mix(in srgb, var(--accent, #1670f8) 12%, transparent); }
.unified-select-options{ min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-top:5px; scrollbar-width:thin; }
.unified-select-empty{ padding:20px 10px; color:var(--text-3, #68788c); font-size:12px; line-height:1.6; text-align:center; }
body .unified-select-menu button[role="option"][hidden], .unified-select-empty[hidden]{ display:none; }
/* Month selection shares the popover surface; unavailable snapshots stay disabled. */
.unified-select-menu.is-month-picker{ padding:14px; border-radius:16px; }
.month-picker-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--row-line); }
.month-picker-head label{ display:flex; align-items:baseline; justify-content:center; gap:2px; padding:0 6px; border-radius:8px; color:var(--text); font-size:12px; }
.month-picker-year{ display:inline-block; min-width:54px; height:30px; padding:5px 0; border-radius:4px; color:inherit; font-size:16px; font-weight:650; font-variant-numeric:tabular-nums; text-align:center; }
.month-picker-head button, .month-picker-grid button, .month-picker-latest{ box-sizing:border-box; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--text-2); font:inherit; font-size:12px; cursor:pointer; transition:background-color .14s ease,border-color .14s ease,color .14s ease; }
.month-picker-head button{ display:grid; place-items:center; width:28px; height:28px; padding:0; font-size:20px; line-height:1; }
.month-picker-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.month-picker-empty{ grid-column:1/-1; display:grid; min-height:146px; padding:16px; place-items:center; color:var(--text-3); font-size:12px; line-height:1.6; text-align:center; }
.month-picker-grid button{ height:32px; background:color-mix(in srgb,var(--accent-soft) 38%,transparent); font-variant-numeric:tabular-nums; }
.month-picker-latest{ width:100%; height:32px; margin-top:10px; border-color:var(--row-line); color:var(--accent); font-weight:500; }
.is-month-picker button:hover:not(:disabled):not([aria-pressed="true"]){ background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 24%,transparent); color:var(--accent); }
.is-month-picker button[aria-pressed="true"]{ border-color:var(--accent); background:var(--accent); color:#fff; font-weight:600; box-shadow:0 2px 5px color-mix(in srgb,var(--accent) 18%,transparent); }
.is-month-picker button:disabled{ background:transparent; border-color:transparent; color:var(--text-3); opacity:.48; cursor:not-allowed; }
.is-month-picker :is(button,input):focus-visible{ outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent); outline-offset:2px; }
@media (prefers-reduced-motion:reduce) { .is-month-picker button{ transition:none; } }
/* Focused exception handling uses the existing glass surfaces. */
.anomaly-workspace > .governance-hero{
  align-items: center;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.anomaly-workspace > .governance-hero h2{ margin: 0; font-size: 18px; letter-spacing: -.02em; line-height: 1.35; }
.anomaly-workspace > .anomaly-tabs{ display: flex; flex-wrap: wrap; gap: 24px; border: 0; margin-bottom: 18px; background: transparent; background-image: none; }
.anomaly-tabs button{ min-height: 44px; padding: 10px 2px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.anomaly-tabs button[aria-selected="true"]{ color: #1572d6; border-bottom-color: currentColor; font-weight: 600; }
.anomaly-tabs button:focus-visible{ outline: 2px solid #1572d6; outline-offset: 3px; }
.anomaly-workspace .panel-empty{ background: transparent; }
.anomaly-workspace #governanceApply{ color: #fff !important; background: #0875df !important; box-shadow: none; }
@media (max-width: 640px) {
  .anomaly-tabs{ gap: 16px; }
  .anomaly-workspace{ padding: 12px; }
  .anomaly-workspace .governance-toolbar{ flex-wrap: wrap; }
  .anomaly-workspace .governance-toolbar input{ min-width: 0; flex-basis: 100%; }
  .anomaly-workspace .governance-toolbar select{ max-width: 100%; }
  .anomaly-workspace .governance-kpis{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .anomaly-workspace .governance-row{ grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .8fr); padding: 8px; }
  .anomaly-workspace .governance-row > :nth-child(3){ display: none; }
}

/* 品牌异常文件工作台：与现有蓝色玻璃数据面板保持同一层级和密度。 */
.anomaly-file-page{ display:flex; flex-direction:column; gap:16px; padding:20px; color:var(--text); }
.anomaly-file-sticky-head{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:-20px -20px 0;
  padding:20px 20px 14px;
  border-bottom:1px solid color-mix(in srgb, var(--data-line,var(--border)) 72%, transparent);
  background:var(--glass-surface-raised,rgba(255,255,255,.94));
  box-shadow:var(--glass-shadow,0 5px 18px rgba(31,49,75,.07));
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
}
.anomaly-file-sticky-head .anomaly-file-detail-head, .anomaly-file-sticky-head .anomaly-file-kpis, .anomaly-file-sticky-head .anomaly-file-toolbar{ flex:none; }
.anomaly-file-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.anomaly-file-head span{ color:var(--text-3); font-size:10px; letter-spacing:.14em; }
.anomaly-file-head h2{ margin:5px 0 4px; font-size:24px; letter-spacing:-.02em; }
.anomaly-file-head p{ margin:0; color:var(--text-3); font-size:12px; }
.anomaly-file-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.anomaly-file-kpis > div{ padding:14px 16px; border:1px solid var(--data-line); border-radius:16px; background:var(--data-surface); box-shadow:inset 0 1px 0 rgba(255,255,255,.42); }
.anomaly-file-kpis small{ display:block; color:var(--text-3); font-size:11px; }
.anomaly-file-kpis b{ display:block; margin-top:5px; font-size:22px; }
.anomaly-file-toolbar{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.anomaly-file-toolbar input{ min-width:220px; flex:1 1 280px; }
.anomaly-file-toolbar select{ min-width:150px; max-width:100%; flex:0 1 170px; cursor:pointer; }
.anomaly-file-page .anomaly-file-toolbar :is(input,select,.btn){ box-sizing:border-box; margin:0; }
.anomaly-file-page .anomaly-file-toolbar :is(input,select){ padding:8px 12px; border:1px solid var(--data-line,var(--border)); background:var(--control-surface,var(--input-bg)); color:var(--text-2); box-shadow:none; }
.anomaly-file-toolbar input::placeholder{ color:var(--text-3); opacity:1; }
.anomaly-file-page .anomaly-file-toolbar .btn{ flex:none; white-space:nowrap; }
@media(max-width:640px) { .anomaly-file-toolbar input{ flex-basis:100%; min-width:0; width:100%; } .anomaly-file-toolbar select{ min-width:0; flex:1 1 120px; } }
.anomaly-file-batch-list{ display:flex; flex-direction:column; gap:10px; }
.anomaly-file-batch-card{ display:flex; align-items:center; gap:14px; padding:16px; border:1px solid var(--data-line); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(226,238,252,.25)); box-shadow:var(--glass-depth); }
.anomaly-file-batch-icon{ display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:12px; color:#176fd1; background:rgba(109,174,242,.16); }
.anomaly-file-batch-icon svg{ width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.7; }
.anomaly-file-batch-main{ min-width:0; flex:1; }
.anomaly-file-batch-main p{ margin:6px 0 10px; color:var(--text-3); font-size:11px; }
.anomaly-file-batch-stats .pending{ color:#a9612f; }.anomaly-file-batch-stats .completed{ color:#39815b; }
.anomaly-file-batch-actions{ display:flex; flex-direction:column; gap:7px; flex:none; }
.anomaly-file-record-table{ overflow:visible; border:1px solid var(--data-line); border-radius:16px; background:var(--data-surface); }
.anomaly-file-record-table table{ width:100%; min-width:900px; table-layout:fixed; color:var(--text); }
.anomaly-file-record-table thead th{ position:sticky; top:var(--anomaly-sticky-offset,0px); z-index:10; height:38px; padding:8px 12px; color:#53657c; background:#e7f1fc; font-size:11px; font-weight:650; text-align:left; white-space:nowrap; box-shadow:0 1px 0 var(--data-line), 0 4px 12px rgba(64,98,137,.08); }
html[data-theme="f"][data-color-theme="blue"] .content .anomaly-file-record-table table thead th{
  background:#e7f1fc !important;
  background-image:none !important;
  opacity:1 !important;
}
.anomaly-file-record-table tbody tr{ min-height:64px; background:var(--data-row); color:var(--text); }
.anomaly-file-record-table tbody td{ height:64px; padding:10px 12px; color:var(--text-2); font-size:11px; line-height:1.45; vertical-align:middle; overflow:hidden; }
/* Keep table cells opaque while the main panel scrolls; translucent layers can wash out text. */
.modern-anomaly .anomaly-file-record-table{ contain:none; }
.modern-anomaly .anomaly-file-record-table table{ contain:none; }
.modern-anomaly .anomaly-file-record-table tbody, .modern-anomaly .anomaly-file-record-table tbody tr, .modern-anomaly .anomaly-file-record-table tbody td{ opacity:1; visibility:visible; }
.modern-anomaly .anomaly-file-record-table tbody td{ position:relative; z-index:0; }
html[data-theme="f"] .content .anomaly-file-record-table tbody tr{ height:64px; background:#f7faff !important; }
html[data-theme="f"] .content .anomaly-file-record-table tbody td{ color:#34465d !important; background:#f7faff !important; }
html[data-theme="f"] .content .anomaly-file-record-table tbody td b{ color:#1f3047 !important; }
html[data-theme="f"] .content .anomaly-file-record-table tbody td small{ color:#687b92 !important; }
.anomaly-file-record-table tbody td:first-child{ width:22%; }
.anomaly-file-record-table tbody td:nth-child(2){ width:23%; }
.anomaly-file-record-table tbody td:nth-child(3){ width:18%; }
.anomaly-file-record-table tbody td:nth-child(4){ width:17%; }
.anomaly-file-record-table tbody td:nth-child(5){ width:12%; }
.anomaly-file-record-table thead th:last-child, .anomaly-file-record-table tbody td:last-child{ width:130px; text-align:center; }
.anomaly-file-record-table td b{ display:block; overflow:hidden; color:var(--text); font-size:12px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.anomaly-file-record-table td small{ display:block; margin-top:3px; overflow:hidden; color:var(--text-3); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.anomaly-file-record-table tbody tr:hover{ background:var(--data-hover); }
.anomaly-file-issue-tag{ display:inline-flex; padding:3px 7px; border:1px solid rgba(89,126,169,.2); border-radius:20px; color:#35638f; background:rgba(198,222,247,.45); font-size:10px; white-space:nowrap; }
.anomaly-file-issue-tag.tag-coordinate{ color:#1769b7; background:rgba(142,198,247,.28); }.anomaly-file-issue-tag.tag-duplicate{ color:#9b5a27; background:rgba(250,208,157,.34); }.anomaly-file-issue-tag.tag-virtual{ color:#7957a0; background:rgba(214,187,244,.3); }
.anomaly-file-status-cell{ white-space:normal; }
.anomaly-file-status-cell small{ max-width:120px; }
.anomaly-file-status{ display:inline-flex; align-items:center; min-height:24px; padding:4px 10px; border:1px solid transparent; border-radius:999px; font-size:11px; font-weight:650; line-height:1; white-space:nowrap; }
.anomaly-file-status::before{ content:''; width:6px; height:6px; margin-right:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent); }
.anomaly-file-status.status-completed{ color:#287752; background:#e6f6ed; border-color:#b9e4ca; }
.anomaly-file-status.status-pending{ color:#a2602e; background:#fff3e2; border-color:#f0d09e; }
.anomaly-file-status.status-processing{ color:#1769b7; background:#e6f1ff; border-color:#b9d6f5; }
.anomaly-file-empty{ padding:34px; text-align:center; color:var(--text-3); }
.modern-anomaly .anomaly-file-record-table{ min-height:460px; flex:none; }
.modern-anomaly .anomaly-file-record-table table{ min-height:0; height:auto; }
.modern-anomaly .anomaly-file-empty-row{ height:420px !important; }
.modern-anomaly .anomaly-file-empty-row td{ height:420px !important; padding:0 18px !important; text-align:center; vertical-align:middle !important; }
.modern-anomaly .anomaly-file-empty-row td > div{ display:grid; justify-items:center; gap:7px; color:var(--text-3); }
.modern-anomaly .anomaly-file-empty-row b{ color:var(--text-2) !important; font-size:13px !important; }
.modern-anomaly .anomaly-file-empty-row span{ font-size:11px; }
.modern-anomaly .anomaly-file-batch-empty{ min-height:360px; display:grid; place-items:center; margin:0; border:1px solid var(--data-line); border-radius:16px; color:var(--text-3); }
.anomaly-file-record-dialog{ display:flex; flex-direction:column; width:min(1120px,calc(100vw - 32px)); max-height:calc(100vh - 48px); overflow:hidden; }
.anomaly-file-record-dialog > header, .anomaly-file-record-dialog > footer{ flex:none; }
.anomaly-file-record-dialog .anomaly-file-record-body{ min-height:0; }
.anomaly-file-map{ height:300px; min-height:300px; position:relative; overflow:hidden; border-radius:8px; }
.anomaly-file-reference .anomaly-file-amap-search{ margin-top:12px; }
.anomaly-file-edit :is(input,select,textarea){ width:100%; box-sizing:border-box; padding:9px; border:1px solid var(--data-line); border-radius:8px; color:var(--text); background:var(--control-surface); font:inherit; }
.anomaly-file-record-dialog header{ display:flex; justify-content:space-between; gap:16px; }.anomaly-file-record-dialog header h3{ margin:4px 0; }.anomaly-file-record-dialog header p{ margin:0; color:var(--text-3); font-size:11px; }
.anomaly-file-record-body{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; padding:18px; overflow:auto; }
.anomaly-file-record-body h4{ margin:0 0 12px; font-size:13px; }.anomaly-file-reference dl{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0; }.anomaly-file-reference dl div{ padding:9px; border:1px solid var(--data-line); border-radius:12px; background:rgba(255,255,255,.2); }.anomaly-file-reference dt{ color:var(--text-3); font-size:10px; }.anomaly-file-reference dd{ margin:4px 0 0; font-size:12px; overflow-wrap:anywhere; }.anomaly-file-edit{ display:flex; flex-direction:column; gap:11px; }.anomaly-file-edit label{ display:flex; flex-direction:column; gap:5px; color:var(--text-2); font-size:11px; }.anomaly-file-edit small{ color:var(--text-3); font-size:10px; }.anomaly-file-edit textarea{ resize:vertical; }.anomaly-file-record-dialog footer{ display:flex; align-items:center; gap:8px; }.anomaly-file-record-meta{ margin-right:auto; color:var(--text-3); font-size:11px; }.anomaly-file-edit :is(select,input,textarea).is-invalid{ border-color:#e16b67 !important; box-shadow:0 0 0 3px rgba(225,107,103,.14) !important; }.anomaly-file-edit .anomaly-field-error{ color:#c84d4a !important; font-size:10px; line-height:1.4; }
.anomaly-file-amap-search{ display:flex; flex-direction:column; gap:5px; padding:10px; border:1px solid var(--data-line); border-radius:12px; background:rgba(224,237,252,.28); }
.anomaly-file-amap-search > label{ margin:0; color:var(--text-2); font-size:11px; font-weight:650; }
.anomaly-file-amap-search > div:first-of-type{ display:flex; gap:7px; }
.anomaly-file-amap-search input{ min-width:0; flex:1; margin:0; }
.anomaly-file-amap-search small{ margin:0; }
.anomaly-file-amap-results{ display:grid; gap:5px; max-height:145px; overflow:auto; }
.anomaly-file-amap-results > span{ color:var(--text-3); font-size:10px; line-height:1.45; }
.anomaly-file-amap-results button{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; padding:7px 9px; border:1px solid var(--data-line); border-radius:8px; background:rgba(255,255,255,.3); color:var(--text-2); text-align:left; cursor:pointer; }
.anomaly-file-amap-results button:hover, .anomaly-file-amap-results button.active{ border-color:#5299e5; background:rgba(178,216,250,.26); }
.anomaly-file-amap-results b, .anomaly-file-amap-results span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.anomaly-file-amap-results b{ color:var(--text); font-size:10px; }
.anomaly-file-amap-results span{ color:var(--text-3); font-size:9px; }
.anomaly-file-amap-results em{ grid-row:1 / span 2; grid-column:2; align-self:center; color:#2677c8; font-size:9px; font-style:normal; white-space:nowrap; }
@media (max-width:720px) { .anomaly-file-head, .anomaly-file-batch-card{ align-items:stretch; flex-direction:column; }.anomaly-file-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }.anomaly-file-batch-actions{ flex-direction:row; }.anomaly-file-record-body{ grid-template-columns:1fr; }.anomaly-file-page{ padding:14px; }.anomaly-file-sticky-head{ margin:-14px -14px 0; padding:14px 14px 12px; gap:12px; } }

.anomaly-file-record-mask{ position:fixed !important; z-index:1000 !important; inset:0; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:20px; isolation:isolate; background:rgba(20,35,50,.3); }
.anomaly-file-record-mask .anomaly-file-record-dialog{ width:min(1560px,100%); height:calc(100dvh - 40px); max-height:960px; }
/* AMap continuously composites canvas/tiles; backdrop blur on its ancestor causes
   large-area GPU repainting and intermittent white flashes on Chromium/macOS. */
body .anomaly-file-record-mask .anomaly-file-record-dialog{ position:relative; z-index:1; flex:none; background:#f7faff !important; opacity:1 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
body .anomaly-file-record-mask .anomaly-file-record-dialog :is(header,footer,section,.anomaly-file-record-body,.anomaly-file-amap-search,.anomaly-file-map){ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.anomaly-file-record-dialog > header{ padding:14px 20px; }
.anomaly-file-record-dialog header h3{ font-size:18px; overflow-wrap:anywhere; }
.anomaly-file-record-dialog header > button{ flex:none; }
.anomaly-file-record-dialog .anomaly-file-record-body{ flex:1; min-width:0; grid-template-columns:minmax(260px,28%) minmax(420px,42%) minmax(300px,30%); gap:0; padding:0; overflow:hidden; background:#f7faff; }
.anomaly-file-record-body > section{ min-width:0; min-height:0; padding:18px; overflow:auto; border-right:1px solid var(--data-line); background:#f7faff; }
.anomaly-file-record-body > section:last-child{ border-right:0; }
.anomaly-file-evidence{ min-width:0; visibility:visible; }
.anomaly-file-section-heading{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; }
.anomaly-file-section-heading h4{ margin:0; font-size:14px; }
.anomaly-file-section-heading > span{ font-size:11px; color:var(--text-3); }
.anomaly-file-alert{ padding:10px 0 14px; border-bottom:1px solid var(--data-line); margin-bottom:12px; }
.anomaly-file-alert b{ display:block; margin-top:10px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.anomaly-file-reference dl{ display:flex; flex-direction:column; gap:0; }
.anomaly-file-reference dl div{ padding:12px 0; border:0; border-bottom:1px solid var(--data-line); border-radius:0; background:none; }
.anomaly-file-reference dd{ line-height:1.6; }
.anomaly-file-coordinate .anomaly-file-amap-search{ padding:0; border:0; background:none; gap:10px; }
.anomaly-file-coordinate .anomaly-file-map{ height:320px; min-height:280px; }
.anomaly-file-coordinate{ min-width:0; overflow:auto; }
.anomaly-file-coordinate .anomaly-file-map{ position:relative; z-index:0; width:100%; max-width:100%; flex:none; background:#eef4fa; isolation:isolate; contain:layout paint; }
.anomaly-map-state{ position:absolute; inset:0; display:grid; place-content:center; gap:6px; text-align:center; color:var(--text-3); background:linear-gradient(145deg,#eef5fc,#e6eef8); font-size:12px; }
.anomaly-map-state b{ color:var(--text-2); font-size:13px; }
.anomaly-map-state span{ max-width:260px; line-height:1.6; }
.anomaly-file-coordinate .anomaly-file-amap-search > div:first-of-type{ min-width:0; }
.anomaly-file-coordinate .anomaly-file-amap-search input{ min-width:0; max-width:100%; }
.anomaly-file-amap-search > small{ display:none; }
.anomaly-file-coordinate-field{ display:flex; flex-direction:column; gap:6px; margin-top:12px; font-size:12px; color:var(--text-2); }
.anomaly-file-coordinate-field small{ font-size:10px; color:var(--text-3); }
.anomaly-file-coordinate :is(input,select){ min-height:36px; padding:8px 10px; border:1px solid var(--data-line); border-radius:8px; background:var(--control-surface); color:var(--text); font:inherit; box-sizing:border-box; width:100%; }
.anomaly-file-evidence .anomaly-file-section-heading{ margin-bottom:4px; }
.anomaly-file-change{ display:grid; gap:9px; padding:14px 0; border-top:1px solid var(--data-line); overflow-wrap:anywhere; font-size:12px; }
.anomaly-file-change small{ line-height:1.6; }
.anomaly-file-change .coordinate-delta-summary{ display:flex; align-items:center; gap:6px; color:#1767b8; font-size:12px; font-weight:700; }
.anomaly-file-change .coordinate-delta-summary::before{ content:'↗'; display:inline-grid; width:19px; height:19px; place-items:center; border-radius:50%; background:rgba(35,133,239,.13); color:#2385ef; font-size:12px; }
.anomaly-file-record-dialog footer{ flex-wrap:wrap; }
@media(max-width:1100px) { .anomaly-file-record-dialog .anomaly-file-record-body{ grid-template-columns:1fr; overflow:auto; } .anomaly-file-record-body > section{ overflow:visible; border-right:0; border-bottom:1px solid var(--data-line); } .anomaly-file-record-mask{ padding:8px; } .anomaly-file-record-mask .anomaly-file-record-dialog{ height:calc(100dvh - 16px); } .anomaly-file-record-dialog footer{ padding:10px; } }

/* Duplicate records are presented as a comparison group{ margin-top:18px; padding-top:16px; border-top:1px solid var(--data-line); }
.duplicate-candidate-list article.duplicate-current{ border-color:rgba(35,126,224,.38); background:rgba(184,220,251,.28); }
.duplicate-candidate-list .btn{ margin-top:9px; }
.duplicate-candidate-empty{ padding:10px; border-radius:8px; background:rgba(119,148,180,.1); color:var(--text-3); font-size:10px; line-height:1.6; }

/* Group review: a shared comparison surface, with map and evidence below. */
.duplicate-review-dialog .duplicate-review-body{ flex:1; min-height:0; overflow:auto; padding:20px; background:var(--data-surface,rgba(215,230,247,.16)); }
/* Standalone modal: avoid inherited glass/containment on scrolling descendants. */
body > .duplicate-review-mask{ z-index:90; }
body .duplicate-review-mask .duplicate-review-dialog{
  display:flex; flex-direction:column; width:min(1560px,100%);
  height:calc(100dvh - 40px); max-height:960px; min-height:0;
  overflow:hidden; border:1px solid var(--data-line); border-radius:16px;
  background:var(--panel,#f7faff); color:var(--text,#20232a);
  box-shadow:0 22px 54px rgba(24,45,74,.18);
}
body .duplicate-review-dialog, body .duplicate-review-dialog :is(header,footer,section,table,thead,tbody,tr,th,td,button,input,select,textarea), body .duplicate-review-dialog > .duplicate-review-body, body .duplicate-review-dialog :is(.duplicate-table-scroll,.duplicate-review-support){
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  corner-shape:round !important; contain:none; isolation:auto;
}
body .duplicate-review-dialog > header{ display:flex; justify-content:space-between; gap:16px; padding:16px 20px; border-bottom:1px solid var(--data-line); flex:none; }
body .duplicate-review-dialog > header span{ color:var(--accent); font-size:10px; font-weight:700; letter-spacing:.12em; }
body .duplicate-review-dialog > header h3{ margin:5px 0; font-size:18px; }
body .duplicate-review-dialog > header p{ margin:0; color:var(--text-3); font-size:11px; }
body .duplicate-review-dialog > header button{ width:30px; height:30px; flex:none; border:0; border-radius:8px; background:var(--hover); color:var(--text-2); font-size:20px; cursor:pointer; }
body .duplicate-review-dialog > footer{ display:flex; align-items:center; gap:8px; padding:14px 20px; flex:none; border-top:1px solid var(--data-line); }
body .duplicate-review-dialog .duplicate-review-body{ display:block; position:static; z-index:auto; flex:1; min-height:0; overflow:auto; background:transparent; }
body .duplicate-review-dialog .duplicate-comparison-table th{ position:static; top:auto; z-index:auto; }
body .duplicate-review-dialog .duplicate-search > button{ flex:none; white-space:nowrap; }
.duplicate-review-body h4{ margin:0; font-size:14px; }
.duplicate-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.duplicate-toolbar small, .duplicate-map-panel > small{ display:block; margin-top:6px; color:var(--text-3); font-size:11px; }
.duplicate-comparison, .duplicate-map-panel, .duplicate-evidence{ min-width:0; padding:16px; border:1px solid var(--data-line); border-radius:16px; background:rgba(216,232,250,.2); }
.duplicate-table-scroll{ overflow:auto; border:1px solid var(--data-line); border-radius:12px; }
.duplicate-comparison-table{ width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:12px; color:var(--text-2); }
.duplicate-comparison-table th, .duplicate-comparison-table td{ width:290px; min-width:290px; vertical-align:top; padding:11px 14px; text-align:left; border-bottom:1px solid var(--data-line); border-right:1px solid var(--data-line); overflow-wrap:anywhere; line-height:1.6; }
.duplicate-comparison-table tr > :first-child{ width:105px; min-width:105px; position:sticky; left:0; background:var(--control-surface,#eaf1f9); z-index:1; }
.duplicate-comparison-table thead th{ background:rgba(145,195,243,.14); }
.duplicate-comparison-table thead b{ display:block; font-size:16px; color:var(--text); margin:7px 0 3px; }
.duplicate-comparison-table small{ display:block; font-size:10px; font-weight:400; color:var(--text-3); }
.duplicate-comparison-table thead .btn{ margin-top:10px; }
.duplicate-letter{ display:inline-grid; place-items:center; height:25px; min-width:25px; border-radius:8px; background:rgba(41,131,232,.14); color:#2476cc; font-weight:700; }
.duplicate-comparison-table .has-difference td{ background:rgba(89,156,227,.09); color:var(--text); }
.duplicate-comparison-table .has-difference th small{ color:#2878c4; }
.duplicate-remove{ border:0; background:none; color:var(--text-3); cursor:pointer; font:inherit; margin-left:8px; font-size:10px; }
.duplicate-decisions{ display:flex; flex-wrap:wrap; gap:5px; }

.duplicate-decisions .selected{ color:#1267be; border-color:#68a5e5; background:rgba(108,178,246,.22); }
.duplicate-keeper{ display:grid; gap:4px; margin-top:8px; font-size:11px; }
.duplicate-keeper select, .duplicate-search input{ border:1px solid var(--data-line); border-radius:8px; background:var(--control-surface); color:var(--text); padding:8px; font:inherit; min-width:0; width:100%; box-sizing:border-box; }
.duplicate-add-panel{ margin-top:12px; font-size:12px; }
.duplicate-add-panel [data-brand-options]{ display:grid; gap:8px; max-height:230px; overflow:auto; margin-top:12px; }
.duplicate-add-panel .btn{ text-align:left; white-space:normal; }
.duplicate-review-support{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:16px; margin-top:16px; }
.duplicate-map{ position:relative; z-index:0; height:270px; border-radius:12px; overflow:hidden; margin:10px 0; isolation:isolate; }
.duplicate-search{ display:flex; gap:8px; margin-top:12px; }
.duplicate-map-marker{ display:block; padding:5px 9px; border:2px solid #c5e1ff; border-radius:16px; background:#287ed6; color:white; box-shadow:0 3px 10px #185b9260; font-weight:700; font-size:12px; white-space:nowrap; }
.duplicate-evidence{ gap:12px; }.duplicate-evidence textarea{ min-height:76px; }
.duplicate-evidence p{ padding:10px 0; border-top:1px solid var(--data-line); margin:0; font-size:12px; color:#2878c4; }
.duplicate-identity-choice{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:12px; margin-bottom:12px; border:1px solid var(--data-line); border-radius:12px; background:rgba(145,195,243,.10); font-size:12px; }
.duplicate-identity-choice > span{ color:var(--text-3); margin-right:4px; }
.duplicate-identity-choice .selected{ color:#1267be; border-color:#68a5e5; background:rgba(108,178,246,.22); }
.duplicate-identity-choice b{ margin-left:auto; color:#2878c4; font-size:11px; }
.duplicate-coordinate{ display:grid; gap:4px; margin-top:9px; font-size:10px; color:var(--text-2); }
.duplicate-coordinate input, .duplicate-coordinate select{ width:100%; box-sizing:border-box; border:1px solid var(--data-line); border-radius:8px; padding:7px 8px; background:var(--control-surface); color:var(--text); font:inherit; }
.duplicate-coordinate small{ color:var(--text-3); }
.duplicate-review-body [data-group-error]:not(:empty){ padding:10px; margin-bottom:10px; color:#9e612b; background:rgba(235,191,136,.15); border-radius:8px; font-size:12px; }
@media(max-width:900px) { .duplicate-review-support{ grid-template-columns:1fr; }.duplicate-review-dialog .duplicate-review-body{ padding:10px; }.duplicate-toolbar{ align-items:flex-start; }.duplicate-comparison{ padding:10px; } }

/* Contextual instructions follow the existing quiet blue glass surface. */
.anomaly-file-alert p{ margin:8px 0; font-size:12px; line-height:1.8; color:var(--text); }
.anomaly-file-alert small{ display:block; line-height:1.7; color:var(--muted); }
.anomaly-file-subsection-title{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:16px 0 2px; padding-top:12px; border-top:1px solid var(--data-line); color:var(--text); font-size:11px; font-weight:700; }
.anomaly-file-subsection-title small{ color:var(--text-3); font-size:10px; font-weight:500; }
.anomaly-file-location-title{ margin-top:4px; align-items:flex-start; }
.anomaly-file-location-title small{ max-width:72%; text-align:right; overflow-wrap:anywhere; line-height:1.5; }
.anomaly-file-reference dl > .anomaly-file-subsection-title{ display:flex; }
.anomaly-file-reference .anomaly-file-original-location{ margin-top:0; }
.anomaly-processing-indicator{ display:inline-flex; align-items:center; gap:7px; min-height:24px; }
.anomaly-processing-indicator i{ width:8px; height:8px; border-radius:50%; background:#e4a62a; box-shadow:0 0 0 3px rgba(228,166,42,.14); }
.anomaly-processing-indicator.is-processing i{ background:#2d83e6; box-shadow:0 0 0 3px rgba(45,131,230,.14); }
.anomaly-processing-indicator.is-completed i{ background:#35a875; box-shadow:0 0 0 3px rgba(53,168,117,.14); }
.anomaly-processing-indicator span{ color:var(--text-2); font-size:12px; font-weight:650; }
.anomaly-processing-indicator small{ color:var(--text-3); font-size:10px; }
.anomaly-file-coordinate-field[hidden]{ display:none !important; }
.duplicate-coordinate input[type="checkbox"]{ width:auto; margin-right:6px; }

/* 异常文件进度：只读汇总，避免与任务分配体系混用 */
.anomaly-progress-page{ display:grid; gap:14px; padding:18px; }
.anomaly-progress-hero{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 30px; border:1px solid rgba(102,151,205,.2); border-radius:16px; background:#e8f1fc; box-shadow:0 10px 25px rgba(55,103,157,.08); }
.anomaly-progress-hero > div:first-child{ max-width:720px; }.anomaly-progress-hero > div:first-child > span{ color:#1676dd; font-size:11px; font-weight:750; letter-spacing:.15em; }
.anomaly-progress-hero h2{ margin:8px 0 7px; color:var(--text); font-size:26px; letter-spacing:-.04em; }.anomaly-progress-hero p{ margin:0; color:var(--text-3); font-size:13px; }
.anomaly-progress-hero > div:last-child{ display:grid; min-width:145px; padding-left:26px; border-left:1px solid rgba(86,131,181,.22); text-align:right; }.anomaly-progress-hero small, .anomaly-progress-hero span{ color:var(--text-3); font-size:11px; }.anomaly-progress-hero b{ margin:2px 0; color:#1479e8; font-size:34px; line-height:1.15; }
.anomaly-progress-summary{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.anomaly-progress-summary article, .anomaly-progress-list{ border:1px solid var(--data-line); border-radius:16px; background:var(--data-surface); box-shadow:0 5px 16px rgba(51,91,140,.045); }
.anomaly-progress-summary article{ display:grid; gap:3px; padding:16px 18px; }.anomaly-progress-summary small, .anomaly-progress-summary span{ color:var(--text-3); font-size:11px; }.anomaly-progress-summary b{ color:var(--text); font-size:24px; line-height:1.12; }.anomaly-progress-summary article:nth-child(2) b{ color:#bd6e32; }.anomaly-progress-summary article:nth-child(3) b{ color:#3579bd; }.anomaly-progress-summary article:nth-child(4) b{ color:#39815b; }
.anomaly-progress-list{ overflow:hidden; }.anomaly-progress-list > header{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--data-line); }.anomaly-progress-list > header div{ display:grid; gap:3px; }.anomaly-progress-list > header b{ color:var(--text); font-size:14px; }.anomaly-progress-list > header span, .anomaly-progress-list > header em{ color:var(--text-3); font-size:11px; font-style:normal; }
.anomaly-progress-file{ display:grid; width:100%; gap:10px; padding:15px 18px; border:0; border-bottom:1px solid var(--data-line); color:var(--text); background:transparent; cursor:pointer; text-align:left; transition:background .16s ease; }.anomaly-progress-file:last-child{ border-bottom:0; }.anomaly-progress-file:hover{ background:rgba(173,211,247,.16); }.anomaly-progress-file-head, .anomaly-progress-file footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; }.anomaly-progress-file-head div{ display:grid; gap:3px; min-width:0; }.anomaly-progress-file-head b{ overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.anomaly-progress-file-head small{ color:var(--text-3); font-size:11px; }.anomaly-progress-file-head > span{ color:#1876dc; font-size:14px; font-weight:700; }.anomaly-progress-track{ display:flex; height:6px; overflow:hidden; border-radius:999px; background:rgba(108,145,185,.15); }.anomaly-progress-track i{ display:block; height:100%; }.anomaly-progress-track .completed{ background:#4c9b73; }.anomaly-progress-track .processing{ background:#5b9ee3; }.anomaly-progress-file footer{ justify-content:flex-start; color:var(--text-3); font-size:11px; }.anomaly-progress-file footer .completed{ color:#39815b; }.anomaly-progress-file footer .processing{ color:#3579bd; }.anomaly-progress-file footer .pending{ color:#a9612f; }.anomaly-progress-file footer i{ margin-left:auto; color:#2879cc; font-style:normal; }
.anomaly-progress-empty{ padding:38px 18px; color:var(--text-3); font-size:12px; text-align:center; }
@media (max-width:900px) { .anomaly-progress-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); }.anomaly-progress-hero{ align-items:flex-start; flex-direction:column; }.anomaly-progress-hero > div:last-child{ padding-left:0; border-left:0; text-align:left; } }

/* -------------------------------------------------------------------------
   Blue glass surface consistency
   A few later page-specific rules used opaque white panels, which made those
   screens look disconnected from the blue workspace. Keep inputs, maps and
   dialogs readable, but give the content surfaces one shared blue-tinted
   material and border treatment.
   ------------------------------------------------------------------------- */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){
  --panel: #edf4fc;
  --input-bg: #e8f1fc;
  --thead-bg: #deebfa;
  --data-heading: var(--thead-bg);
  --theme-surface: #e8f1fc;
  /* Map ancestors and sticky headers must remain opaque in both appearances. */
  --theme-surface-strong: #edf4fc;
  --theme-surface-muted: #e4eefb;
  --theme-surface-line: rgba(105,145,188,.26);
}

/* Summary surfaces need a clear material layer instead of reading as paper
   white against the blue workspace. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content :is(
  .anomaly-progress-hero, .governance-progress-hero, .delivery-hero,
  .risk-hero, .trust-hero, .update-plan-hero, .data-versions-hero
){
  background: linear-gradient(135deg, rgba(218,235,252,.92), rgba(195,219,245,.66)) !important;
  border-color: rgba(96,143,194,.28) !important;
  box-shadow: 0 12px 28px rgba(49,95,148,.10), inset 0 1px 0 rgba(240,248,255,.68) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"]{
  --theme-surface: linear-gradient(145deg,rgba(231,243,255,.72),rgba(212,230,250,.5));
  --theme-surface-muted: rgba(214,232,251,.5);
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel:not(:has(.dashboard)), html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(
  .settings-table, 
  .data-source-panel, .data-lineage-panel, .data-table-wrap,
  .role-sidebar, .role-editor, .governance-table, .operation-log-list,
  .delivery-table,  .brand-store-table,
  .brand-trend-table, .anomaly-progress-list, .anomaly-progress-summary article,
  .anomaly-progress-hero, .anomaly-file-batch-card,
  .governance-progress-hero, .governance-progress-period,
  .governance-progress-trend, .governance-progress-batches,
  .governance-progress-people, .governance-progress-detail,
  .delivery-hero, .risk-hero, .trust-hero, .update-plan-hero, .data-versions-hero,
  .governance-page:not(.anomaly-workspace) > .governance-hero,
   .brand-store-kpis > div,
  .brand-store-months article:not(.open):not(.closed), .category-card, .department-card,
  .feedback-assign-card, .feedback-detail-card, .quality-rule-card,
  .trust-domain-card, .coverage-analysis-panel, .coverage-fields-panel,
  .data-source-card, .data-lineage-card, .data-version-domain-card,
  .trust-panel, .quality-panel, .risk-list-panel, .mall-brand-store-panel
){
  background: var(--theme-surface) !important;
  border-color: var(--theme-surface-line) !important;
  border-radius:16px;
  corner-shape:round;
  box-shadow: 0 8px 22px rgba(42,86,137,.055), inset 0 1px 0 rgba(196,218,244,.3) !important;
  /* Nested data surfaces use a tinted material without live blur on scroll. */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(
  .data-version-tabs, .dashboard-view-switch,
   .brand-trend-switch, .spatial-tabs,
  .coverage-domain-tabs, .mall-brand-view-tabs, .mall-space-area-tabs
){
  background: color-mix(in srgb, var(--accent-soft) 66%, transparent) !important;
  border-color: var(--theme-surface-line) !important;
}
/* Delivery tabs use the shared segmented rail from segmented-navigation.css. */
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(
  table thead th, .governance-row.head, .delivery-table-row.head,
  .role-sidebar-title,
  .role-sidebar-tools, .brand-store-table th, .brand-trend-table th
){
  background: var(--thead-bg) !important;
}

/* Final surface normalization. A few legacy screens still declare their own
   opaque paper surfaces after the shared material rules. Keep the visual
   language stable without touching control interiors or map tiles. */
html[data-theme="f"][data-color-theme="blue"] :is(
  .settings-page > section,
  .settings-table,
  
  
  .settings-user-list-surface,
  .governance-page > section,
  .operation-log-page > section,
  .data-source-page > section,
  .data-lineage-page > section,
  .feedback-page > section,
  .quality-page > section,
  .coverage-page > section,
  .trust-page > section,
  .modal,
  .drawer-panel,
  .popover-panel
){
  background: var(--theme-surface) !important;
  border-color: var(--theme-surface-line) !important;
  border-radius: 16px !important;
  corner-shape: round;
  box-shadow: 0 10px 26px rgba(42,86,137,.07), inset 0 1px 0 rgba(230,242,255,.42) !important;
}
html[data-theme="f"][data-color-theme="blue"] :is(
  .settings-page > section > header,
  .settings-page .settings-head,
  .settings-user-toolbar,
  .governance-section-head,
  .operation-log-toolbar,
  .data-source-toolbar,
  .feedback-toolbar,
  .coverage-toolbar
){
  background: rgba(213,232,251,.34) !important;
  border-color: var(--theme-surface-line) !important;
}
html[data-theme="f"][data-color-theme="blue"] :is(
  .settings-table table,
  .governance-table,
  .operation-log-list,
  .delivery-table,
  .brand-store-table,
  .brand-trend-table
){
  background: transparent !important;
}
html[data-theme="f"][data-color-theme="blue"] :is(
  .settings-table th,
  .governance-table th,
  .operation-log-list > header,
  .delivery-table-row.head,
  .mall-record-table th,
  .brand-store-table th,
  .brand-trend-table th
){
  background: var(--theme-surface-strong) !important;
  color: #526a85 !important;
}
html[data-theme="f"][data-color-theme="blue"] :is(
  .empty-state,
  .settings-empty,
  .department-empty,
  .anomaly-progress-empty,
  .table-empty
){
  background: rgba(215,233,252,.24) !important;
  border-color: var(--theme-surface-line) !important;
  border-radius: 16px !important;
}
html[data-theme="f"][data-color-theme="blue"] :is(
  select,
  input:not([type="checkbox"]):not([type="radio"]),
  textarea
){
  border-radius: 12px;
  border-color: rgba(105,145,188,.28);
  background-color: rgba(232,242,252,.72);
}
html[data-theme="f"][data-color-theme="blue"] :is(
  .modal-mask,
  .drawer-mask,
  .popover-mask
){
  background: rgba(24,48,78,.26) !important;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel :is(
  .role-list .role-list-item:not(.active), .department-role-manager,
  .quick-role-permissions, .governance-config-log > article,
  .evidence-card, .mall-space-config
){
  background: var(--theme-surface-muted) !important;
  border-color: color-mix(in srgb, var(--theme-surface-line) 86%, transparent) !important;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .role-list .role-list-item:hover{
  background: #dceafb !important;
}
html[data-theme="f"][data-color-theme="blue"] .content > .panel .role-list .role-list-item.active{
  background: #cee3fc !important;
  border-color: rgba(33,116,211,.4) !important;
  color: #1765b5;
}
html[data-theme="f"][data-color-theme="blue"] :is(.profile-info,.profile-password){
  background: var(--theme-surface);
  border-color: var(--theme-surface-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.profile-dialog,.settings-user-dialog,.modal){
  background: rgba(232,242,254,.96);
  border-color: var(--theme-surface-line);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.data-version-tabs,.dashboard-view-switch) button.active{
  background: #cee3fc;
  color: #1765b5;
}
/* The record dialog is intentionally opaque for map compositing; it still
   uses the same blue surface instead of a neutral white sheet. */
html[data-theme="f"][data-color-theme="blue"] body .anomaly-file-record-mask .anomaly-file-record-dialog, html[data-theme="f"][data-color-theme="blue"] body .duplicate-review-mask .duplicate-review-dialog{
  background: var(--theme-surface-strong) !important;
  border-color: var(--theme-surface-line) !important;
}
html[data-theme="f"][data-color-theme="blue"] body .anomaly-file-record-mask .anomaly-file-record-dialog .anomaly-file-record-body, html[data-theme="f"][data-color-theme="blue"] body .anomaly-file-record-mask .anomaly-file-record-body > section{
  background: var(--theme-surface-strong) !important;
}
html[data-theme="f"][data-color-theme="blue"] .duplicate-comparison-table tr > :first-child{
  background: var(--theme-surface-strong);
}
@media (prefers-reduced-transparency:reduce) {
  html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"]{
    --theme-surface: var(--theme-surface-strong);
    --theme-surface-muted: #e4eefb;
  }
}
/* Final permissions tab rail override: keep document tabs transparent and prevent generic glass geometry from restoring a white active tile. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-tabs{
  box-sizing:border-box;
  display:flex;
  gap:28px;
  width:100%;
  min-width:0;
  overflow-x:auto;
  padding:0 20px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--text-3) 18%,transparent);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  scrollbar-width:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-tabs::-webkit-scrollbar{ display:none; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-tabs button, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-tabs button.active{
  position:relative;
  flex:0 0 auto;
  padding:14px 2px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-tabs button.active{ color:var(--accent); font-weight:650; }

/* Document-style tab rails must not inherit the generic white segmented-control
   surface.  Keep the page canvas continuous so no white strip appears above
   the content when the tabs sit directly inside a glass panel. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-page,.governance-config-page){
  background:transparent !important;
}

/* Settings pages sit directly on the content canvas.  The generic panel glass
   surface otherwise leaves a bright inset strip above the document tabs. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content > .panel:has(.settings-page), html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content > .panel:has(.governance-config-page){
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-page,.governance-config-page)::before, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-page,.governance-config-page)::after{
  display:none !important;
  content:none !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-tabs,.governance-config-tabs){
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid color-mix(in srgb,var(--text-3) 18%,transparent) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  isolation:isolate;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-tabs,.governance-config-tabs) button, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.settings-tabs,.governance-config-tabs) button.active{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content > .panel:has(.settings-page){
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs{
  position:relative;
  top:0;
  align-self:flex-start;
  flex:0 0 auto;
  align-items:center;
  gap:4px;
  width:max-content;
  max-width:calc(100% - 40px);
  margin:4px 20px 16px;
  padding:5px;
  border:1px solid rgba(101,149,203,.24) !important;
  border-radius:16px !important;
  corner-shape:round;
  background:linear-gradient(135deg,rgba(211,232,254,.68),rgba(228,239,253,.44)) !important;
  box-shadow:0 4px 12px rgba(43,83,133,.06),inset 0 1px 0 rgba(227,242,255,.6) !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs > button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 16px;
  border:1px solid transparent !important;
  border-radius:12px !important;
  corner-shape:round;
  color:var(--text-2);
  font-size:12px;
  font-weight:550;
  line-height:20px;
  white-space:nowrap;
  transition:background-color .15s ease,color .15s ease;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs > button:hover{
  color:var(--accent);
  background:rgba(191,220,252,.4) !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs > button.active{
  color:var(--accent-strong);
  font-weight:650;
  border-color:rgba(94,153,221,.3) !important;
  border-radius:16px !important;
  corner-shape:round !important;
  background:linear-gradient(160deg,rgba(219,238,255,.96),rgba(183,217,253,.78)) !important;
  box-shadow:0 2px 5px rgba(37,89,151,.12),inset 0 1px 0 rgba(223,241,255,.8) !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs > button::after{
  content:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs > button:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:1px;
}
.settings-tabs > button > svg{
  width:16px;
  height:16px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.navigation-visibility-mask{ position:fixed; z-index:190; inset:0; display:flex; justify-content:flex-end; background:rgba(20,39,68,.34); }
.navigation-visibility-drawer{ box-sizing:border-box; display:flex; flex-direction:column; width:min(510px,100vw); height:100%; border-left:1px solid var(--border); background:color-mix(in srgb,var(--panel) 92%,transparent); box-shadow:-18px 0 60px rgba(27,58,105,.2); backdrop-filter:blur(28px) saturate(130%); -webkit-backdrop-filter:blur(28px) saturate(130%); color:var(--text); }
.navigation-visibility-drawer > header{ display:flex; justify-content:space-between; gap:16px; padding:24px 24px 18px; border-bottom:1px solid var(--row-line); }
.navigation-visibility-drawer h2{ margin:0; font-size:18px; }
.navigation-visibility-drawer header p{ margin:6px 0 0; color:var(--text-3); font-size:12px; }
.navigation-visibility-drawer [data-visibility-close]{ flex:none; width:32px; height:32px; padding:0; font-size:18px; }
.visibility-body{ flex:1; overflow:auto; padding:16px 22px; }
.visibility-note{ margin:0 0 14px; color:var(--text-3); font-size:11px; line-height:1.6; }
.visibility-group{ padding:4px 0; border-bottom:1px solid var(--row-line); }
.visibility-option{ display:flex; align-items:center; gap:11px; min-height:42px; padding:0 4px; cursor:pointer; }
.visibility-option > span:first-child{ flex:1; min-width:0; font-size:12px; font-weight:600; }
.visibility-children{ padding-left:20px; border-left:1px solid var(--row-line); margin-left:8px; }
.visibility-children .visibility-option > span:first-child{ font-weight:450; }
.visibility-grandchildren{ padding-left:16px; border-left:1px solid var(--row-line); margin-left:8px; }
.visibility-status{ color:var(--text-3); font-size:10px; white-space:nowrap; }
.visibility-option input{ position:absolute; opacity:0; width:1px; height:1px; }
.visibility-option i{ box-sizing:border-box; position:relative; flex:none; width:34px; height:20px; border:1px solid var(--border); border-radius:12px; background:var(--hover); transition:background .16s ease; }
.visibility-option i::after{ content:""; position:absolute; left:2px; top:2px; width:14px; height:14px; border-radius:50%; background:var(--panel); box-shadow:0 1px 3px rgba(27,58,105,.2); transition:transform .16s ease; }
.visibility-option input:checked + i{ border-color:var(--accent); background:var(--accent); }
.visibility-option input:checked + i::after{ transform:translateX(14px); }
.visibility-option input:focus-visible + i{ outline:2px solid var(--accent); outline-offset:2px; }
.visibility-option.is-disabled{ opacity:.48; cursor:default; }
.navigation-visibility-drawer > footer{ border-top:1px solid var(--row-line); padding:12px 22px 18px; }
.visibility-error{ min-height:16px; margin:0 0 8px; color:var(--accent); font-size:11px; }
.navigation-visibility-drawer > footer > div{ display:flex; align-items:center; gap:8px; }
.navigation-visibility-drawer > footer > div > span{ flex:1; }
@media(max-width:640px) { .navigation-visibility-drawer{ width:100vw; } .visibility-body{ padding-inline:16px; } }
@media(prefers-reduced-motion:reduce) { .visibility-option i, .visibility-option i::after{ transition:none; } }
@media(max-width:720px) {
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs{
    max-width:calc(100% - 24px);
    margin-inline:12px;
  }
  html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .settings-page > .settings-tabs > button{
    gap:5px;
    padding-inline:8px;
  }
}

html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .content > .panel:not(:has(.dashboard)),
  .content > .panel > .panel,
  .settings-table, .data-source-panel,
  .data-lineage-panel, .data-table-wrap, .brand-store-table, .governance-table,
  .risk-list-panel, .quality-panel, .trust-panel, .coverage-analysis-panel,
  .coverage-fields-panel, .feedback-assign-card, .feedback-detail-card,
  .data-source-card, .data-lineage-card, .category-card,
  .department-card, .evidence-card, .quality-rule-card, .trust-domain-card,
  .role-sidebar, .role-editor, .role-list, .anomaly-progress-list,
  .anomaly-progress-summary article, .anomaly-file-batch-card,
  .duplicate-candidate-panel, .duplicate-map-panel, 
  .governance-progress-list, .governance-progress-detail, .delivery-kpis,
  .delivery-records, .delivery-builder, .data-versions-hero, .update-plan-hero,
  .feedback-hero, .risk-hero, .trust-hero,
  .settings-page > section, .governance-page > section,
  .operation-log-page > section, .data-source-page > section,
  .data-lineage-page > section, .feedback-page > section,
  .quality-page > section, .coverage-page > section, .trust-page > section
){
  background:var(--glass-surface) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:var(--glass-shadow) !important;
  backdrop-filter:blur(16px) saturate(122%);
  -webkit-backdrop-filter:blur(16px) saturate(122%);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .panel > header, .settings-head,
  .delivery-section-head, .governance-progress-section-head,
  .data-source-card-head, .data-lineage-card-head,
  .settings-user-list-surface > .settings-user-toolbar,
  .data-pagination, table thead th, .governance-row.head,
  .brand-store-table th, .settings-table th
){
  background:var(--thead-bg) !important;
  background-image:none !important;
  border-color:var(--row-line) !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .search-box input, .settings-user-toolbar input,
  .governance-toolbar input, .spatial-search-label input,
  .coordinate-result input, .coordinate-result textarea,
  .governance-edit input, .governance-edit textarea
){
  background:var(--input-bg) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30) !important;
}
/* The map remains a map; only its surrounding inspector uses the glass layer. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .spatial-map-wrap, #spatialMapCanvas, .geo-map-canvas, .amap-container
){
  background-image:initial !important;
  box-shadow:none !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Final dashboard override: keep legacy white-card rules from leaking back in. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .roles-section .role-editor-head .role-name-input, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .roles-section .role-editor-head .role-description-input{
  box-sizing:border-box;
  min-height:0 !important;
  height:auto !important;
  margin:0;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .roles-section .role-editor-head .role-name-input:focus-visible, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .roles-section .role-editor-head .role-description-input:focus-visible{
  outline:2px solid rgba(0,122,255,.48);
  outline-offset:3px;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-list-group{
  margin:0;
  padding:0;
  border:0;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-list-group > summary{
  display:flex;
  min-height:44px;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border-radius:12px;
  color:var(--text-2);
  cursor:pointer;
  list-style:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-list-group > summary::-webkit-details-marker{ display:none; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-list-group > summary:hover{ background:rgba(205,225,248,.34); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-chevron{
  flex:0 0 16px;
  color:#71849a;
  font-size:18px;
  line-height:1;
  transition:transform .16s ease;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-list-group[open] .role-group-chevron{ transform:rotate(90deg); }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-heading{ display:grid; flex:1; min-width:0; gap:3px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-heading b{ overflow:hidden; font-size:11px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-heading small{ overflow:hidden; color:var(--text-3); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-list-group > summary em{ min-width:20px; padding:3px 6px; border-radius:999px; background:rgba(74,145,220,.12); color:#2879c7; font-size:9px; font-style:normal; text-align:center; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-body{ display:grid; gap:6px; padding:2px 3px 8px 24px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-search{
  width:100%;
  min-height:30px !important;
  height:30px !important;
  padding:0 10px !important;
  border:1px solid rgba(119,153,192,.26) !important;
  border-radius:8px !important;
  background:rgba(245,250,255,.5) !important;
  box-shadow:none !important;
  font-size:10px !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-items{ display:grid; gap:3px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-empty{ margin:3px 6px 7px; color:var(--text-3); font-size:10px; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .role-group-empty[hidden]{ display:none !important; }
/* Department cards use the same translucent blue surface as the rest of the workspace. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-card{
  background:linear-gradient(145deg,rgba(236,246,255,.66),rgba(214,231,249,.46)) !important;
  border-color:rgba(111,157,207,.34) !important;
  box-shadow:0 14px 30px rgba(47,86,132,.11),inset 0 1px 0 rgba(255,255,255,.6) !important;
  backdrop-filter:blur(22px) saturate(126%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(126%) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-card :is(.department-metrics,.department-card footer){
  border-color:rgba(111,157,207,.22) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-card .department-role-chip{
  background:rgba(205,229,253,.5) !important;
  border-color:rgba(89,151,219,.24) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-card .department-role-chip:hover, html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-card .department-role-chip:focus-visible{
  background:rgba(190,220,251,.72) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-role-tooltip{
  background:rgba(232,243,255,.88) !important;
  border-color:rgba(111,157,207,.32) !important;
  box-shadow:0 18px 38px rgba(34,72,116,.18) !important;
  backdrop-filter:blur(22px) saturate(128%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(128%) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .department-empty{
  background:rgba(226,240,254,.36) !important;
  border-color:rgba(111,157,207,.32) !important;
}
/* User management: one focused list surface with its filters and pagination attached. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-page > section:has(#addSystemUser){
  min-width:0;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-page > section:has(#addSystemUser) > .settings-head{
  min-height:64px;
  padding:2px 0 8px;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface{
  overflow:hidden;
  border:1px solid var(--glass-line);
  border-radius:16px;
  background:var(--glass-surface);
  background-image:none;
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(20px) saturate(124%);
  -webkit-backdrop-filter:blur(20px) saturate(124%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface > .settings-user-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0;
  padding:12px 14px;
  border-bottom:1px solid rgba(112,151,195,.22);
  background:rgba(222,237,254,.28);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-user-toolbar input{
  flex:1 1 250px;
  width:auto;
  min-width:180px;
  background:rgba(248,251,255,.58);
  border-color:rgba(112,151,195,.3);
  border-radius:12px;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-user-toolbar select{
  min-width:138px;
  background:rgba(248,251,255,.58);
  border-color:rgba(112,151,195,.3);
  border-radius:12px;
}

html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-user-toolbar > span{
  margin-left:auto;
  padding-inline:6px;
  white-space:nowrap;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface > .settings-table{
  overflow-x:auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface > .settings-table table{
  min-width:920px;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-table th{
  padding:12px 14px;
  background:var(--thead-bg);
  color:#586c83;
  font-size:10px;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-table td{
  padding:13px 14px;
  border-color:rgba(112,151,195,.2);
  background:rgba(249,252,255,.13);
  font-size:12px;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-table tbody tr:hover td{
  background:rgba(207,228,251,.34);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface > .data-pagination{
  min-height:52px;
  border-top:1px solid rgba(112,151,195,.2);
  background:rgba(223,237,253,.28);
}
@media(max-width:720px) {
  html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-page > section:has(#addSystemUser){ padding-inline:12px; }
  html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-user-toolbar input{ flex-basis:100%; }
  html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .settings-user-list-surface .settings-user-toolbar select{ flex:1 1 130px; }
}

/* Shared material tokens: the standard appearance uses an opaque blue surface;
   macOS 27 replaces these with luminous glass tokens immediately below. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]){
  --glass-surface: #e8f1fc;
  --glass-surface-raised: #edf4fc;
  --glass-surface-soft: #e2edf9;
  --glass-line: rgba(105, 145, 188, .28);
  --glass-shadow: 0 6px 18px rgba(42, 86, 137, .07), inset 0 1px 0 rgba(220, 237, 252, .8);
  --panel: #e8f1fc;
  --bg: #e4eefb;
  --hover: #dceafb;
  --input-bg: #edf5fd;
  --thead-bg: #deebfa;
  --border: rgba(105, 145, 188, .28);
  --row-line: rgba(105, 145, 188, .18);
}
/* macOS 27 keeps its cool luminous glass identity while the standard
   appearance stays neutral. Keep the blue tint in the material, not as a
   solid page-sized panel. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"]{
  --glass-surface: rgba(221, 237, 253, .58);
  --glass-surface-raised: rgba(235, 246, 255, .76);
  --glass-surface-soft: rgba(213, 232, 250, .42);
  --glass-line: rgba(92, 145, 201, .25);
  --glass-shadow: 0 5px 18px rgba(48, 92, 142, .085), inset 0 1px 0 rgba(255, 255, 255, .58);
  --panel: rgba(221, 237, 253, .58);
  --bg: #eaf2fb;
  --hover: rgba(201, 226, 250, .46);
  --input-bg: rgba(235, 245, 255, .62);
  --thead-bg: rgba(213, 231, 249, .62);
  --border: rgba(92, 145, 201, .25);
  --row-line: rgba(92, 145, 201, .17);
}
/* The content gutters and heading band are part of the same workspace
   surface. Painting them explicitly removes the white vertical seam and the
   pale empty strip above the dashboard cards. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .main{
  background: transparent;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .content{
  background: transparent;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.navigation-row, .toolbar){
  background: transparent !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .panel:not(:has(.dashboard)), .overview-panel:not(:has(.dashboard)), .dashboard-panel:not(:has(.dashboard)),
  .category-card, .data-source-card, .data-lineage-card,
  .data-version-domain-card, .department-card, .evidence-card,
  .feedback-assign-card, .feedback-detail-card,
  .governance-choice-card, .quality-rule-card, .trust-domain-card,
  .data-source-panel,
  .data-lineage-panel, .coverage-analysis-panel, .coverage-fields-panel,
  .coordinate-result-panel, .evidence-panel, .trust-panel, .quality-panel,
  .risk-list-panel, .mall-brand-store-panel, .settings-table,
  .data-table-wrap, .role-sidebar, .role-editor, .anomaly-progress-list,
  .anomaly-progress-summary article, .anomaly-progress-hero,
  .anomaly-file-batch-card, .duplicate-candidate-panel, .duplicate-map-panel,
  .governance-progress-list, .governance-progress-hero,
  .governance-config-hero, .feedback-hero, .risk-hero, .trust-hero,
  .delivery-hero, .delivery-create-hero, .delivery-kpis,
  .delivery-records, .delivery-builder, .data-versions-hero, .update-plan-hero,
  .settings-user-list-surface, .settings-page > section,
  .governance-page > section, .operation-log-page > section,
  .data-source-page > section, .data-lineage-page > section,
  .feedback-page > section, .quality-page > section,
  .coverage-page > section, .trust-page > section,
  .governance-progress-period, .governance-progress-trend,
  .governance-progress-batches, .governance-progress-people,
  .governance-progress-detail
){
  box-sizing: border-box;
  border-radius: 12px !important;
  corner-shape: round;
  border-color: var(--glass-line) !important;
  background: var(--glass-surface) !important;
  background-image: none !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: blur(16px) saturate(122%);
  -webkit-backdrop-filter: blur(16px) saturate(122%);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .settings-user-list-surface > .settings-user-toolbar,
  .settings-user-list-surface .settings-table td,
  .anomaly-file-reference dl div,
  .delivery-section-head, .governance-progress-section-head
){
  background: var(--glass-surface-soft) !important;
  background-image: none !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .modal, .profile-dialog, .settings-user-dialog, .governance-dialog,
  .navigation-sort-dialog, .coordinate-governance-dialog,
  .department-roles-dialog, .quick-role-dialog, .delivery-review-dialog,
  .navigation-visibility-drawer, .drawer-panel, .evidence-drawer,
  .feedback-drawer
){
  border-radius: 16px !important;
  background: var(--glass-surface-raised) !important;
  background-image: none !important;
  border-color: var(--glass-line) !important;
}
/* Small controls should read as controls, not oversized pills. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
   .dashboard-search, .search-box input,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select, textarea
){ border-radius: 8px !important; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search{
  box-shadow: none !important;
}

/* Remove legacy inner surfaces that create rectangular "shadow frames".
   The dashboard card and search control should each have one visible surface;
   their child rows must stay transparent so the glass layer reads as a whole. */

/* Surface colors now have one owner above; do not reintroduce page-wide
   background gradients here with !important. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .content > .panel:not(:has(.dashboard)),.settings-table,.data-source-panel,
  .data-lineage-panel,.data-table-wrap,.brand-store-table,.governance-table,.risk-list-panel,
  .quality-panel,.trust-panel,.coverage-analysis-panel,.coverage-fields-panel,
  .feedback-assign-card,.feedback-detail-card,.data-source-card,
  .data-lineage-card,.category-card,.department-card,.evidence-card,.quality-rule-card,
  .trust-domain-card,.role-sidebar,.role-editor,.role-list,.anomaly-progress-list,
  .anomaly-progress-summary article,.anomaly-file-batch-card,.duplicate-candidate-panel,
  .duplicate-map-panel,.governance-progress-list,
  .governance-progress-detail,.delivery-kpis,.delivery-records,.delivery-builder,
  .data-versions-hero,.update-plan-hero,.feedback-hero,.risk-hero,
  .trust-hero,.settings-page > section,.governance-page > section,
  .operation-log-page > section,.data-source-page > section,.data-lineage-page > section,
  .feedback-page > section,.quality-page > section,.coverage-page > section,.trust-page > section
){
  background:var(--glass-surface) !important; background-image:none !important;
  border-color:var(--glass-line) !important; box-shadow:var(--glass-shadow) !important;
  backdrop-filter:blur(16px) saturate(122%); -webkit-backdrop-filter:blur(16px) saturate(122%);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .panel > header,.settings-head,.delivery-section-head,
  .governance-progress-section-head,.data-pagination,table thead th,
  .governance-row.head,.brand-store-table th,.settings-table th
){ background:var(--thead-bg) !important; background-image:none !important; border-color:var(--row-line) !important; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .search-box input,.settings-user-toolbar input,
  .governance-toolbar input,.spatial-search-label input,
  .coordinate-result input,.coordinate-result textarea,
  .governance-edit input,.governance-edit textarea
){ background:var(--input-bg) !important; background-image:none !important; border-color:var(--glass-line) !important; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search{
  background:var(--glass-surface-soft) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:none !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search input, html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-search input:is(:focus,:focus-visible){
  -webkit-appearance:none;
  appearance:none;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .spatial-map-wrap,#spatialMapCanvas,.geo-map-canvas,.amap-container
){ box-shadow:none !important; backdrop-filter:none; -webkit-backdrop-filter:none; }

/* Dashboard overview and analysis share one surface hierarchy. The order
   control belongs only to the overview; analysis pages keep their header
   quiet and reserve actions for the page that owns them. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .coverage-summary-grid{
  background:var(--glass-surface) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:var(--glass-shadow) !important;
  backdrop-filter:blur(16px) saturate(122%);
  -webkit-backdrop-filter:blur(16px) saturate(122%);
}

/* Standard is intentionally opaque. This single terminal rule removes the
   legacy blur/white sheen from shared page surfaces without touching maps or
   the separate macOS 27 material. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .content > .panel:not(:has(.dashboard)), .panel:not(:has(.dashboard)),
  .category-card, .data-source-card, .data-lineage-card, .data-version-domain-card,
  .department-card, .evidence-card, .feedback-assign-card, .feedback-detail-card,
  .governance-choice-card, .quality-rule-card, .trust-domain-card,
  .data-source-panel, .data-lineage-panel,
  .coverage-analysis-panel, .coverage-fields-panel, .coordinate-result-panel,
  .evidence-panel, .trust-panel, .quality-panel, .risk-list-panel,
  .mall-brand-store-panel, .settings-table, .data-table-wrap, .role-sidebar,
  .role-editor, .anomaly-progress-list, .anomaly-progress-summary article,
  .anomaly-progress-hero, .anomaly-file-batch-card, .duplicate-candidate-panel,
  .duplicate-map-panel, .governance-progress-list,
  .governance-progress-hero, .governance-progress-period, .governance-progress-trend,
  .governance-progress-batches, .governance-progress-people, .governance-progress-detail,
  .delivery-kpis, .delivery-records, .delivery-builder,
  .settings-page > section, .governance-page > section, .operation-log-page > section,
  .data-source-page > section, .data-lineage-page > section, .feedback-page > section,
  .quality-page > section, .coverage-page > section, .trust-page > section
){
  background: var(--glass-surface) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Standard owns the white glass material. macOS 27 has its own blue glass
   variables in the terminal dashboard sheet, so the two appearances stay
   visually distinct while sharing geometry. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"]{
  --glass-surface:rgba(255,255,255,.72);
  --glass-surface-raised:rgba(255,255,255,.88);
  --glass-surface-soft:rgba(255,255,255,.54);
  --glass-line:rgba(116,132,153,.22);
  --glass-shadow:0 5px 18px rgba(31,49,75,.07),inset 0 1px 0 rgba(255,255,255,.76);
  --panel:rgba(255,255,255,.72);
  --bg:#eef2f8;
  --input-bg:rgba(255,255,255,.64);
  --thead-bg:rgba(246,249,253,.78);
  --border:rgba(116,132,153,.22);
  --row-line:rgba(116,132,153,.15);
  --data-surface:rgba(255,255,255,.78);
  --data-heading:rgba(248,250,253,.94);
  --data-row:rgba(255,255,255,.72);
  --data-hover:rgba(242,246,251,.96);
  --data-line:rgba(116,132,153,.15);
  --control-surface:rgba(255,255,255,.86);
  --theme-surface:rgba(255,255,255,.78);
  --theme-surface-strong:rgba(248,250,253,.94);
  --theme-surface-muted:rgba(255,255,255,.64);
  --theme-surface-line:rgba(116,132,153,.18);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] body{ background:#202936 !important; }
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-domain-fence{
  border:1px solid var(--glass-line) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.46) !important;
  background-image:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .dashboard-card:nth-child(n){
  border:1px solid var(--glass-line) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.68) !important;
  background-image:none !important;
  box-shadow:var(--glass-shadow) !important;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .app{
  border-radius:16px !important;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(.content > .panel,.overview-panel,.dashboard-panel){
  border-radius:16px !important;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .dashboard-card,.category-card,.data-source-card,.data-lineage-card,.data-version-domain-card,
  .department-card,.evidence-card,.data-source-panel,
  .data-lineage-panel,.data-table-wrap,.settings-table,.role-sidebar,.role-editor
){ border-radius:12px !important; corner-shape:round; }
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .dashboard-search,.search-box input,select,textarea,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"])
){ border-radius:8px !important; corner-shape:round; }

/* Classic appearance is a neutral white glass workspace. Keep this terminal
   block scoped to standard so the blue macOS 27 material remains untouched. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .content > .panel:not(:has(.dashboard)), .data-manager, .data-table-wrap,
  .settings-table, .data-source-panel, .data-lineage-panel, .governance-table,
  .operation-log-list, .delivery-table,  .brand-store-table,
  .brand-trend-table, .anomaly-progress-list, .anomaly-progress-summary article,
  .anomaly-progress-hero, .anomaly-file-batch-card, .duplicate-candidate-panel,
  .duplicate-map-panel, .governance-progress-list,
  .governance-progress-hero, .governance-progress-period, .governance-progress-trend,
  .governance-progress-batches, .governance-progress-people, .governance-progress-detail,
  .feedback-table, .feedback-assign-card, .feedback-detail-card, .data-versions-kpis,
  .data-version-domains, .data-version-events, .role-sidebar, .role-editor,
  .category-card, .data-source-card, .data-lineage-card, .data-version-domain-card,
  .department-card, .evidence-card, .governance-choice-card, .quality-rule-card,
  .trust-domain-card, .coverage-analysis-panel,
  .coverage-fields-panel, .coordinate-result-panel, .evidence-panel, .trust-panel,
  .quality-panel, .risk-list-panel, .mall-brand-store-panel, .delivery-kpis,
  .delivery-records, .delivery-builder, .settings-page > section,
  .governance-page > section, .operation-log-page > section,
  .data-source-page > section, .data-lineage-page > section, .feedback-page > section,
  .quality-page > section, .coverage-page > section, .trust-page > section
){
  background:rgba(255,255,255,.78) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:var(--glass-shadow) !important;
  backdrop-filter:blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(118%) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .feedback-hero, .delivery-hero, .risk-hero, .trust-hero,
  .update-plan-hero, .data-versions-hero, 
  .brand-store-kpis > div
){
  background:rgba(255,255,255,.78) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:var(--glass-shadow) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .data-manager-search, .data-manager-search input,
  .dashboard-search, .search-box input, .settings-user-toolbar input,
  .governance-toolbar input, .operation-log-toolbar input,
  .data-source-toolbar input, .feedback-toolbar input,
  .coverage-toolbar input
){
  background:rgba(255,255,255,.86) !important;
  background-image:none !important;
  border-color:var(--glass-line) !important;
  box-shadow:none !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .data-record-table thead th, .data-table-wrap table thead th,
  .settings-table thead th, .governance-row.head, .data-pagination,
  .delivery-table-row.head, .feedback-row.head, .governance-config-row.head,
  .trust-object-row.head, .coverage-field-row.head, .mall-brand-store-row.head,
  .brand-store-table th, .brand-trend-table th, .operation-log-list > header
){
  background:rgba(248,250,253,.94) !important;
  background-image:none !important;
  border-color:var(--row-line) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .data-record-table tbody tr, .data-record-table tbody td,
  .data-table-wrap table tbody tr, .data-table-wrap table tbody td,
  .settings-table tbody td, .governance-row:not(.head),
  .delivery-table-row:not(.head), .feedback-row:not(.head),
  .governance-config-row:not(.head), .trust-object-row:not(.head),
  .coverage-field-row:not(.head), .mall-brand-store-row:not(.head)
){
  background:rgba(255,255,255,.72) !important;
  background-image:none !important;
  border-color:var(--row-line) !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .data-record-table tbody tr:hover, .data-table-wrap table tbody tr:hover,
  .settings-table tbody tr:hover, .governance-row:not(.head):hover,
  .delivery-table-row:not(.head):hover, .feedback-row:not(.head):hover,
  .governance-config-row:not(.head):hover, .trust-object-row:not(.head):hover,
  .coverage-field-row:not(.head):hover, .mall-brand-store-row:not(.head):hover
){ background:rgba(242,246,251,.96) !important; }

/* Classic cards use the company blue for internal distribution strips.
   Domain accents remain available for icons and text, while these small
   horizontal markers stay visually consistent across the catalogue. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .dashboard-distribution, .dashboard-coverage-bar
){
  background:rgba(0,102,255,.12) !important;
  background-image:none !important;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(
  .dashboard-distribution i, .dashboard-coverage-bar i
){
  background:#0066ff !important;
  background-image:none !important;
}

/* Shared geometry owner: material changes by appearance, but Apple corner
   sizes never do. Keep this terminal block after all legacy theme sheets. */
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .app{
  border-radius:16px !important;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .content > .panel, .overview-panel, .dashboard-panel, .dashboard,
  .dashboard-domain-fence, .dashboard-drawer, .modal, .profile-dialog,
  .settings-user-dialog, .governance-dialog, .navigation-sort-dialog,
  .coordinate-governance-dialog, .department-roles-dialog, .quick-role-dialog,
  .delivery-review-dialog, .login-card, .settings-page > section,
  .governance-page > section, .operation-log-page > section,
  .data-source-page > section, .data-lineage-page > section,
  .feedback-page > section, .quality-page > section, .coverage-page > section,
  .trust-page > section
){
  border-radius:16px !important;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .dashboard-card, .category-card, .data-source-card, .data-lineage-card,
  .data-version-domain-card, .department-card, .evidence-card,
  .feedback-assign-card, .feedback-detail-card, .governance-choice-card,
  .quality-rule-card, .trust-domain-card, 
  .data-source-panel, .data-lineage-panel, .coverage-analysis-panel,
  .coverage-fields-panel, .coordinate-result-panel, .evidence-panel,
  .trust-panel, .quality-panel, .risk-list-panel, .mall-brand-store-panel,
  .settings-table, .data-table-wrap, .role-sidebar, .role-editor,
  .anomaly-progress-list, .anomaly-progress-summary article
){
  border-radius:12px !important;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) :is(
  .dashboard-search, .search-box input, .login-input-wrap,
  .notification-button,
  .dashboard-drawer-close, .tree-row, .dashboard-icon,
  .user-popover button, textarea, select,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"])
){
  border-radius:8px !important;
  corner-shape:round;
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .dashboard-drawer{
  border-radius:16px 0 0 16px !important;
}

/* The asset detail drawer must remain readable above the glass dashboard. */
html[data-theme="f"][data-color-theme="blue"] .dashboard-drawer, html[data-theme="f"][data-color-theme="blue"] .dashboard-drawer-head, html[data-theme="f"][data-color-theme="blue"] .dashboard-drawer-body, html[data-theme="f"][data-color-theme="blue"] .dashboard-drawer-foot{
  background-color:#fff !important;
  background-image:none !important;
  opacity:1 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
html[data-theme="f"][data-color-theme="blue"] .dashboard-drawer{
  border:1px solid #d8e1ed !important;
  border-right:0 !important;
  box-shadow:-16px 0 40px rgba(30,55,85,.18) !important;
  isolation:isolate;
}
html[data-theme="f"][data-color-theme="blue"] .field-preview-card, html[data-theme="f"][data-color-theme="blue"] .field-preview-card[popover]{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  border:1px solid #d8e1ed !important;
  border-radius:12px !important;
  box-shadow:0 16px 38px rgba(30,55,85,.2) !important;
  opacity:1 !important;
  isolation:isolate;
}

/* 详情抽屉与字段预览是内容层，始终使用不透明实色，避免后方目录文字穿透。 */
:is(.dashboard-drawer, .dashboard-drawer-head, .dashboard-drawer-body, .dashboard-drawer-foot, .field-preview-card, .field-preview-card[popover]){
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  opacity:1 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  isolation:isolate;
}

/* Anomaly task hall owns one continuous surface. Its title, tabs and
   toolbar are transparent parts of that surface so no legacy white strip
   can appear between the sections. */
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] .anomaly-workspace{
  background:rgba(255,255,255,.78);
  border:1px solid var(--glass-line);
  border-radius:16px;
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .anomaly-workspace{
  background:linear-gradient(145deg,rgba(231,243,255,.72),rgba(212,230,250,.5));
  border:1px solid rgba(105,145,188,.26);
  border-radius:16px;
  box-shadow:0 12px 28px rgba(55,91,132,.09),inset 0 1px 0 rgba(255,255,255,.42);
  backdrop-filter:blur(22px) saturate(128%);
  -webkit-backdrop-filter:blur(22px) saturate(128%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="standard"] :is(.anomaly-file-sticky-head,.anomaly-file-batch-card,.anomaly-file-kpis > div){
  background:rgba(255,255,255,.78);
  background-image:none;
  border-color:var(--glass-line);
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] .anomaly-file-sticky-head{
  background:linear-gradient(180deg,rgba(232,243,255,.94),rgba(218,234,251,.86));
  box-shadow:0 10px 24px rgba(65,103,148,.10),inset 0 1px 0 rgba(255,255,255,.66);
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
}
html[data-theme="f"][data-color-theme="blue"]:is([data-appearance="standard"],[data-appearance="macos27"]) .anomaly-workspace > :is(.governance-hero,.anomaly-tabs,.governance-toolbar){
  background:transparent;
  background-image:none;
  border-color:transparent;
  box-shadow:none;
}