/* Presentation layer. Preserve navigation geometry, BrowserView bounds, actions and permissions. */
html[data-theme="light"]{
  --ui-text:#172536;--ui-muted:#657487;--ui-surface:#fff;--ui-subtle:#f7f9fc;--ui-canvas:#f2f5f9;--ui-border:#e2e8f0;
  --ui-accent:#2563eb;--ui-accent-soft:#edf3ff;--ui-accent-border:#cbdcfb;--ui-shadow:0 2px 8px #253b5605;
  --ui-gold:#956111;--ui-gold-soft:#fff9ee;--ui-gold-border:#ead7b1;--ui-purple:#7354c9;--ui-purple-soft:#f5f1ff;--ui-purple-border:#ddd1f5;
  --ui-green:#078568;--ui-green-soft:#eef9f5;--ui-green-border:#c6e9dd;--ui-red:#c93838;--ui-red-soft:#fff2f2;--ui-red-border:#f1cdcd;
  --bg-app:var(--ui-canvas);--bg-sidebar:var(--ui-surface);--bg-card:var(--ui-surface);--bg-elevated:var(--ui-surface);
  --text-main:var(--ui-text);--text-strong:var(--ui-text);--text-secondary:#33465d;--text-secondary-2:#465b73;--text-dim:#556a82;--text-muted:var(--ui-muted);
  --card-55:var(--ui-surface);--card-25:var(--ui-surface);--surface-80:var(--ui-surface);--surface-55:var(--ui-surface);--accent-purple:#7354c9;
}
html[data-theme="dark"]{
  --ui-text:#e5ebf4;--ui-muted:#9aa9be;--ui-surface:#19212e;--ui-subtle:#1f2938;--ui-canvas:#121923;--ui-border:#303d50;
  --ui-accent:#91b5ff;--ui-accent-soft:#233553;--ui-accent-border:#3a547b;--ui-shadow:0 2px 8px #00000012;
  --ui-gold:#e6bd71;--ui-gold-soft:#302b22;--ui-gold-border:#66573b;--ui-purple:#c2acf5;--ui-purple-soft:#302742;--ui-purple-border:#51416e;
  --ui-green:#73d7b8;--ui-green-soft:#1e342f;--ui-green-border:#375c50;--ui-red:#ffadad;--ui-red-soft:#38252a;--ui-red-border:#6e4048;
  --bg-app:var(--ui-canvas);--bg-sidebar:var(--ui-surface);--bg-card:var(--ui-surface);--bg-elevated:var(--ui-surface);--bg-panel:var(--ui-surface);--bg-panel-strong:var(--ui-surface);--bg-panel-solid:var(--ui-surface);
  --text-main:var(--ui-text);--text-strong:var(--ui-text);--text-secondary:#d0dbeb;--text-secondary-2:#b7c5d8;--text-dim:#a5b4c9;--text-muted:var(--ui-muted);
  --card-55:var(--ui-surface);--card-25:var(--ui-surface);--surface-80:var(--ui-surface);--surface-55:var(--ui-surface);--accent-purple:#c2acf5;
}
html[data-theme] body{font-family:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',system-ui,sans-serif;color:var(--ui-text);-webkit-font-smoothing:antialiased}
html[data-theme] .app-container[data-v-a9358d06],html[data-theme] .main-content[data-v-a9358d06]{background:var(--ui-canvas)!important}
html[data-theme] .sidebar[data-v-a9358d06]{background:var(--ui-surface)!important;border-bottom-color:var(--ui-border)!important;box-shadow:0 2px 8px #233d5905}
html[data-theme] .logo-text[data-v-a9358d06]{background:none!important;-webkit-text-fill-color:var(--ui-text)!important;color:var(--ui-text)!important;font-size:18px!important;letter-spacing:-.3px;font-weight:750}
html[data-theme] .two-tier-primary-item{font-size:14px!important;height:36px!important;padding:0 16px!important;border-radius:8px!important;font-weight:550!important;color:var(--ui-muted)!important}
html[data-theme] .two-tier-primary-item:hover{background:var(--ui-subtle)!important;color:var(--ui-text)!important}
html[data-theme] .two-tier-primary-item.active{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important;font-weight:650!important}
html[data-theme] .two-tier-primary-icon{width:16px!important;height:16px!important}
html[data-theme] .two-tier-secondary{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;gap:7px!important}
html[data-theme] .two-tier-secondary-item{font-size:12px!important;border-radius:6px!important;color:var(--ui-muted)!important;height:30px!important}
html[data-theme] .two-tier-secondary-item.active{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}
html[data-theme] .two-tier-secondary-item.active:after{background:var(--ui-accent)!important;height:2px!important}
html[data-theme] .two-tier-secondary-item:hover:not(.disabled){background:var(--ui-subtle)!important;color:var(--ui-text)!important}
html[data-theme] .sidebar-footer[data-v-a9358d06]{border-left-color:var(--ui-border)!important;gap:8px!important}
html[data-theme] .theme-toggle-btn[data-v-a9358d06]{border-color:var(--ui-border)!important;background:var(--ui-surface)!important;color:var(--ui-muted)!important;border-radius:7px!important}
html[data-theme] .auth-badge[data-v-a9358d06],html[data-theme] .perf-status-chip[data-v-a9358d06]{font-size:11px!important;border-radius:7px!important;padding:6px 9px!important;box-shadow:none!important}
html[data-theme] .footer-btns button{color:var(--ui-muted)!important}
html[data-theme] :is(.personas-header,.editor-glass-card,.personas-list-section,.glass-panel,.main-card,.settings-card,.setting-section,.nurture-card,.account-card,.history-card,.record-panel,.memory-section,.action-card,.behavior-card,.trigger-card,.live-config-card,.config-section,.workspace-card,.peer-account-data-card,.work-publish-view .ant-card){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;border-radius:12px!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:none!important}
html[data-theme] .personas-list-section{width:290px!important;padding:14px!important;gap:12px!important}
html[data-theme] .persona-card{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--ui-text)!important;min-height:41px}
html[data-theme] .persona-card:hover{background:var(--ui-subtle)!important;border-color:var(--ui-accent-border)!important;transform:none!important}
html[data-theme] .persona-card.active{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent-border)!important;box-shadow:inset 3px 0 var(--ui-accent)!important}
html[data-theme] .persona-card.active .persona-name{color:var(--ui-accent)!important}
html[data-theme] .glow-icon{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent-border)!important;border-radius:10px!important;box-shadow:none!important}
html[data-theme] :is(.header-icon,.editor-title-icon){color:var(--ui-accent)!important}
html[data-theme] .text-group h3{font-size:17px!important;color:var(--ui-text)!important;font-weight:650!important}
html[data-theme] .text-group p{font-size:12px!important;color:var(--ui-muted)!important;line-height:1.6}
html[data-theme] .editor-header,html[data-theme] .editor-actions{border-color:var(--ui-border)!important}
html[data-theme] .editor-title{font-size:14px!important;color:var(--ui-text)!important}
html[data-theme] :is(.editor-form .field label,.section-card-title){font-size:12px!important;color:var(--ui-muted)!important;letter-spacing:0!important}
html[data-theme] :is(.editor-badge,.persona-count){background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-accent-border)!important}
html[data-theme] .ant-btn:not(.ant-btn-link):not(.ant-btn-text){border-radius:7px!important;box-shadow:none!important;font-size:13px}
html[data-theme] .ant-btn-default:not(:disabled){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-theme] .ant-btn-default:not(:disabled):hover{border-color:var(--ui-accent)!important;color:var(--ui-accent)!important}
html[data-theme] :is(.add-btn,.save-btn,.buy-btn,.ant-btn-primary):not(.ant-btn-dangerous):not(:disabled){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme] :is(.add-btn,.save-btn,.ant-btn-primary):not(.ant-btn-dangerous):not(:disabled):hover{background:#1d4ed8!important;transform:none!important;filter:none!important}
html[data-theme] :is(.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select:not(.ant-select-disabled) .ant-select-selector){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;border-radius:7px;font-size:13px}
html[data-theme] .ant-input-affix-wrapper .ant-input{border:0!important;background:transparent!important}
html[data-theme] .ant-input::placeholder{color:var(--ui-muted)!important;opacity:.8}
html[data-theme] .ant-input:hover,html[data-theme] .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--ui-accent-border)!important}
html[data-theme] .ant-input:focus,html[data-theme] .ant-input-affix-wrapper-focused,html[data-theme] .ant-select-focused:not(.ant-select-disabled) .ant-select-selector{border-color:var(--ui-accent)!important;box-shadow:0 0 0 2px var(--ui-accent-soft)!important}
html[data-theme] .ant-input-group .ant-input{border-radius:7px 0 0 7px!important}html[data-theme] .ant-input-group-addon .ant-btn{border-radius:0 7px 7px 0!important}
html[data-theme] .ant-table,html[data-theme] .ant-table-tbody>tr>td{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-bottom-color:var(--ui-border)!important}
html[data-theme] .ant-table-thead>tr>th{background:var(--ui-subtle)!important;color:var(--ui-muted)!important;border-bottom-color:var(--ui-border)!important;font-weight:600!important}
html[data-theme] .ant-table-tbody>tr.ant-table-row:hover>td{background:var(--ui-subtle)!important}
html[data-theme] .ant-tabs-ink-bar{background:var(--ui-accent)!important}html[data-theme] .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--ui-accent)!important}
html[data-theme] .ant-select-dropdown,html[data-theme] .ant-dropdown-menu{background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:9px!important}
html[data-theme] .ant-select-item{color:var(--ui-text)!important}html[data-theme] .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}
html[data-theme] .ant-modal .ant-modal-content,html[data-theme] .ant-modal .ant-modal-header,html[data-theme] .ant-modal .ant-modal-body,html[data-theme] .ant-modal .ant-modal-footer{background:var(--ui-surface)!important;color:var(--ui-text)!important}
html[data-theme] .ant-modal .ant-modal-content{border:1px solid var(--ui-border)!important;border-radius:14px!important;box-shadow:0 22px 80px #0c193233!important;overflow:hidden}
html[data-theme] .ant-modal .ant-modal-title{font-size:17px!important;color:var(--ui-text)!important;font-weight:650!important}
html[data-theme] .ant-modal .ant-modal-close{color:var(--ui-muted)!important}html[data-theme] .ant-modal-mask{background:#101a2b66!important;backdrop-filter:blur(2px)}
html[data-theme] .ant-modal:has(.auth-center-v2){width:760px!important;max-width:calc(100vw - 32px)!important;top:clamp(20px,5vh,52px)!important;padding-bottom:24px}
html[data-theme] .ant-modal:has(.auth-center-v2) .ant-modal-content{padding:0!important}
html[data-theme] .ant-modal:has(.auth-center-v2) .ant-modal-body{max-height:calc(100vh - 135px);box-sizing:border-box;overflow:auto;padding:0 24px 22px!important}
html[data-theme] .ant-modal:has(.auth-center-v2) .ant-modal-header{padding:20px 24px 14px!important;margin:0!important;border-bottom:0!important}
html[data-theme] .ant-modal:has(.auth-center-v2) .auth-center-v2{background:transparent!important}
html[data-theme] .ant-modal:has(.auth-center-v2) :is(.ant-modal-content,.ant-modal-body,.ant-modal-header){background:var(--ui-surface)!important}
html[data-theme] .auth-center-v2 .auth-hero{padding:15px 16px}
html[data-theme] .auth-center-v2 .auth-stat{padding:12px;gap:6px}
html[data-theme] .auth-center-v2 .auth-stat-value{font-size:21px}
html[data-theme] .auth-center-v2 .auth-stat-expiry .auth-stat-value{font-size:15px}
html[data-theme] .auth-center-v2 .auth-benefits-table :is(th,td){padding-top:7px;padding-bottom:7px}
html[data-theme] .zhiyun-announcement-bar{background:var(--ui-green-soft)!important;color:var(--ui-green)!important;border-color:var(--ui-green-border)!important;font-size:12px!important}
html[data-theme] .zhiyun-announcement-dialog{background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border);border-radius:14px!important}
html[data-theme] .zhiyun-announcement-dialog :is(header,footer){border-color:var(--ui-border)!important}
html[data-theme] .zhiyun-announcement-ok{background:#2563eb!important;color:#fff!important;border-radius:7px!important}
html[data-theme] .dev-test-field{background:var(--ui-subtle)!important;border:1px solid var(--ui-border)!important;border-radius:8px!important}
html[data-theme] .dev-test-toggle-title{color:var(--ui-muted)!important}
html[data-theme] .dev-test-result{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
html[data-theme] .system-settings-view .settings-card :is(.ant-card-head,.ant-card-body,.settings-content){background:var(--ui-surface)!important}
html[data-theme] .system-settings-view .settings-card .section-header{background:transparent!important;border-color:var(--ui-border)!important}
html[data-theme] .system-settings-view .settings-card .setting-item{background:var(--ui-subtle)!important;border:1px solid var(--ui-border)}
html[data-theme] body #peer-account-data-page{background:var(--ui-canvas)!important;color:var(--ui-text)!important}
html[data-theme] .peer-account-data-actions label{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-muted)!important}
html[data-theme] .peer-btn{border-radius:7px!important;box-shadow:none!important}
html[data-theme] .peer-btn.primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
/* The existing account-data overlay starts below the navigation, including the optional announcement row. */
body:has(.sidebar.zhiyun-has-announcement) #peer-account-data-page{top:140px!important}
@media(max-width:760px){body #peer-account-data-page{top:104px!important}body:has(.sidebar.zhiyun-has-announcement) #peer-account-data-page{top:136px!important}}
html[data-theme] :is(.ant-btn,.two-tier-primary-item,.two-tier-secondary-item,.persona-card,.auth-code-copy){transition:background-color .15s,border-color .15s,color .15s!important}
html[data-theme] :is(button,a,input,textarea):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}
@media(max-width:1080px){html[data-theme] .two-tier-primary-item{padding:0 10px!important;font-size:13px!important}html[data-theme] .personas-list-section{width:250px!important}}
@media(max-width:760px){html[data-theme] .two-tier-primary-item{padding:0 8px!important;font-size:12px!important}html[data-theme] .personas-list-section{width:220px!important}html[data-theme] .ant-modal:has(.auth-center-v2) .ant-modal-body{padding:0 16px 16px!important}html[data-theme] .ant-modal:has(.auth-center-v2) .ant-modal-header{padding:16px!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] :is(.ant-btn,.two-tier-primary-item,.two-tier-secondary-item,.persona-card,.auth-code-copy){transition:none!important}}
