/* 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}}