/* Visual alignment with the Ant Design Pro reference site. Presentation only. */
:root{
  --xl-ref-primary:#102a49;
  --xl-ref-primary-hover:#23476f;
  --xl-ref-primary-active:#091c31;
  --xl-ref-primary-soft:#f3f6f9;
  --xl-ref-accent:#d49422;
  --xl-ref-accent-hover:#b97808;
  --xl-ref-accent-soft:#fff8e8;
  --xl-ref-bg:#f0f2f5;
  --xl-ref-surface:#fff;
  --xl-ref-text:rgba(0,0,0,.85);
  --xl-ref-muted:rgba(0,0,0,.45);
  --xl-ref-disabled:rgba(0,0,0,.25);
  --xl-ref-border:#d9d9d9;
  --xl-ref-divider:#f0f0f0;
  --xl-ref-success:#52c41a;
  --xl-ref-warning:#faad14;
  --xl-ref-danger:#ff4d4f;
  --blue:#102a49!important;
  --line:#d9d9d9!important;
  --muted:rgba(0,0,0,.45)!important;
  --green:#52c41a!important;
  --red:#ff4d4f!important;
  --amber:#faad14!important;
  --asset-primary:#102a49!important;
  --asset-primary-soft:#f3f6f9!important;
  --el-color-primary:#102a49!important;
  --primary:#102a49!important;
  --primary-dark:#091c31!important;
  --primary-soft:#f3f6f9!important;
  --asset-line:#d9d9d9!important;
  --asset-muted:rgba(0,0,0,.45)!important;
}
html,body{color:var(--xl-ref-text)!important;background:var(--xl-ref-bg)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Microsoft YaHei",sans-serif!important;font-size:14px!important;line-height:1.5715!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body::selection{color:#fff;background:var(--xl-ref-primary)}
a,.link,.zrtc-link{color:var(--xl-ref-primary)!important}
a:hover,.link:hover,.zrtc-link:hover{color:var(--xl-ref-primary-hover)!important}
h1,h2,h3,h4,h5,h6{color:var(--xl-ref-text)!important;font-weight:500!important}
.eyebrow{color:var(--xl-ref-accent)!important;letter-spacing:.04em!important}
.subtitle,.helper,.field-hint,.zrtc-sub,.landing-hint{color:var(--xl-ref-muted)!important}

/* Light fixed side navigation used by the reference system. */
.sidebar,.side{width:208px!important;min-width:208px!important;background:#fff!important;border-right:1px solid var(--xl-ref-divider)!important;padding:16px 0!important;box-shadow:2px 0 8px rgba(0,0,0,.04)!important}
.app-shell,.shell,.landing-shell{grid-template-columns:208px minmax(0,1fr)!important}
.sidebar .brand,.side .brand,.brand{color:var(--xl-ref-text)!important;font-size:18px!important;font-weight:600!important;padding:0 20px 16px!important}
.nav-title,.sidebar .group-title{margin:16px 20px 6px!important;color:var(--xl-ref-muted)!important;font-size:12px!important;font-weight:400!important}
.nav-item,.sidebar a:not(.brand){position:relative;margin:0!important;padding:9px 20px!important;border-radius:0!important;color:var(--xl-ref-text)!important;font-size:14px!important;font-weight:400!important;box-shadow:none!important;transition:color .3s,background .3s!important}
.nav-item:hover,.sidebar a:not(.brand):hover{color:var(--xl-ref-accent-hover)!important;background:#fafafa!important}
.nav-item.active,.sidebar a.active,.sidebar a[aria-current="page"]{color:var(--xl-ref-accent-hover)!important;background:var(--xl-ref-accent-soft)!important;box-shadow:none!important;font-weight:500!important}
.nav-item.active::after,.sidebar a.active::after,.sidebar a[aria-current="page"]::after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:var(--xl-ref-accent)}
html body .app-shell .sidebar{background:#fff!important;border-right:1px solid var(--xl-ref-divider)!important}
html body .app-shell .sidebar .brand b::after{color:var(--xl-ref-accent)!important;font-weight:600!important}
html body .app-shell .sidebar nav a.xl-ref-current{position:relative!important;color:var(--xl-ref-accent-hover)!important;background:var(--xl-ref-accent-soft)!important;border:0!important;box-shadow:none!important;font-weight:500!important}
html body .app-shell .sidebar nav a.xl-ref-current::after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:3px!important;background:var(--xl-ref-accent)!important}
html body .app-shell .topbar{background:#fff!important;border-bottom:1px solid var(--xl-ref-divider)!important}
html body .app-shell .global-context{background:#fff!important;border-color:var(--xl-ref-border)!important;box-shadow:none!important}
html body .app-shell .global-context label:focus-within{background:#fff!important;border-color:var(--xl-ref-accent)!important;box-shadow:0 0 0 2px rgba(212,148,34,.18)!important}
html body .app-shell .global-context span{color:var(--xl-ref-muted)!important}
html body .app-shell .global-context select{color:var(--xl-ref-text)!important}

/* Ant-style controls: compact, square and predictable. */
.button,.zrtc-button,.xl-team-audit-toggle-r197,button.secondary,button.primary,.btn,[class*="btn-"]{min-height:32px!important;border-radius:2px!important;padding:4px 15px!important;font-size:14px!important;font-weight:400!important;line-height:1.5715!important;box-shadow:none!important;transform:none!important;transition:color .3s,background .3s,border-color .3s!important}
.button:not(.primary):not(.success):not(.danger),.zrtc-button:not(.primary):not(.danger),button.secondary,.btn:not(.btn-primary):not(.btn-danger){color:var(--xl-ref-text)!important;background:#fff!important;border-color:var(--xl-ref-border)!important}
.button:not(.primary):not(.success):not(.danger):hover,.zrtc-button:not(.primary):not(.danger):hover,button.secondary:hover{color:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important;background:#fff!important}
.button.primary,.zrtc-button.primary,button.primary,.btn-primary{color:#fff!important;background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important}
.button.primary:hover,.zrtc-button.primary:hover,button.primary:hover,.btn-primary:hover{background:var(--xl-ref-primary-hover)!important;border-color:var(--xl-ref-primary-hover)!important}
.button.primary:active,.zrtc-button.primary:active,button.primary:active,.btn-primary:active{background:var(--xl-ref-primary-active)!important;border-color:var(--xl-ref-primary-active)!important}
.button.success{color:#fff!important;background:var(--xl-ref-success)!important;border-color:var(--xl-ref-success)!important}
.button.danger,.zrtc-button.danger,.danger-toggle,.btn-danger{color:var(--xl-ref-danger)!important;border-color:var(--xl-ref-danger)!important;background:#fff!important}
button:disabled,.button:disabled,.zrtc-button:disabled{color:var(--xl-ref-disabled)!important;background:#f5f5f5!important;border-color:var(--xl-ref-border)!important;opacity:1!important}
.el-button{min-height:32px!important;border-radius:2px!important;padding:4px 15px!important;font-size:14px!important;font-weight:400!important;box-shadow:none!important}
.el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success){color:var(--xl-ref-text)!important;background:#fff!important;border-color:var(--xl-ref-border)!important}
.el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):hover{color:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important;background:#fff!important}
.el-button.el-button--primary{color:#fff!important;background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important;box-shadow:none!important}
.el-button.el-button--primary:hover{background:var(--xl-ref-primary-hover)!important;border-color:var(--xl-ref-primary-hover)!important}
.el-input__wrapper,.el-select__wrapper{min-height:32px!important;border-radius:2px!important;background:#fff!important;box-shadow:0 0 0 1px var(--xl-ref-border) inset!important}
.el-input__wrapper:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--xl-ref-primary-hover) inset!important}
.el-input__wrapper.is-focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--xl-ref-accent) inset,0 0 0 3px rgba(212,148,34,.12)!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.control,.zrtc-search,.zrtc-field input,.zrtc-field select{border:1px solid var(--xl-ref-border)!important;border-radius:2px!important;background:#fff!important;color:var(--xl-ref-text)!important;box-shadow:none!important;min-height:32px!important}
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover,.control:hover{border-color:var(--xl-ref-primary-hover)!important}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus,.control:focus{border-color:var(--xl-ref-accent)!important;outline:0!important;box-shadow:0 0 0 2px rgba(212,148,34,.18)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--xl-ref-primary)}
button,input,select,textarea,[role="button"],[role="tab"],[role="combobox"]{scroll-margin-top:96px}

/* Surfaces and page rhythm. */
.workspace,.landing-main{padding:24px!important}
.panel,.task-rail,.landing-card,.zrtc-surface,.card,[class$="-card"],[class*=" card"]{border:1px solid var(--xl-ref-divider)!important;border-radius:2px!important;background:#fff!important;box-shadow:none!important}
.steps{border:0!important;border-radius:2px!important;padding:0!important;gap:0!important;background:#fff!important}
.step{height:44px!important;border-radius:0!important;border-bottom:2px solid transparent!important}
.step.current{color:var(--xl-ref-primary)!important;background:#fff!important;border-bottom-color:var(--xl-ref-primary)!important}
.step-number,.section-index{border-radius:2px!important;background:var(--xl-ref-accent-soft)!important;color:var(--xl-ref-accent-hover)!important;border-color:#ead3a7!important}
.step.current .step-number{color:#fff!important;background:var(--xl-ref-primary)!important}
.dialog,.drawer,.zrtc-drawer{border-radius:2px!important;background:#fff!important;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)!important}
.dialog-backdrop,.shade,.zrtc-shade{background:rgba(0,0,0,.45)!important}
.dialog-head,.drawer>header,.zrtc-drawer>header{border-bottom:1px solid var(--xl-ref-divider)!important}

/* Automation workbench: keep the reference density without its legacy blue wash. */
html body:has(.shell>.hero){background:var(--xl-ref-bg)!important;background-image:none!important}
.shell>.hero{background:#fff!important;background-image:none!important;border-color:var(--xl-ref-divider)!important;border-radius:2px!important;box-shadow:none!important}
.shell>.hero::after{display:none!important}
.steps li.current{color:var(--xl-ref-accent-hover)!important;background:var(--xl-ref-accent-soft)!important;background-image:none!important;box-shadow:inset 0 0 0 1px #ead3a7!important}
.steps li.current span{color:#fff!important;background:var(--xl-ref-accent)!important;border-color:var(--xl-ref-accent)!important;box-shadow:none!important}
.hint{color:var(--xl-ref-muted)!important;background:#fafafa!important;border-color:var(--xl-ref-divider)!important;border-left-color:var(--xl-ref-accent)!important}
.media-bulk-toolbar,.lane-presets,.selection-summary,.pricing-batch-bar,.task-center-summary,.task-current{background:#fafafa!important;background-image:none!important;border-color:var(--xl-ref-divider)!important;color:var(--xl-ref-text)!important}
.bulk-media,.media-resolve{color:#fff!important;background:var(--xl-ref-primary)!important;background-image:none!important;border-color:var(--xl-ref-primary)!important;box-shadow:none!important}
.bulk-upload,.media-upload{color:var(--xl-ref-primary)!important;background:#fff!important;border-color:var(--xl-ref-border)!important}
.choice-card:has(input:checked),.country-list label:has(input:checked){color:var(--xl-ref-accent-hover)!important;background:var(--xl-ref-accent-soft)!important;border-color:#ead3a7!important;box-shadow:none!important}
.task-progress-track span,.progress span{background:var(--xl-ref-primary)!important;background-image:none!important}
button:focus-visible,a:focus-visible{outline-color:rgba(212,148,34,.32)!important}

/* Tables, tabs and tags. */
table{border-collapse:collapse!important}
thead th,.zrtc-table th,.landing-table th{color:var(--xl-ref-text)!important;background:#fafafa!important;border-bottom:1px solid var(--xl-ref-divider)!important;font-weight:500!important}
tbody td,.zrtc-table td,.landing-table td{border-bottom:1px solid var(--xl-ref-divider)!important}
tbody tr:hover>td,.zrtc-table tbody tr:hover>td,.landing-table tbody tr:hover>td{background:#fafafa!important}
.tabs,.zrtc-filters,.landing-result-tools{border-bottom-color:var(--xl-ref-divider)!important;background:#fff!important}
.tab,.zrtc-filter{border:0!important;border-radius:0!important;background:transparent!important;color:var(--xl-ref-muted)!important;box-shadow:none!important}
.tab.active,.zrtc-filter.active{color:var(--xl-ref-primary)!important;border-bottom:2px solid var(--xl-ref-primary)!important;background:#fff!important}
.summary-pill,.row-status,.landing-badge,.zrtc-pill,.task-state,[class*="badge"],[class*="tag"]{border-radius:2px!important;font-weight:400!important}
.summary-pill.ok,.row-status.good,.landing-badge.good{color:#389e0d!important;background:#f6ffed!important;border:1px solid #b7eb8f!important}
.summary-pill.warn,.row-status.wait,.landing-badge.warn{color:#d48806!important;background:#fffbe6!important;border:1px solid #ffe58f!important}
.row-status.bad,.landing-badge.bad{color:#cf1322!important;background:#fff1f0!important;border:1px solid #ffa39e!important}
.empty,.rail-empty,.landing-empty,.zrtc-empty{border-radius:2px!important;background:#fafafa!important;color:var(--xl-ref-muted)!important}

/* Asset workbench. */
.zrtc-workbench-grid{gap:16px!important}
.zrtc-tree{border-radius:2px!important}
.zrtc-user>summary{border-radius:0!important;padding:10px 12px!important}
.zrtc-user>summary:hover{background:#f5f5f5!important}
.zrtc-user[open]>summary,.zrtc-identity-row.selected{background:var(--xl-ref-primary-soft)!important;color:var(--xl-ref-primary)!important}
.zrtc-avatar{border-radius:2px!important;background:var(--xl-ref-primary-soft)!important;color:var(--xl-ref-primary)!important}
.zrtc-identity-row{border-radius:0!important}
.zrtc-hero{background:#fff!important;border-bottom:1px solid var(--xl-ref-divider)!important;padding:16px 24px!important}
.zrtc-summary{gap:0!important;border-bottom:1px solid var(--xl-ref-divider)!important}
.zrtc-stat{border-radius:0!important;border-right:1px solid var(--xl-ref-divider)!important;background:#fff!important}
.zrtc-more-menu{border-radius:2px!important;border-color:var(--xl-ref-divider)!important;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)!important}

/* Team permissions and landing checker. */
.xl-team-toolbar-r197{background:#fafafa!important;border-color:var(--xl-ref-divider)!important}
.xl-team-presets-r197{border-radius:2px!important;border-color:#ead3a7!important;background:var(--xl-ref-accent-soft)!important}
.xl-team-presets-r197 button{border-radius:2px!important;color:var(--xl-ref-accent-hover)!important;border-color:#ead3a7!important}
.permission-matrix>.xl-team-permission-group-r199{border-radius:2px!important;border-color:var(--xl-ref-divider)!important}
.xl-team-permission-group-r199>.xl-team-permission-toggle-r199{background:#fafafa!important}
.landing-head h1{font-weight:500!important}
.landing-form-summary{font-weight:400!important}
.landing-summary{border-color:var(--xl-ref-divider)!important}
.landing-stat{border-color:var(--xl-ref-divider)!important}
.landing-stat.good strong{color:var(--xl-ref-success)!important}.landing-stat.warn strong{color:var(--xl-ref-warning)!important}.landing-stat.bad strong{color:var(--xl-ref-danger)!important}
.landing-advanced{border-radius:2px!important;border-color:var(--xl-ref-divider)!important;background:#fafafa!important}

/* Dashboard and shell: neutral Ant-style surfaces with restrained brand accents. */
.topbar,.global-topbar,header.topbar{background:#fff!important;border-bottom:1px solid var(--xl-ref-divider)!important;box-shadow:none!important}
.dashboard-shell,.dashboard-page,.page-shell,main{background:var(--xl-ref-bg)}
.metric-card,.stat-card,.summary-card{border-radius:2px!important;border-color:var(--xl-ref-divider)!important;background:#fff!important;box-shadow:none!important}
.active,[aria-selected="true"]{--active-color:var(--xl-ref-primary)}

/* Main dashboards keep a neutral structure; navy is reserved for primary actions. */
.team-report .heading{border-color:var(--xl-ref-divider)!important;border-left-color:var(--xl-ref-primary)!important}
.team-report .filters button.active{color:#fff!important;background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important;box-shadow:none!important}
.team-report .kpis,.cross-page .summary-grid{background:#fff!important;border:1px solid var(--xl-ref-divider)!important;border-radius:2px!important;box-shadow:none!important}
.team-report .kpis::before{color:var(--xl-ref-text)!important}
.team-report .kpis article,.cross-page .summary-grid article{background:#fff!important;border-color:var(--xl-ref-divider)!important;box-shadow:none!important}
.team-report .kpis article span,.team-report .kpis article strong{color:var(--xl-ref-text)!important}
.cross-page .board-bar.panel{border:1px solid var(--xl-ref-divider)!important;background:#fff!important;box-shadow:none!important}
.cross-page .board-bar .el-button{color:var(--xl-ref-text)!important;background:#fff!important;border-color:var(--xl-ref-border)!important}
.cross-page .board-bar .el-button:hover{color:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important}
.cross-page .hero-actions>.el-button--primary{color:#fff!important;background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important}
.cross-page .summary-grid article b{color:var(--xl-ref-text)!important}
/* Legacy dashboard accents also use gradients and scoped attributes. Reset the
   decorative gold layer while preserving semantic warning/status colors. */
html body .app-shell .sidebar nav a.xl-ref-current,
html body .app-shell .sidebar nav a[aria-current="page"]{color:var(--xl-ref-accent-hover)!important;background-color:var(--xl-ref-accent-soft)!important;background-image:none!important;border-color:transparent!important}
html body .app-shell .sidebar nav a.xl-ref-current *,
html body .app-shell .sidebar nav a[aria-current="page"] *{color:inherit!important;stroke:currentColor!important}
html body .board-bar.panel{background:#fff!important;background-image:none!important;border:1px solid var(--xl-ref-divider)!important;box-shadow:none!important}
html body .board-bar.panel .el-button{color:var(--xl-ref-text)!important;background:#fff!important;background-image:none!important;border-color:var(--xl-ref-border)!important;box-shadow:none!important}
html body .board-bar.panel .el-button:hover{color:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important}
html body .summary-grid{background:#fff!important;background-image:none!important;border:1px solid var(--xl-ref-divider)!important;box-shadow:none!important}
html body .summary-grid article{background:#fff!important;background-image:none!important;border-color:var(--xl-ref-divider)!important;box-shadow:none!important}
html body .summary-grid article b{color:var(--xl-ref-text)!important}
html body .summary-grid article.is-active,
html body .summary-grid article.active{border-color:var(--xl-ref-accent)!important;background:var(--xl-ref-accent-soft)!important}
html body .app-shell:has(.cross-page) .sidebar nav a.router-link-active,
html body .app-shell:has(.cross-page) .sidebar nav a.xl-ref-current{color:var(--xl-ref-accent-hover)!important;background:var(--xl-ref-accent-soft)!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid{background:#fff!important;background-image:none!important;border:1px solid var(--xl-ref-divider)!important;border-radius:2px!important;box-shadow:none!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article{background:#fff!important;background-image:none!important;border:0!important;border-right:1px solid var(--xl-ref-divider)!important;border-radius:0!important;box-shadow:none!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article>strong,
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article>b{color:var(--xl-ref-text)!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article:nth-child(4){outline:1px solid var(--xl-ref-accent)!important;outline-offset:-3px!important;background:var(--xl-ref-accent-soft)!important;background-image:none!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article:nth-child(4)>span,
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article:nth-child(4)>b,
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article:nth-child(4)>small{color:var(--xl-ref-accent-hover)!important}
html body[data-xl-route="cross-account-operations"] main>header p{color:var(--xl-ref-accent-hover)!important}
html body main.cross-page>header p,html body .cross-page>header p{color:var(--xl-ref-accent-hover)!important}
html body main.cross-page>header.hero>div>small{color:var(--xl-ref-accent-hover)!important}
html body[data-xl-route="cross-account-operations"] .board-bar.panel{background:#fff!important;background-image:none!important;border:1px solid var(--xl-ref-divider)!important;box-shadow:none!important}
html body[data-xl-route="cross-account-operations"] .board-bar.panel .el-button{color:var(--xl-ref-text)!important;background:#fff!important;background-image:none!important;border-color:var(--xl-ref-border)!important;box-shadow:none!important}
html body .topbar,html body .global-context{border-bottom-color:var(--xl-ref-divider)!important}
::-webkit-scrollbar{width:8px;height:8px;background:#ececec}
::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(205,206,206,.8)}
::-webkit-scrollbar-thumb:hover{background:#c6c7c7}

@media(max-width:1100px){.sidebar,.side{width:100%!important;min-width:0!important}.app-shell,.shell,.landing-shell{grid-template-columns:1fr!important}}

/* Per-user appearance controls. Loaded after the existing r209 theme. */
:root[data-xl-theme="ocean-teal"]{
  --xl-ref-primary:#0f5f63;--xl-ref-primary-hover:#177b7f;--xl-ref-primary-active:#093f42;--xl-ref-primary-soft:#eef8f7;
  --xl-ref-accent:#238879;--xl-ref-accent-hover:#176b60;--xl-ref-accent-soft:#eaf7f4;--xl-ref-bg:#f2f6f6;
  --blue:#0f5f63!important;--primary:#0f5f63!important;--primary-dark:#093f42!important;--primary-soft:#eef8f7!important;--asset-primary:#0f5f63!important;--asset-primary-soft:#eef8f7!important;--el-color-primary:#0f5f63!important
}
:root[data-xl-theme="violet"]{
  --xl-ref-primary:#5b4b8a;--xl-ref-primary-hover:#7563a8;--xl-ref-primary-active:#3e3262;--xl-ref-primary-soft:#f5f2fb;
  --xl-ref-accent:#7b61a8;--xl-ref-accent-hover:#62498e;--xl-ref-accent-soft:#f3eefb;--xl-ref-bg:#f4f2f7;
  --blue:#5b4b8a!important;--primary:#5b4b8a!important;--primary-dark:#3e3262!important;--primary-soft:#f5f2fb!important;--asset-primary:#5b4b8a!important;--asset-primary-soft:#f5f2fb!important;--el-color-primary:#5b4b8a!important
}
:root[data-xl-theme="forest"]{
  --xl-ref-primary:#315c47;--xl-ref-primary-hover:#477a61;--xl-ref-primary-active:#203f31;--xl-ref-primary-soft:#f0f6f2;
  --xl-ref-accent:#6f8e59;--xl-ref-accent-hover:#557041;--xl-ref-accent-soft:#eff6eb;--xl-ref-bg:#f2f5f2;
  --blue:#315c47!important;--primary:#315c47!important;--primary-dark:#203f31!important;--primary-soft:#f0f6f2!important;--asset-primary:#315c47!important;--asset-primary-soft:#f0f6f2!important;--el-color-primary:#315c47!important
}
:root[data-xl-theme="coral"]{
  --xl-ref-primary:#8a4b45;--xl-ref-primary-hover:#a86158;--xl-ref-primary-active:#63342f;--xl-ref-primary-soft:#fbf3f1;
  --xl-ref-accent:#cf6d59;--xl-ref-accent-hover:#a95040;--xl-ref-accent-soft:#fbefec;--xl-ref-bg:#f6f2f1;
  --blue:#8a4b45!important;--primary:#8a4b45!important;--primary-dark:#63342f!important;--primary-soft:#fbf3f1!important;--asset-primary:#8a4b45!important;--asset-primary-soft:#fbf3f1!important;--el-color-primary:#8a4b45!important
}

/* Let every menu label remain readable at normal and enlarged browser zoom. */
html body .sidebar,html body .side{width:228px!important;min-width:228px!important}
html body .app-shell,html body .shell,html body .landing-shell{grid-template-columns:228px minmax(0,1fr)!important}
html body .sidebar nav a,html body .sidebar .nav-item,html body .side nav a{
  min-height:40px!important;height:auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  line-height:1.35!important;overflow-wrap:anywhere!important;word-break:keep-all!important;align-items:center!important
}
html body .sidebar nav a span,html body .sidebar .nav-item span,html body .side nav a span{
  min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important
}

.xl-appearance-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-width:72px!important;min-height:32px;border:1px solid var(--xl-ref-border);border-radius:2px;background:#fff;color:var(--xl-ref-text);padding:4px 12px;font-size:13px;white-space:nowrap!important;cursor:pointer}
.xl-appearance-trigger .xl-appearance-text{white-space:nowrap!important;word-break:keep-all!important}
.xl-appearance-trigger:hover{color:var(--xl-ref-primary);border-color:var(--xl-ref-primary)}
.xl-appearance-trigger .xl-swatch{width:12px;height:12px;border-radius:50%;background:var(--xl-ref-primary);box-shadow:0 0 0 3px var(--xl-ref-primary-soft)}
.xl-appearance-trigger.xl-floating{position:fixed;right:18px;bottom:18px;z-index:990;box-shadow:0 4px 18px rgba(15,23,42,.12)}
.xl-appearance-backdrop{position:fixed;inset:0;z-index:2100;background:rgba(15,23,42,.28);display:flex;align-items:flex-start;justify-content:flex-end;padding:68px 24px}
.xl-appearance-panel{width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid var(--xl-ref-divider);border-radius:4px;box-shadow:0 14px 40px rgba(15,23,42,.2);overflow:hidden}
.xl-appearance-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--xl-ref-divider)}
.xl-appearance-panel h2{margin:0;font-size:18px;color:var(--xl-ref-text)}
.xl-appearance-panel header p{margin:4px 0 0;color:var(--xl-ref-muted);font-size:12px}
.xl-appearance-panel header button{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--xl-ref-muted)}
.xl-appearance-panel main{padding:18px 20px;background:#fff!important}
.xl-appearance-label{display:block;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--xl-ref-text)}
.xl-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:20px}
.xl-theme-choice{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:68px!important;padding:8px 4px!important;border:1px solid var(--xl-ref-border)!important;background:#fff!important;color:var(--xl-ref-muted)!important;cursor:pointer}
.xl-theme-choice i{display:block;width:26px;height:26px;border-radius:50%;background:var(--choice-color);box-shadow:inset 0 0 0 6px rgba(255,255,255,.28)}
.xl-theme-choice span{font-size:11px;white-space:nowrap}
.xl-theme-choice[aria-pressed="true"]{border-color:var(--xl-ref-primary)!important;color:var(--xl-ref-primary)!important;background:var(--xl-ref-primary-soft)!important}
.xl-appearance-panel select{width:100%;margin-bottom:8px}
.xl-appearance-help{display:block;color:var(--xl-ref-muted);font-size:12px;line-height:1.55}
.xl-appearance-status{min-height:20px;margin:12px 0 0;font-size:12px;color:var(--xl-ref-muted)}
.xl-appearance-status.error{color:var(--xl-ref-danger)}
.xl-appearance-panel footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--xl-ref-divider);background:#fafafa}
.xl-appearance-save{color:#fff!important;background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important}

@media(max-width:1100px){
  html body .sidebar,html body .side{width:100%!important;min-width:0!important}
  html body .app-shell,html body .shell,html body .landing-shell{grid-template-columns:1fr!important}
}
@media(max-width:640px){.xl-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xl-appearance-backdrop{padding:52px 16px}.xl-appearance-trigger .xl-appearance-text{display:none}}

/* Shared surface roles. Theme IDs and saved preferences remain unchanged. */
:root,:root[data-xl-theme="warm-gold"]{
 --xl-color-page:#f2f0ea;--xl-color-nav:#e9e2d4;--xl-color-header:#f3eddf;--xl-color-group:#ece6d9;--xl-color-subtle:#f7f4ec;--xl-color-selected:#e8d8b4;--xl-color-hover:#f0e7d2;--xl-color-surface:#fff;
 --xl-ref-bg:var(--xl-color-page);--xl-ref-primary:#725b35;--xl-ref-primary-hover:#5f4929;--xl-ref-primary-active:#4b391f;--xl-ref-primary-soft:#f3eddf;--xl-ref-accent:#a17a32;--xl-ref-accent-hover:#75551d;--xl-ref-accent-soft:#f3ead6;
 --xl-ref-text:#24312e;--xl-ref-muted:#4c5c56;--xl-ref-border:#bdc8c2;--xl-ref-divider:#d7dfda;--xl-ref-success:#237b4b;--xl-ref-danger:#bd3541;
 --blue:var(--xl-ref-primary)!important;--primary:var(--xl-ref-primary)!important;--primary-dark:var(--xl-ref-primary-active)!important;--primary-soft:var(--xl-ref-primary-soft)!important;--asset-primary:var(--xl-ref-primary)!important;--asset-primary-soft:var(--xl-ref-primary-soft)!important;--el-color-primary:var(--xl-ref-primary)!important;--muted:var(--xl-ref-muted)!important;--asset-muted:var(--xl-ref-muted)!important;
}
:root[data-xl-theme="ocean-teal"]{
 --xl-color-page:#edf2f0;--xl-color-nav:#ddeae4;--xl-color-header:#eaf2ed;--xl-color-group:#e2ece6;--xl-color-subtle:#f3f7f4;--xl-color-selected:#c7dfd5;--xl-color-hover:#deeee5;
 --xl-ref-bg:var(--xl-color-page);--xl-ref-primary:#0f5f63;--xl-ref-primary-hover:#0c4d50;--xl-ref-primary-active:#093f42;--xl-ref-primary-soft:#e5f1ec;--xl-ref-accent:#238879;--xl-ref-accent-hover:#176b60;--xl-ref-accent-soft:#deeee5;
}
:root[data-xl-theme="violet"]{
 --xl-color-page:#f1eef5;--xl-color-nav:#e7dff0;--xl-color-header:#eee7f5;--xl-color-group:#e9e1f0;--xl-color-subtle:#f7f3fa;--xl-color-selected:#d9c9e9;--xl-color-hover:#e9dff3;
 --xl-ref-bg:var(--xl-color-page);--xl-ref-primary:#5b4b8a;--xl-ref-primary-hover:#493c71;--xl-ref-primary-active:#3e3262;--xl-ref-primary-soft:#eee7f5;--xl-ref-accent:#7b61a8;--xl-ref-accent-hover:#62498e;--xl-ref-accent-soft:#eee7f5;
}
:root[data-xl-theme="forest"]{
 --xl-color-page:#eef2eb;--xl-color-nav:#dfe7d6;--xl-color-header:#ebf0e3;--xl-color-group:#e2e9d9;--xl-color-subtle:#f4f7ef;--xl-color-selected:#d0dfbf;--xl-color-hover:#e4edda;
 --xl-ref-bg:var(--xl-color-page);--xl-ref-primary:#315c47;--xl-ref-primary-hover:#264b39;--xl-ref-primary-active:#203f31;--xl-ref-primary-soft:#ebf0e3;--xl-ref-accent:#6f8e59;--xl-ref-accent-hover:#486333;--xl-ref-accent-soft:#e4edda;
}
:root[data-xl-theme="coral"]{
 --xl-color-page:#f5efec;--xl-color-nav:#efdfd7;--xl-color-header:#f6eae4;--xl-color-group:#f0e1da;--xl-color-subtle:#fbf5f1;--xl-color-selected:#eac9bd;--xl-color-hover:#f4e1d8;
 --xl-ref-bg:var(--xl-color-page);--xl-ref-primary:#8a4b45;--xl-ref-primary-hover:#743d37;--xl-ref-primary-active:#63342f;--xl-ref-primary-soft:#f6eae4;--xl-ref-accent:#ae5847;--xl-ref-accent-hover:#8b4233;--xl-ref-accent-soft:#f4e1d8;
}

/* Layout structure receives color; editable fields and data remain white. */
html[data-xl-theme] body{background:var(--xl-color-page)!important}
html[data-xl-theme] body #app .app-shell{background:var(--xl-color-page)!important}
html[data-xl-theme] body #app .sidebar{background-color:var(--xl-color-nav)!important;background-image:none!important;transition:none!important}
html[data-xl-theme] body #app .topbar{background-color:var(--xl-color-header)!important;background-image:none!important;transition:none!important}
html[data-xl-theme] body #app .workspace{background:var(--xl-color-page)!important}
html[data-xl-theme] body #app .el-button.el-button--primary{background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important;color:#fff!important}
html body .sidebar,html body .side,html body .app-shell .sidebar{background:var(--xl-color-nav)!important;border-right-color:var(--xl-ref-border)!important;box-shadow:none!important}
html body .topbar,html body .global-topbar,html body header.topbar,html body .app-shell .topbar{background:var(--xl-color-header)!important;border-bottom-color:var(--xl-ref-border)!important}
html body .app-shell .global-context{background:var(--xl-color-surface)!important;border-radius:6px!important}
html body .sidebar nav a:hover,html body .sidebar .nav-item:hover,html body .side nav a:hover{background:var(--xl-color-hover)!important;color:var(--xl-ref-primary)!important}
html body .app-shell .sidebar nav a.xl-ref-current,html body .app-shell .sidebar nav a.router-link-active,html body .app-shell .sidebar nav a[aria-current="page"]{background:var(--xl-color-selected)!important;color:var(--xl-ref-primary)!important;font-weight:600!important}
html body .sidebar .nav-title,html body .sidebar .group-title{color:var(--xl-ref-muted)!important}
html body .sidebar .brand,html body .sidebar .brand b,html body .sidebar .brand b::after{background:transparent!important;color:var(--xl-ref-primary)!important}
html body .el-button>span{background:transparent!important;color:inherit!important}

html body .panel,html body .card,html body .task-rail,html body .landing-card,html body .zrtc-surface,html body .zrtc-tree,html body .dialog,html body .drawer,html body .zrtc-drawer{border-radius:6px!important;border-color:var(--xl-ref-divider)!important}
html body .button,html body .zrtc-button,html body .el-button,html body button.primary,html body button.secondary,html body .btn,html body .xl-appearance-trigger,html body .xl-theme-choice{border-radius:4px!important}
html body input:not([type="checkbox"]):not([type="radio"]),html body select,html body textarea,html body .el-input__wrapper,html body .el-select__wrapper{border-radius:4px!important}
html body .button:not(.primary):not(.success):not(.danger):not(:disabled),html body .zrtc-button:not(.primary):not(.danger):not(:disabled),html body button.secondary:not(:disabled),html body .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):not(:disabled){background:var(--xl-color-subtle)!important}
html body .button:not(.primary):not(.success):not(.danger):not(:disabled):hover,html body .zrtc-button:not(.primary):not(.danger):not(:disabled):hover,html body .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):not(:disabled):hover{background:var(--xl-color-hover)!important;border-color:var(--xl-ref-primary)!important}
html body button:focus-visible,html body a:focus-visible{outline:2px solid var(--xl-ref-primary)!important;outline-offset:2px!important}
html body .subtitle,html body .helper,html body .field-hint,html body .zrtc-sub,html body .landing-hint{color:var(--xl-ref-muted)!important}

/* Dashboard controls and account overview use compact, colored grouping. */
html body[data-xl-route="cross-account-operations"] .board-bar.panel,html body .board-bar.panel,html body .team-report .filters{background:var(--xl-color-group)!important;border-color:var(--xl-ref-border)!important;border-radius:6px!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid,html body .summary-grid,html body .team-report .kpis{background:var(--xl-color-header)!important;border-radius:6px!important;border-color:var(--xl-ref-border)!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article,html body .summary-grid article,html body .team-report .kpis article{background:transparent!important;border-color:var(--xl-ref-divider)!important}
html body[data-xl-route="cross-account-operations"] #app main.cross-page>section.summary-grid>article:nth-child(4),html body .summary-grid article.is-active,html body .summary-grid article.active{background:var(--xl-color-selected)!important}
html body .table-tools,html body .table-toolbar,html body .toolbar,html body .bulk-toolbar,html body .account-overview,html body .account-summary-strip,html body .account-cards-header{background:var(--xl-color-group)!important}
html body .table-wrap,html body .table-panel{background:var(--xl-color-surface)!important}
html body .xl-account-overview,html body .account-card-controls{background:var(--xl-color-header)!important}
html body .account-strip{background:var(--xl-color-subtle)!important;min-height:0!important;height:auto!important}
html body .account-metric-card{padding:12px!important;border-radius:6px!important}
html body .account-shared-metrics{background:var(--xl-color-group)!important}
html body .summary-grid article>span,html body .summary-grid article>small,html body .xl-account-overview-label small{color:var(--xl-ref-muted)!important}
html body table thead th,html body .zrtc-table th,html body .landing-table th,html body .el-table th.el-table__cell{background:var(--xl-color-group)!important;color:var(--xl-ref-text)!important}
html body table tbody tr:hover>td,html body .el-table__body tr.hover-row>td{background:var(--xl-color-hover)!important}
html body .el-table__body tr.current-row>td{background:var(--xl-color-selected)!important}
html[data-xl-theme] body #app main.cross-page>section.summary-grid{background:var(--xl-color-header)!important;border-color:var(--xl-ref-border)!important}

/* Asset tree, subheadings and permissions retain their original controls. */
html body .zrtc-tree{background:var(--xl-color-subtle)!important}
html body .zrtc-hero,html body .zrtc-summary,html body .zrtc-stat{background:var(--xl-color-header)!important}
html body .zrtc-filters,html body .zrtc-section>header,html body .zrtc-section-head{background:var(--xl-color-group)!important}
html body .zrtc-user[open]>summary,html body .zrtc-identity-row.selected{background:var(--xl-color-selected)!important}
html body .xl-team-toolbar-r197,html body .xl-team-permission-group-r199>.xl-team-permission-toggle-r199,html body .landing-result-tools,html body .landing-advanced{background:var(--xl-color-group)!important}
html body .team-page>header,html body .team-page .summary,html body .landing-summary{background:var(--xl-color-header)!important}

/* Standalone workbenches now share the same palette and spacing roles. */
html body .shell>.hero,html body .workspace>header,html body .workspace>.page-head,html body .landing-head{background:var(--xl-color-header)!important;border-radius:6px!important}
html body .shell>.hero{padding:20px 28px!important}
html body .shell>.hero h1{font-size:28px!important;line-height:1.3!important;margin:4px 0 8px!important}
html body .steps{background:var(--xl-color-group)!important;border-radius:6px!important}
html body .steps .step.current,html body .steps li.current{background:var(--xl-color-selected)!important;color:var(--xl-ref-primary)!important;box-shadow:none!important}
html body .steps li.current span{background:var(--xl-ref-primary)!important;border-color:var(--xl-ref-primary)!important}
html body .steps li{border-radius:4px!important}
html body .fast-controls,html body .media-bulk-toolbar,html body .lane-presets,html body .selection-summary,html body .pricing-batch-bar,html body .task-center-summary,html body .task-current{background:var(--xl-color-group)!important}
html body .task-rail{background:var(--xl-color-subtle)!important}
html body .task-rail>header,html body .panel>header,html body .panel-head,html body .dialog-head,html body .drawer>header,html body .zrtc-drawer>header,html body .xl-appearance-panel header{background:var(--xl-color-header)!important}
html body .dialog footer,html body .dialog-foot,html body .drawer>footer,html body .zrtc-drawer>footer,html body .sticky-footer,html body .bottom-bar,html body .xl-appearance-panel footer{background:var(--xl-color-group)!important}
html body .empty,html body .rail-empty,html body .landing-empty,html body .zrtc-empty{background:var(--xl-color-subtle)!important;color:var(--xl-ref-muted)!important;border-radius:6px!important}
html body .xl-appearance-panel{border-radius:8px!important}
html body .xl-appearance-panel main{background:var(--xl-color-surface)!important}
html body .xl-appearance-trigger.xl-floating{bottom:84px!important}
html body .xl-appearance-backdrop{padding-bottom:20px!important;overflow:auto;z-index:10060!important}
html body:has(.xl-api-page) .xl-appearance-trigger{position:fixed!important;right:24px!important;bottom:24px!important;top:auto!important;z-index:10040!important}
html body .xl-api-page{background:var(--xl-color-page)!important}
html body .xl-api-page>header,html body .xl-api-dialog>header,html body .xl-api-section-head{background:var(--xl-color-header)!important}
@media(max-width:640px){html body .shell>.hero{padding:16px!important}html body .shell>.hero h1{font-size:24px!important}}

/* Typography and density only. Keep table structure, business controls and scroll containers. */
:root {
 --xl-font-ui:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --xl-font-body:14px;--xl-font-table:14px;--xl-font-caption:12px;--xl-font-section:16px;--xl-font-title:24px;--xl-font-metric:28px;
 --xl-line-body:1.55;--xl-control-height:34px;--xl-space-panel:16px;--xl-space-section:16px;--xl-space-gap:12px;--xl-space-row:7px;
}
:root[data-xl-density="compact"] {
 --xl-font-body:13px;--xl-font-table:13px;--xl-font-caption:12px;--xl-font-section:15px;--xl-font-title:22px;--xl-font-metric:26px;
 --xl-line-body:1.5;--xl-control-height:30px;--xl-space-panel:12px;--xl-space-section:12px;--xl-space-gap:8px;--xl-space-row:5px;
}
:root[data-xl-density="readable"] {
 --xl-font-body:16px;--xl-font-table:16px;--xl-font-caption:14px;--xl-font-section:18px;--xl-font-title:26px;--xl-font-metric:30px;
 --xl-line-body:1.6;--xl-control-height:40px;--xl-space-panel:20px;--xl-space-section:20px;--xl-space-gap:16px;--xl-space-row:10px;
}
html[data-xl-density] body {
 font-family:var(--xl-font-ui)!important;font-size:var(--xl-font-body)!important;line-height:var(--xl-line-body)!important;
}
html[data-xl-density] body:has(.immersive-workspace) {min-width:0!important}
html[data-xl-density] body :is(button,input,select,textarea,.el-input__inner,.el-select__input) {font-family:var(--xl-font-ui)!important;font-size:var(--xl-font-body)!important}
html[data-xl-density] body :is(h1,.cross-page>header h2,.cross-page>.page-head h2,.team-page>header h2,.landing-head h1,.workspace>header h1,.shell>.hero h1) {
 font-size:var(--xl-font-title)!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;margin-top:0!important;margin-bottom:8px!important;
}
html[data-xl-density] body :is(h2,h3,.panel-head>strong,.panel>header>strong,.zrtc-section h2,.zrtc-section-head>strong,.account-cards-header>strong) {
 font-size:var(--xl-font-section)!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important;
}
html[data-xl-density] body :is(p,.subtitle,.helper,.field-hint,.zrtc-sub,.landing-hint) {line-height:var(--xl-line-body)!important}
html[data-xl-density] body :is(small,.subtitle,.helper,.field-hint,.zrtc-sub,.landing-hint,.hint,.nav-title,.group-title,.el-form-item__error,.inline-error,.global-context label>span,.xl-team-toolbar-r197 label,.xl-appearance-help,.xl-appearance-status,.zrtc-stat>span,.summary-grid article>span,.summary-grid article>small) {
 font-size:var(--xl-font-caption)!important;line-height:1.55!important;
}
html[data-xl-density] body :is(small,.subtitle,.helper,.field-hint,.zrtc-sub,.landing-hint,.nav-title,.group-title,.global-context label>span) {color:var(--xl-ref-muted)!important}
html[data-xl-density] body :is(.field>label,.zrtc-field>label,.el-form-item__label,.xl-appearance-label) {font-size:var(--xl-font-body)!important;font-weight:500!important;line-height:1.5!important}
html[data-xl-density] body :is(.sidebar nav a,.side nav a,.nav-item) {
 font-size:var(--xl-font-body)!important;line-height:1.45!important;padding-top:7px!important;padding-bottom:7px!important;height:auto!important;white-space:normal!important;
}
html[data-xl-density="readable"] body :is(.sidebar nav a,.side nav a) {padding-left:16px!important;padding-right:16px!important}
html[data-xl-density] body :is(.button,.zrtc-button,.el-button,button.primary,button.secondary,.btn,.xl-appearance-trigger,.xl-team-audit-toggle-r197) {
 font-size:var(--xl-font-body)!important;font-weight:500!important;line-height:1.4!important;min-height:var(--xl-control-height)!important;height:auto!important;padding:5px 12px!important;
}
html[data-xl-density] body :is(.button.primary,.zrtc-button.primary,.el-button--primary,button.primary,.xl-appearance-save) {font-weight:600!important}
html[data-xl-density] body #app .app-shell .el-button>span {background:transparent!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
html[data-xl-density] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,.el-input__wrapper,.el-select__wrapper) {
 min-height:var(--xl-control-height)!important;height:auto!important;line-height:1.5!important;
}
html[data-xl-density] body :is(.el-input__inner,.el-select__input) {line-height:1.5!important;min-height:calc(var(--xl-control-height) - 6px)!important}
html[data-xl-density] body textarea {font-size:var(--xl-font-body)!important;line-height:1.65!important}
html[data-xl-density] body :is(th,td,.el-table .cell) {font-size:var(--xl-font-table)!important;line-height:1.5!important;font-variant-numeric:tabular-nums lining-nums}
html[data-xl-density] body :is(th,.el-table th .cell) {font-weight:600!important}
html[data-xl-density] body :is(td.numeric,td.money,td.number,th.numeric,th.money,th.number) {text-align:right!important}
html[data-xl-density] body :is(.zrtc-table th,.zrtc-table td,.landing-table th,.landing-table td,.team-page th,.team-page td) {padding-top:var(--xl-space-row)!important;padding-bottom:var(--xl-space-row)!important}
/* Do not change fixed/virtual dashboard row heights. Its own scroller remains the authority. */
html[data-xl-density] body :is(.summary-grid article>strong,.summary-grid article>b,.team-report .kpis article>b,.team-report .kpis article>strong,.landing-stat>strong,.zrtc-stat>strong,.zrtc-stat>b) {
 font-size:var(--xl-font-metric)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums lining-nums;
}
html[data-xl-density] body :is(.account-shared-metrics,.account-metric-card,.account-strip,.zrtc-table) {font-variant-numeric:tabular-nums lining-nums}
html[data-xl-density] body :is(.workspace,.landing-main) {padding:var(--xl-space-panel)!important}
html[data-xl-density] body #app .app-shell .workspace {margin-left:228px!important;min-width:0!important}
html[data-xl-density] body #app .app-shell .topbar {flex-wrap:wrap!important;height:auto!important;gap:12px!important}
html[data-xl-density] body #app .topbar :is(.topbar-actions,.header-actions,.global-actions) {flex-wrap:wrap!important;min-width:0!important}
html[data-xl-density] body :is(.board-bar.panel,.table-tools,.table-toolbar,.bulk-toolbar,.xl-team-toolbar-r197,.account-card-controls) {
 padding:10px var(--xl-space-panel)!important;gap:var(--xl-space-gap)!important;min-height:0!important;
}
html[data-xl-density] body .board-bar.panel {height:auto!important}
html[data-xl-density] body .summary-grid {min-height:0!important;height:auto!important}
html[data-xl-density] body .summary-grid>article {padding:14px var(--xl-space-panel)!important;min-height:0!important;height:auto!important}
html[data-xl-density] body .account-strip {padding:10px var(--xl-space-panel)!important}
html[data-xl-density] body .account-metric-card {padding:var(--xl-space-panel)!important}
html[data-xl-density] body :is(.zrtc-hero,.shell>.hero,.landing-head,.workspace>header,.workspace>.page-head,.panel-head,.panel>header,.dialog-head,.zrtc-drawer>header) {
 padding:var(--xl-space-section) var(--xl-space-panel)!important;
}
html[data-xl-density] body .immersive-workspace>header {flex-wrap:wrap!important}
html[data-xl-density] body :is(.fast-controls,.media-bulk-toolbar,.lane-presets,.pricing-batch-bar,.section,.landing-card) {padding:var(--xl-space-section) var(--xl-space-panel)!important}
html[data-xl-density] body .section+.section {border-top:1px solid var(--xl-ref-divider)!important}
html[data-xl-density] body .section-head {gap:10px!important;margin-bottom:12px!important}
html[data-xl-density] body :is(.section-head h2,.section-head h3,.zrtc-section h2) {margin-top:0!important;margin-bottom:4px!important}
html[data-xl-density] body :is(.panel>header,.panel-head,.dialog-head,.zrtc-section>header,.zrtc-section-head) {border-bottom:1px solid var(--xl-ref-divider)!important}
html[data-xl-density] body :is(.steps .step,.steps li) {font-size:var(--xl-font-body)!important;line-height:1.45!important;min-height:44px!important;height:auto!important}
html[data-xl-density] body .steps li {padding:10px!important}
html[data-xl-density] body .xl-appearance-panel {max-height:calc(100dvh - 32px)!important;overflow:auto!important}
html[data-xl-density] body .xl-theme-choice span {font-size:var(--xl-font-caption)!important;white-space:normal!important;line-height:1.4!important}
.xl-density-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}
.xl-density-choice {display:grid;gap:4px;padding:10px 8px;min-height:64px;border:1px solid var(--xl-ref-border);border-radius:4px;background:var(--xl-color-surface);color:var(--xl-ref-text);cursor:pointer;text-align:center}
.xl-density-choice>span {font-weight:600}
.xl-density-choice>small {font-size:12px;color:var(--xl-ref-muted)}
.xl-density-choice[aria-pressed="true"] {border-color:var(--xl-ref-primary);background:var(--xl-color-selected);box-shadow:inset 0 0 0 1px var(--xl-ref-primary)}
.xl-density-grid+.xl-appearance-help {margin-top:-10px;margin-bottom:18px}
@media(max-width:1100px) {
 html[data-xl-density] body #app .app-shell .workspace {margin-left:0!important}
}
@media(max-width:640px) {
 html[data-xl-density] body :is(.workspace,.landing-main) {padding:12px!important}
 html[data-xl-density] body :is(.shell>.hero,.landing-head,.workspace>header) {padding:12px!important}
 .xl-density-grid {gap:6px}.xl-density-choice {padding:8px 4px}
}