/* ===== AIOS Design Tokens ===== */
:root {
    --aios-primary: #713eff;
    --aios-primary-soft: #9b7aff;
    --aios-primary-glow: rgba(113,62,255,0.25);
    --aios-primary-faint: rgba(113,62,255,0.08);
    --aios-surface: #ffffff;
    --aios-surface-raised: #faf8ff;
    --aios-surface-glass: rgba(248,245,255,0.72);
    --aios-border: #e8e0f0;
    --aios-border-subtle: #f0eaf8;
    --aios-border-glow: rgba(113,62,255,0.18);
    --aios-text-primary: #1a1525;
    --aios-text-secondary: #595959;
    --aios-text-muted: #8c8c8c;
    --aios-text-faint: #b0a8c0;
    --aios-sidebar-bg: linear-gradient(180deg, #f8f5ff 0%, #f0ebff 40%, #ede5ff 100%);
    --aios-sidebar-active: rgba(113,62,255,0.10);
    --aios-green: #22c55e;
    --aios-red: #ef4444;
    --aios-yellow: #f59e0b;
    --aios-cyan: #06b6d4;
    --aios-radius-sm: 8px;
    --aios-radius-md: 12px;
    --aios-radius-lg: 16px;
    --aios-shadow-sm: 0 1px 3px rgba(113,62,255,0.06);
    --aios-shadow-md: 0 4px 16px rgba(113,62,255,0.08);
    --aios-shadow-lg: 0 8px 32px rgba(113,62,255,0.12);
    --aios-shadow-glow: 0 0 20px rgba(113,62,255,0.15);
    --aios-transition-fast: 0.15s cubic-bezier(0.4,0,0.2,1);
    --aios-transition-smooth: 0.3s cubic-bezier(0.4,0,0.2,1);
    --aios-transition-spring: 0.4s cubic-bezier(0.34,1.56,0.64,1);
    /* 设置中心布局代币（L0-2） */
    --settings-gutter: 16px;
    --settings-table-row-h: 52px;
    --settings-badge-size: 18px;
}

/* ===== 设置中心：行内 style 迁出用工具类（等价替换，见各页 <!-- TODO:ui-l0 -->） ===== */
.settings-breadcrumb-page { color: var(--aios-text-secondary); font-weight: 600; }
.s-section--accent-left { border-left: 4px solid var(--aios-primary); margin-bottom: 16px; }
.s-row--borderless { border: none; }
.s-row-body--flex { flex: 1; min-width: 0; }
.s-input--full { width: 100%; box-sizing: border-box; }
.s-table-wrap { overflow-x: auto; }
.s-table-loading-cell,
.s-table-empty-cell { text-align: center; padding: 40px 20px; color: var(--aios-text-muted); }
.s-table-error-cell { text-align: center; padding: 20px; color: var(--aios-red); }
.s-pagination-bar {
    display: flex; justify-content: center; align-items: center;
    gap: 8px; padding: var(--settings-gutter);
}
.s-pagination-ellipsis { padding: 0 8px; }
.log-health-body--compact { font-size: 13px; line-height: 1.5; }
.s-filter-input--max { max-width: 220px; }
.s-filter-row { display: flex; gap: 8px; flex: 1; align-items: center; }
.s-filter-keyword { flex: 1; min-width: 0; }
.settings-layer-hint--flush {
    padding: 0 4px 10px; margin: 0; font-size: 12px; color: var(--aios-text-muted);
}
.s-stat-value--state-warn { color: var(--aios-yellow); }
.s-stat-value--state-ok { color: var(--aios-green); }
.s-stat-value--state-bad { color: var(--aios-red); }
.s-text-warn { color: var(--aios-yellow); }
.s-text-desc-meta { margin-top: 4px; font-size: 11px; color: var(--aios-text-muted); }
.s-mono-12 { font-size: 12px; }
.s-mono-11 { font-size: 11px; }
.s-section-title--tight { margin-top: 8px; }
.s-th-w-time { width: 160px; }
.s-th-w-agent { width: 100px; }
.s-th-w-action { width: 80px; }
.s-th-w-trace { width: 80px; }
.s-th-w-dur { width: 80px; }
.s-btn--ml { margin-left: 8px; }
.s-font-12 { font-size: 12px; }
.s-mt-4 { margin-top: 4px; }
.s-mt-6 { margin-top: 6px; }
.s-mt-12 { margin-top: 12px; }
.s-mt-16 { margin-top: 16px; }
.s-hidden { display: none !important; }
.s-flex-label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.s-strong-13 { font-size: 13px; }
.plana-muted { font-size: 12px; color: var(--aios-text-muted); }
.plana-open-empty { font-size: 13px; color: var(--aios-text-muted); }
.s-flex-gap-sm { display: flex; gap: 6px; align-items: center; }
.plana-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.plana-limit-input {
    width: 72px; padding: 6px 8px; border-radius: 6px;
    border: 1px solid var(--aios-border);
}
.plana-lead { font-size: 12px; color: var(--aios-text-muted); margin-bottom: 16px; }
.plana-json-pre { margin: 0; font-family: inherit; white-space: pre-wrap; }
.s-section--pb-0 { padding-bottom: 0; }
.s-row-desc--flush { margin: 0; }
.s-inset-pad { padding: 0 20px 20px; }
.s-inset-pad-sm { padding: 0 20px 12px; }
.s-row-desc--inset-b { padding: 0 20px 12px; margin: 0; }
.s-row-desc--inset-b-sm { padding: 0 20px 8px; margin: 0; }
.s-inline-input-unit { display: flex; align-items: center; gap: 8px; }
.s-input-unit { color: var(--aios-text-muted); font-size: 13px; }
.s-input--gateway-wide { width: 300px; }

/* ===== AIOS Keyframe Animations ===== */
@keyframes aiosPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.15); }
}
@keyframes aiosBreathe {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}
@keyframes aiosShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes aiosSlideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes aiosFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes aiosGlowPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(113,62,255,0); }
    50% { box-shadow: 0 0 12px 2px rgba(113,62,255,0.15); }
}
@keyframes aiosPulseBar {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}
@keyframes aiosCountUp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== 覆盖 base 的 padding，设置占满空间 ===== */
.main-content { padding: 0 !important; min-height: auto !important; }

/* ===== 设置容器：侧边栏 + 内容区 ===== */
.settings-container {
    display: flex;
    min-height: calc(100vh - 56px);
    background: #fafafa;
}

/* ===== 禁止非输入区域文本选中（OS 设置范式） ===== */
.settings-sidebar,
.settings-nav-item,
.settings-group-title,
.s-section-title,
.s-row-label,
.s-row-desc,
.s-row-icon,
.s-row-arrow,
.s-row-value,
.s-badge,
.s-dot,
.s-stat-label,
.s-stat-sub,
.s-btn,
.s-toggle,
.settings-breadcrumb,
.settings-page-title,
.settings-page-subtitle,
.settings-content-tab,
.settings-mobile-toggle,
.s-table th {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* 允许选中：输入框、表格数据单元格、代码值 */
.s-input, .s-select, textarea,
.s-table td, .s-stat-value,
.s-row-value.mono, td.mono { user-select: text; }

/* ===== 侧边栏 ===== */
.settings-sidebar {
    width: 196px;
    min-width: 196px;
    background: var(--aios-sidebar-bg);
    border-right: 1px solid var(--aios-border);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: sticky;
    top: 56px;
    height: calc(100vh - 56px);
    transition: width var(--aios-transition-smooth), min-width var(--aios-transition-smooth);
    z-index: 10;
    box-shadow: 1px 0 12px rgba(113,62,255,0.04);
}

.settings-sidebar-collapse {
    position: absolute;
    top: 0;
    right: -18px;
    width: 38px;
    height: 40px;
    border: 1px solid var(--settings-min-line, var(--aios-border));
    border-radius: 999px;
    background: var(--settings-min-surface, #fff);
    color: var(--settings-min-faint, var(--aios-text-muted));
    cursor: pointer;
    z-index: 80;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    box-shadow: 0 8px 18px rgba(31,31,29,0.08);
}
.settings-sidebar-collapse::before {
    content: "‹";
    font-size: 16px;
    line-height: 1;
    transform: translateX(-4px);
}
.settings-sidebar-collapse:hover {
    color: var(--settings-min-text, var(--aios-text-primary));
    border-color: var(--settings-min-line-strong, var(--aios-border-glow));
}
.settings-container.settings-sidebar-collapsed .settings-sidebar {
    width: 58px;
    min-width: 58px;
}
.settings-container.settings-sidebar-collapsed .settings-search,
.settings-container.settings-sidebar-collapsed .settings-group-title,
.settings-container.settings-sidebar-collapsed .settings-nav-item .nav-label,
.settings-container.settings-sidebar-collapsed .settings-item-badge,
.settings-container.settings-sidebar-collapsed .settings-no-results,
.settings-container.settings-sidebar-collapsed .settings-overview-card__body,
.settings-container.settings-sidebar-collapsed .settings-overview-card__arrow {
    display: none !important;
}
.settings-container.settings-sidebar-collapsed .settings-nav-item {
    justify-content: center;
    gap: 0;
    padding: 9px 0;
    margin: 2px 8px;
}
.settings-container.settings-sidebar-collapsed .settings-nav-item .nav-icon {
    width: 22px;
}
.settings-container.settings-sidebar-collapsed .settings-overview-card {
    justify-content: center;
    padding: 9px 0;
    margin: 44px 8px 8px;
}
.settings-container.settings-sidebar-collapsed .settings-pulse-bar {
    margin-left: 14px;
    margin-right: 14px;
}
.settings-container.settings-sidebar-collapsed .settings-sidebar-collapse {
    transform: none;
}
.settings-container.settings-sidebar-collapsed .settings-sidebar-collapse::before {
    content: "›";
    transform: translateX(-6px);
}

/* ── 搜索框 ── */
.settings-search {
    padding: 16px 16px 4px;
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, #f8f5ff 80%, transparent);
    z-index: 2;
}
.settings-search input {
    width: 100%;
    padding: 9px 12px 9px 34px;
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-sm);
    font-size: 13px;
    color: var(--aios-text-primary);
    background: rgba(255,255,255,0.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%239b7aff' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zM9.5 14C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") 10px center no-repeat;
    backdrop-filter: blur(8px);
    outline: none;
    transition: border-color var(--aios-transition-fast), box-shadow var(--aios-transition-fast), background var(--aios-transition-fast);
    box-sizing: border-box;
}
.settings-search input:focus {
    border-color: var(--aios-primary);
    box-shadow: 0 0 0 3px var(--aios-primary-faint), var(--aios-shadow-sm);
    background-color: #fff;
}
.settings-search input::placeholder { color: var(--aios-text-faint); }

/* ── 系统脉搏条 ── */
.settings-pulse-bar {
    height: 3px;
    margin: 8px 16px 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--aios-primary-soft), var(--aios-primary), var(--aios-primary-soft), transparent);
    background-size: 200% 100%;
    animation: aiosShimmer 3s ease-in-out infinite;
    opacity: 0.5;
    transition: opacity var(--aios-transition-smooth);
}
.settings-pulse-bar.healthy { opacity: 0.35; }
.settings-pulse-bar.warning {
    background: linear-gradient(90deg, transparent, var(--aios-yellow), #f59e0b, var(--aios-yellow), transparent);
    background-size: 200% 100%;
    opacity: 0.6;
}
.settings-pulse-bar.error {
    background: linear-gradient(90deg, transparent, var(--aios-red), #ef4444, var(--aios-red), transparent);
    background-size: 200% 100%;
    opacity: 0.7;
    animation-duration: 1.5s;
}

/* ── 导航区 ── */
.settings-nav {
    flex: 1;
    padding: 4px 0;
    display: flex;
    flex-direction: column;
}

/* ── 分组标题 ── */
.settings-group-title {
    font-size: 10px;
    font-weight: 700;
    color: var(--aios-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 20px 6px;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color var(--aios-transition-fast);
}
.settings-group-title.collapsible { cursor: pointer; }
.settings-group-title.collapsible:hover { color: var(--aios-primary); }
.settings-group-arrow {
    font-size: 10px;
    transition: transform var(--aios-transition-spring);
    color: var(--aios-text-faint);
}
.settings-group-arrow.collapsed { transform: rotate(-90deg); }
.settings-group-badge {
    min-width: 16px; height: 16px;
    background: var(--aios-red); color: #fff;
    font-size: 10px; font-weight: 700;
    border-radius: 8px;
    display: none; align-items: center; justify-content: center;
    padding: 0 5px; line-height: 16px;
    margin-left: 6px;
    box-shadow: 0 2px 6px rgba(239,68,68,0.3);
}
.settings-group-badge.visible { display: inline-flex; }

/* ── 分组内容（可折叠） ── */
.settings-group-items {
    overflow: hidden;
    transition: max-height var(--aios-transition-spring);
}
.settings-group-items.collapsed { max-height: 0 !important; }

/* ── 子项 ── */
.settings-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 20px 9px 20px;
    color: var(--aios-text-secondary);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 400;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: all var(--aios-transition-fast);
    position: relative;
    margin: 1px 8px 1px 0;
    border-radius: 0 var(--aios-radius-sm) var(--aios-radius-sm) 0;
}
.settings-nav-item:hover {
    background: rgba(113,62,255,0.06);
    color: var(--aios-text-primary);
    border-left-color: rgba(113,62,255,0.3);
}
.settings-nav-item.active {
    background: var(--aios-sidebar-active);
    color: var(--aios-primary);
    font-weight: 600;
    border-left-color: var(--aios-primary);
    box-shadow: inset 0 0 12px rgba(113,62,255,0.05);
}
.settings-nav-item .nav-icon {
    font-size: 15px;
    width: 22px;
    text-align: center;
    flex-shrink: 0;
    transition: transform var(--aios-transition-spring);
}
.settings-nav-item:hover .nav-icon { transform: scale(1.1); }
.settings-nav-item .nav-label { flex: 1; }

/* ── 徽标 ── */
.settings-item-badge {
    min-width: 18px; height: 18px;
    border-radius: 9px;
    font-size: 10px; font-weight: 700;
    display: none; align-items: center; justify-content: center;
    padding: 0 5px; line-height: 18px;
    flex-shrink: 0;
    transition: transform var(--aios-transition-spring);
}
.settings-item-badge.number {
    background: var(--aios-red); color: #fff;
    box-shadow: 0 2px 6px rgba(239,68,68,0.3);
}
.settings-item-badge.dot {
    min-width: 8px; width: 8px; height: 8px;
    background: var(--aios-red); padding: 0;
    animation: aiosPulse 2s ease-in-out infinite;
}
.settings-item-badge.warn {
    background: transparent; color: var(--aios-yellow);
    font-size: 14px; min-width: auto; height: auto;
    animation: aiosBreathe 2.5s ease-in-out infinite;
}
.settings-item-badge.visible { display: inline-flex; }
.settings-nav-item:hover .settings-item-badge { transform: scale(1.15); }

/* ── 关于分组 stick 底部 ── */
.settings-group-about {
    margin-top: auto;
    border-top: 1px solid var(--aios-border);
    padding-top: 4px;
    background: linear-gradient(180deg, transparent, rgba(248,245,255,0.5));
}

/* ── 无搜索结果 ── */
.settings-no-results {
    padding: 24px 20px;
    text-align: center;
    color: #b0a8c0;
    font-size: 13px;
    display: none;
}

/* ===== 内容区 ===== */
.settings-content {
    flex: 1;
    min-width: 0;
    background: var(--aios-surface);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 56px);
}

/* ── 面包屑 ── */
.settings-breadcrumb {
    height: 40px;
    min-height: 40px;
    flex: 0 0 40px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--aios-text-faint);
    animation: aiosFadeIn 0.4s ease;
}
.settings-breadcrumb a {
    color: var(--aios-text-muted);
    text-decoration: none;
    transition: color var(--aios-transition-fast);
}
.settings-breadcrumb a:hover { color: var(--aios-primary); }
.settings-breadcrumb .sep { margin: 0 6px; color: #d0c8e0; }

/* ── 页面内容 ── */
.settings-page-content {
    flex: 1;
    padding: 16px 30px 30px;
    animation: aiosSlideUp 0.35s ease-out;
}

/* ── 内容区内部 tab（领域融合页面） ── */
.settings-content-tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--aios-border);
    margin-bottom: 24px;
    position: relative;
}
.settings-content-tab {
    padding: 10px 24px;
    color: var(--aios-text-muted);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background: none;
    border-bottom: 2px solid transparent;
    transition: all var(--aios-transition-fast);
    position: relative;
    text-decoration: none;
}
.settings-content-tab:hover {
    color: var(--aios-primary);
    background: var(--aios-primary-faint);
    border-radius: var(--aios-radius-sm) var(--aios-radius-sm) 0 0;
}
.settings-content-tab.active {
    color: var(--aios-primary);
    border-bottom-color: var(--aios-primary);
    font-weight: 600;
}
.settings-tab-panel { display: none; }
.settings-tab-panel.active { display: block; animation: aiosFadeIn 0.25s ease; }

/* ── 旧页面头兼容层（ADR-0021 历史结构）
 * v0.3 起实际可见形态由 Minimal Light Settings Shell 覆盖为 display:none
 * 顶栏内 action 由 settings.js 下沉到 .settings-inline-actions
 * ── */
.settings-page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px 22px;
    margin-bottom: 14px;
    background: linear-gradient(135deg, rgba(113,62,255,0.08) 0%, rgba(113,62,255,0.02) 70%, rgba(113,62,255,0) 100%);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-md);
    box-shadow: var(--aios-shadow-sm);
    position: relative;
    overflow: hidden;
}
.settings-page-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--aios-primary) 0%, rgba(113,62,255,0.4) 100%);
    border-top-left-radius: var(--aios-radius-md);
    border-bottom-left-radius: var(--aios-radius-md);
}
.settings-page-header > div:first-child {
    flex: 1 1 260px;
    min-width: 0;
    padding-left: 8px;
}
.settings-page-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--aios-text-primary);
    letter-spacing: -0.3px;
    margin: 0;
    line-height: 1.3;
}
.settings-page-subtitle {
    font-size: 13px;
    color: var(--aios-text-muted);
    margin: 4px 0 0 0;
    line-height: 1.55;
}
/* action 按钮区 · 若在 header 里平铺多个按钮 · 统一右侧对齐 + 换行 */
.settings-page-header > .s-btn,
.settings-page-header > button {
    flex-shrink: 0;
    align-self: center;
}

/* 旧顶栏 + AIOS-L1 贴合规则，v0.3 可见层由下方 minimal override 接管 */
.settings-page-header + .settings-aios-l1 {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
}

/* 小屏折叠：Hero 更紧凑 */
@media (max-width: 720px) {
    .settings-page-header {
        padding: 14px 16px;
        gap: 8px;
    }
    .settings-page-title { font-size: 19px; }
    .settings-page-subtitle { font-size: 12px; }
}

/* ── AIOS L1 摘要条（系统管理九页 · SSOT §5.2）── */
.settings-aios-l1 {
    background: linear-gradient(135deg, rgba(113,62,255,0.06) 0%, rgba(113,62,255,0.02) 100%);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-md);
    padding: 14px 18px;
    margin-bottom: 20px;
    box-shadow: var(--aios-shadow-sm);
}
.aios-l1-layer-line {
    font-size: 13px;
    color: var(--aios-text-primary);
    margin: 0 0 12px 0;
    line-height: 1.55;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
}
.aios-l1-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--aios-primary);
    background: var(--aios-primary-faint);
    padding: 2px 8px;
    border-radius: 4px;
    vertical-align: middle;
    flex-shrink: 0;
}
.aios-l1-line-inner {
    flex: 1 1 220px;
    min-width: 0;
}
.aios-l1-inline-more {
    color: var(--aios-text-secondary);
    margin-left: 0.35em;
}
.aios-l1-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}
.aios-l1-kpi {
    background: rgba(255,255,255,0.7);
    border: 1px solid var(--aios-border-subtle);
    border-radius: var(--aios-radius-sm);
    padding: 8px 10px;
    text-align: center;
}
.aios-l1-kpi-lbl {
    display: block;
    font-size: 10px;
    color: var(--aios-text-muted);
    margin-bottom: 4px;
}
.aios-l1-kpi-val {
    font-size: 15px;
    font-weight: 600;
    color: var(--aios-text-primary);
}
.aios-l1-kpi-loading {
    color: var(--aios-text-muted);
    font-weight: 500;
}
.settings-aios-l1 .settings-layer-hint {
    font-size: 11px;
    color: var(--aios-text-muted);
    margin: 6px 0 0 0;
}

/* ======================================================================= */
/*  OS 风格设置组件（Android/macOS/Windows Settings 范式）                  */
/* ======================================================================= */

/* ── 设置区块 ── */
.s-section {
    background: var(--aios-surface);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-md);
    padding: 0;
    margin-bottom: 16px;
    overflow: hidden;
    transition: box-shadow var(--aios-transition-smooth), border-color var(--aios-transition-smooth);
    box-shadow: var(--aios-shadow-sm);
}
.s-section:hover {
    box-shadow: var(--aios-shadow-md);
    border-color: var(--aios-border-glow);
}
.s-section-title {
    font-size: 10px; font-weight: 700; color: var(--aios-text-muted);
    text-transform: uppercase; letter-spacing: 1px;
    padding: 20px 20px 8px; margin: 0;
}

/* ── 设置行（每条设置项） ── */
.s-row {
    display: flex; align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--aios-border-subtle);
    gap: 12px;
    min-height: 52px;
    transition: background var(--aios-transition-fast), box-shadow var(--aios-transition-fast);
}
.s-row:last-child { border-bottom: none; }
.s-row:hover { background: var(--aios-surface-raised); }
.s-row-icon {
    font-size: 20px; width: 34px; height: 34px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    background: var(--aios-primary-faint);
    border-radius: var(--aios-radius-sm);
    transition: background var(--aios-transition-fast), transform var(--aios-transition-spring);
}
.s-row:hover .s-row-icon { background: rgba(113,62,255,0.12); transform: scale(1.05); }
.s-row-body { flex: 1; min-width: 0; }
.s-row-label { font-size: 14px; font-weight: 500; color: var(--aios-text-primary); }
.s-row-desc { font-size: 12px; color: var(--aios-text-muted); margin-top: 2px; line-height: 1.4; }
.s-row-value { font-size: 14px; color: var(--aios-text-secondary); flex-shrink: 0; text-align: right; }
.s-row-value.accent { color: var(--aios-primary); font-weight: 600; }
.s-row-value.success { color: var(--aios-green); }
.s-row-value.warn { color: var(--aios-yellow); }
.s-row-value.error { color: var(--aios-red); }
.s-row-arrow {
    color: var(--aios-text-faint); font-size: 16px; flex-shrink: 0; margin-left: 4px;
    transition: transform var(--aios-transition-fast), color var(--aios-transition-fast);
}
.s-row.clickable { cursor: pointer; }
.s-row.clickable:hover .s-row-arrow { transform: translateX(3px); color: var(--aios-primary); }
.s-row.clickable:active { background: rgba(113,62,255,0.06); }

/* ── 开关/Toggle ── */
.s-toggle {
    position: relative; width: 44px; height: 24px; flex-shrink: 0;
}
.s-toggle input { opacity: 0; width: 0; height: 0; }
.s-toggle-slider {
    position: absolute; cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #d0c8e0; border-radius: 12px;
    transition: background var(--aios-transition-smooth), box-shadow var(--aios-transition-smooth);
}
.s-toggle-slider::before {
    content: ''; position: absolute;
    width: 20px; height: 20px; left: 2px; top: 2px;
    background: #fff; border-radius: 50%;
    transition: transform var(--aios-transition-spring);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.1);
}
.s-toggle input:checked + .s-toggle-slider {
    background: var(--aios-primary);
    box-shadow: 0 0 10px rgba(113,62,255,0.25);
}
.s-toggle input:checked + .s-toggle-slider::before { transform: translateX(20px); }

/* ── 按钮 ── */
.s-btn {
    padding: 7px 18px; border-radius: var(--aios-radius-sm);
    font-size: 13px; font-weight: 500;
    border: 1px solid var(--aios-border); background: var(--aios-surface);
    color: var(--aios-text-secondary); cursor: pointer;
    transition: all var(--aios-transition-fast);
    box-shadow: var(--aios-shadow-sm);
}
.s-btn:hover {
    background: var(--aios-surface-raised); color: var(--aios-primary);
    border-color: var(--aios-primary); box-shadow: var(--aios-shadow-md);
    transform: translateY(-1px);
}
.s-btn:active { transform: translateY(0); box-shadow: var(--aios-shadow-sm); }
.s-btn.primary {
    background: linear-gradient(135deg, var(--aios-primary), #5c2ecc);
    color: #fff; border-color: transparent;
    box-shadow: 0 2px 8px rgba(113,62,255,0.3);
}
.s-btn.primary:hover {
    background: linear-gradient(135deg, #8055ff, var(--aios-primary));
    box-shadow: 0 4px 16px rgba(113,62,255,0.4);
}
.s-btn.danger { color: var(--aios-red); border-color: #fca5a5; }
.s-btn.danger:hover { background: #fef2f2; box-shadow: 0 2px 8px rgba(239,68,68,0.15); }
.s-btn.sm { padding: 4px 12px; font-size: 12px; }

/* ── 输入框 ── */
.s-input {
    padding: 7px 12px; border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm);
    font-size: 13px; color: var(--aios-text-primary); outline: none; width: 200px;
    transition: border-color var(--aios-transition-fast), box-shadow var(--aios-transition-fast);
}
.s-input:focus {
    border-color: var(--aios-primary);
    box-shadow: 0 0 0 3px var(--aios-primary-faint);
}
.s-input.sm { width: 100px; }
.s-select {
    padding: 7px 12px; border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm);
    font-size: 13px; color: var(--aios-text-primary); outline: none; background: var(--aios-surface);
    cursor: pointer; min-width: 120px;
    transition: border-color var(--aios-transition-fast);
}
.s-select:focus { border-color: var(--aios-primary); }

/* ── 状态徽章 ── */
.s-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 10px; border-radius: 6px;
    font-size: 11px; font-weight: 600;
    transition: transform var(--aios-transition-fast);
}
.s-badge:hover { transform: scale(1.05); }
.s-badge.green { background: #dcfce7; color: #16a34a; border: 1px solid rgba(22,163,74,0.15); }
.s-badge.red { background: #fee2e2; color: #dc2626; border: 1px solid rgba(220,38,38,0.15); }
.s-badge.yellow { background: #fef3c7; color: #d97706; border: 1px solid rgba(217,119,6,0.15); }
.s-badge.purple { background: #ede5ff; color: var(--aios-primary); border: 1px solid rgba(113,62,255,0.15); }
.s-badge.gray { background: #f3f4f6; color: #6b7280; border: 1px solid rgba(107,114,128,0.1); }
.s-badge.gold { background: #fefbe6; color: #b8860b; border: 1px solid rgba(184,134,11,0.25); }

/* ── WIP 徽章 · A6 · 所有未实现占位控件必挂 · 见 .cursor/rules/ux-placeholder.mdc ── */
.s-badge-wip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px; border-radius: 4px;
    background: rgba(245,158,11,0.12); color: #d97706;
    border: 1px solid rgba(245,158,11,0.25);
    font-size: 10.5px; font-weight: 600; letter-spacing: 0.2px;
    margin-left: 8px; vertical-align: middle;
    cursor: help;
}
[data-wip] { position: relative; }
[data-wip] input[disabled],
[data-wip] button[disabled],
[data-wip] select[disabled],
[data-wip] .s-toggle input:disabled {
    opacity: 0.55; cursor: not-allowed;
}

/* ── 状态圆点 ── */
.s-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
.s-dot.green { background: var(--aios-green); box-shadow: 0 0 6px rgba(34,197,94,0.4); }
.s-dot.red { background: var(--aios-red); box-shadow: 0 0 6px rgba(239,68,68,0.4); animation: aiosPulse 2s ease-in-out infinite; }
.s-dot.yellow { background: var(--aios-yellow); box-shadow: 0 0 6px rgba(245,158,11,0.4); animation: aiosBreathe 2.5s ease-in-out infinite; }
.s-dot.purple { background: var(--aios-primary); box-shadow: 0 0 6px rgba(113,62,255,0.4); }
.s-dot.gray { background: #d0c8e0; }

/* ── 统计卡片网格（概览页） ── */
.s-stats-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px; margin-bottom: 20px;
}
.s-stat-card {
    background: var(--aios-surface);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-md);
    padding: 20px;
    transition: all var(--aios-transition-smooth);
    position: relative;
    overflow: hidden;
    box-shadow: var(--aios-shadow-sm);
}
.s-stat-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--aios-primary), var(--aios-primary-soft));
    opacity: 0;
    transition: opacity var(--aios-transition-smooth);
}
.s-stat-card:hover {
    border-color: var(--aios-border-glow);
    box-shadow: var(--aios-shadow-md);
    transform: translateY(-2px);
}
.s-stat-card:hover::before { opacity: 1; }
.s-stat-label { font-size: 12px; color: var(--aios-text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; }
.s-stat-value {
    font-size: 28px; font-weight: 700; color: var(--aios-text-primary);
    margin-top: 8px; line-height: 1;
    font-variant-numeric: tabular-nums;
}
.s-stat-value.success { color: var(--aios-green); }
.s-stat-value.warn { color: var(--aios-yellow); }
.s-stat-value.error { color: var(--aios-red); }
.s-stat-sub { font-size: 11px; color: var(--aios-text-faint); margin-top: 6px; }
.s-stat-trend {
    display: inline-flex; align-items: center; gap: 2px;
    font-size: 11px; font-weight: 600;
}
.s-stat-trend.up { color: var(--aios-green); }
.s-stat-trend.down { color: var(--aios-red); }

/* ── 表格 ── */
.s-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.s-table th {
    text-align: left; padding: 12px 14px;
    font-size: 10px; font-weight: 700; color: var(--aios-text-muted);
    text-transform: uppercase; letter-spacing: 0.8px;
    border-bottom: 2px solid var(--aios-border);
    background: var(--aios-surface-raised);
}
.s-table td {
    padding: 12px 14px; border-bottom: 1px solid var(--aios-border-subtle);
    color: var(--aios-text-secondary);
    transition: background var(--aios-transition-fast);
}
.s-table tr:hover td { background: var(--aios-surface-raised); }
.s-table td.mono { font-family: 'SF Mono','Cascadia Code',Monaco,monospace; font-size: 12px; }

/* ── 空状态 ── */
.s-empty {
    text-align: center; padding: 48px 20px;
    color: var(--aios-text-faint); font-size: 14px;
}
.s-empty-icon { font-size: 48px; margin-bottom: 12px; opacity: 0.6; }

/* ── 分隔线标题 ── */
.s-divider-title {
    font-size: 13px; font-weight: 600; color: var(--aios-text-secondary);
    padding: 16px 0 8px; border-bottom: 1px solid var(--aios-border);
    margin-bottom: 14px;
}

/* ── 危险区域 ── */
.s-danger-zone {
    border-color: #fca5a5;
    box-shadow: 0 2px 8px rgba(239,68,68,0.08);
}
.s-danger-zone:hover { border-color: #ef4444; box-shadow: 0 4px 16px rgba(239,68,68,0.12); }
.s-danger-zone .s-section-title { color: var(--aios-red); }

/* ── 骨架屏加载态 ── */
.s-skeleton {
    background: linear-gradient(90deg, #f0eaf8 25%, #e8e0f0 50%, #f0eaf8 75%);
    background-size: 200% 100%;
    animation: aiosShimmer 1.5s ease-in-out infinite;
    border-radius: var(--aios-radius-sm);
}
.s-skeleton-text { height: 14px; width: 60%; margin-bottom: 8px; }
.s-skeleton-title { height: 20px; width: 40%; margin-bottom: 12px; }
.s-skeleton-block { height: 52px; width: 100%; margin-bottom: 4px; }

/* ── Reduced Motion 无障碍 ── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ===== 响应式 ===== */
@media (max-width: 1279px) and (min-width: 1024px) {
    .settings-sidebar {
        width: 56px; min-width: 56px;
    }
    .settings-sidebar .settings-search,
    .settings-sidebar .settings-group-title,
    .settings-sidebar .nav-label,
    .settings-sidebar .settings-item-badge,
    .settings-sidebar .settings-no-results { display: none !important; }
    .settings-nav-item { padding: 12px 0; justify-content: center; gap: 0; border-left: none; }
    .settings-nav-item .nav-icon { font-size: 18px; width: auto; }
    .settings-nav-item.active { background: #ede5ff; border-left: none; border-radius: 8px; margin: 2px 6px; padding: 10px 0; }
    .settings-group-about { border-top: none; }
}
@media (max-width: 1023px) {
    .settings-sidebar {
        position: fixed;
        left: -260px;
        top: 56px;
        width: 260px; min-width: 260px;
        height: calc(100vh - 56px);
        box-shadow: 4px 0 24px rgba(0,0,0,0.15);
        transition: left 0.25s ease;
        z-index: 100;
    }
    .settings-sidebar.mobile-open { left: 0; }
    .settings-mobile-overlay {
        display: none;
        position: fixed; top: 56px; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,0.3); z-index: 99;
    }
    .settings-mobile-overlay.active { display: block; }
    .settings-mobile-toggle {
        display: flex !important;
        position: fixed; bottom: 24px; left: 16px;
        width: 48px; height: 48px;
        background: #713eff; color: #fff;
        border-radius: 50%; border: none;
        align-items: center; justify-content: center;
        font-size: 20px; cursor: pointer;
        box-shadow: 0 4px 16px rgba(113,62,255,0.3);
        z-index: 101;
    }
}
.settings-mobile-toggle { display: none; }

/* ===== L1 partials / 侧栏总览卡 / PlaNa·治理页扩展（自模板 extra_css 迁入） ===== */
.settings-overview-card {
    display: flex; flex-direction: column; gap: 2px;
    margin: 4px 12px 8px; padding: 10px 12px;
    border-radius: var(--aios-radius-sm);
    background: linear-gradient(135deg, rgba(113,62,255,0.12), rgba(113,62,255,0.04));
    border: 1px solid var(--aios-border);
    text-decoration: none; color: var(--aios-text-primary);
    transition: box-shadow var(--aios-transition-fast), transform var(--aios-transition-fast);
}
.settings-overview-card:hover {
    box-shadow: var(--aios-shadow-md);
    transform: translateY(-1px);
}
.settings-overview-card__title { font-size: 13px; font-weight: 700; color: var(--aios-primary); }
.settings-overview-card__desc { font-size: 11px; color: var(--aios-text-muted); line-height: 1.35; }
.settings-nav-item--sub { padding-left: 28px !important; font-size: 13px; opacity: 0.95; }

.s-filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--settings-gutter); margin-bottom: 12px; }
.s-filter-bar__label { font-size: 12px; color: var(--aios-text-muted); min-width: 72px; }
.s-filter-bar__controls { flex: 1; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; }
.s-section-header__tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; justify-content: flex-end; }
.s-data-table-host .s-table-wrap--data { margin-top: 8px; }
.s-status-banner { display: flex; align-items: flex-start; gap: 8px; padding: 10px 14px; border-radius: var(--aios-radius-sm); font-size: 13px; margin: 10px 0; }
.s-status-banner--warn { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.s-status-banner--error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.s-status-banner--info { background: var(--aios-surface-raised); border: 1px solid var(--aios-border); color: var(--aios-text-secondary); }
.s-toolbar-refresh { display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; }

/* governance / plana 共用：原 aios-* / dim-card → 与 s-* 并存，逐步迁移类名 */
.aios-stats-cards, .s-stats-grid--governance { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.aios-stat-card, .s-stat-card--compact {
    background: var(--aios-surface-raised); border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm);
    padding: 14px 16px; box-shadow: var(--aios-shadow-sm);
}
.aios-stat-card .label, .s-stat-card--compact .label { font-size: 12px; color: var(--aios-text-muted); margin-bottom: 4px; }
.aios-stat-card .value, .s-stat-card--compact .value { font-size: 20px; font-weight: 700; color: var(--aios-text-primary); }
.aios-table-wrap, .s-table-wrap--scroll {
    max-height: 360px; overflow-y: auto; border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm);
}
.aios-table, .s-table--compact { width: 100%; border-collapse: collapse; font-size: 13px; }
.aios-table th, .s-table--compact th {
    text-align: left; padding: 10px 12px; background: var(--aios-surface-raised); color: var(--aios-text-muted);
    font-weight: 600; border-bottom: 1px solid var(--aios-border);
}
.aios-table td, .s-table--compact td { padding: 8px 12px; border-bottom: 1px solid var(--aios-border-subtle); }
.aios-table tbody tr:hover, .s-table--compact tbody tr:hover { background: var(--aios-primary-faint); }
.dim-card, .s-collapsible {
    background: var(--aios-surface); border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm);
    margin-bottom: 10px; overflow: hidden;
}
.dim-head, .s-collapsible__head {
    padding: 10px 14px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 13px;
}
.dim-head:hover, .s-collapsible__head:hover { background: var(--aios-primary-faint); }
.dim-head .arrow, .s-collapsible__head .arrow { transition: transform 0.2s; }
.dim-head.open .arrow, .s-collapsible__head.open .arrow { transform: rotate(90deg); }
.dim-body, .s-collapsible__body {
    display: none; padding: 12px 14px; background: var(--aios-surface-raised); border-top: 1px solid var(--aios-border);
    font-size: 11px; max-height: 240px; overflow: auto;
}
.dim-head.open + .dim-body, .s-collapsible__head.open + .s-collapsible__body { display: block; }
.sev-critical, .sev-high { color: var(--aios-red); font-weight: 600; }
.sev-warning, .sev-medium { color: var(--aios-yellow); }
.sev-info, .sev-low { color: var(--aios-text-muted); }
.aios-pitfall-cards { display: flex; flex-direction: column; gap: 10px; }
.aios-pitfall-card {
    background: var(--aios-surface); border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm);
    padding: 14px 18px; box-shadow: var(--aios-shadow-sm); display: flex; align-items: flex-start; gap: 12px;
}
.aios-pitfall-card.critical { border-left: 4px solid var(--aios-red); }
.aios-pitfall-card.warning { border-left: 4px solid var(--aios-yellow); }
.aios-pitfall-card .meta { font-size: 12px; color: var(--aios-text-muted); flex-shrink: 0; }
.aios-pitfall-card .summary { flex: 1; font-size: 13px; }
.proposal-item { background: var(--aios-surface); border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm); margin-bottom: 10px; overflow: hidden; }
.proposal-header { padding: 12px 16px; cursor: pointer; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.proposal-header:hover { background: var(--aios-primary-faint); }
.proposal-body { display: none; padding: 16px; background: var(--aios-surface-raised); border-top: 1px solid var(--aios-border); font-size: 12px; }
.proposal-header.open + .proposal-body { display: block; }
.proposal-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.proposal-diff { background: #1a1525; color: #a0e0a0; padding: 12px; border-radius: 6px; font-family: monospace; font-size: 11px; max-height: 200px; overflow: auto; white-space: pre-wrap; margin-top: 8px; }
.proposal-badge.automation { background: var(--aios-accent, #6366f1); color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 10px; }
.proposal-automation .proposal-header { border-left: 3px solid var(--aios-accent, #6366f1); }
.board-error { color: var(--aios-red); padding: 12px; border: 1px solid var(--aios-border); border-radius: var(--aios-radius-sm); }
.plana-scan-meta {
    font-size: 11px; color: var(--aios-text-muted); margin: 8px 0 16px; padding: 10px 12px;
    background: var(--aios-surface-raised); border: 1px solid var(--aios-border-subtle); border-radius: var(--aios-radius-sm);
    font-family: ui-monospace, monospace; white-space: pre-wrap; word-break: break-all;
}
.detail-pre, .plana-json-pre--dark {
    background: #1a1525; color: #c8e0c8; padding: 12px; border-radius: 6px; font-family: ui-monospace, monospace;
    font-size: 11px; max-height: 280px; overflow: auto; white-space: pre-wrap; margin-top: 8px;
}

/* L4-1：内容区 Tab 横滑 + 宽表 */
@media (max-width: 1023px) {
    .settings-content-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 4px;
        padding-bottom: 4px;
    }
    .settings-content-tab { flex: 0 0 auto; white-space: nowrap; }
}
.s-table-wrap, .s-table-wrap--data { overflow-x: auto; max-width: 100%; }

/* L4-2：焦点环 */
.settings-search input:focus-visible {
    outline: 2px solid var(--aios-primary);
    outline-offset: 2px;
}
.settings-content-tab:focus-visible {
    outline: 2px solid var(--aios-primary);
    outline-offset: 2px;
}

/* L4-3：暗色仅变量 fallback */
@media (prefers-color-scheme: dark) {
    :root {
        --aios-surface: #141018;
        --aios-surface-raised: #1c1724;
        --aios-text-primary: #f3e8ff;
        --aios-text-secondary: #c4b8d4;
        --aios-text-muted: #9a8fb0;
        --aios-text-faint: #7a7088;
        --aios-border: #2d2640;
        --aios-border-subtle: #252030;
        --aios-green: #4ade80;
        --aios-red: #f87171;
        --aios-yellow: #fbbf24;
    }
    .settings-container { background: #0f0d14; }
    .settings-breadcrumb .sep { color: #5c5466; }
}

/* 页级刷新：由 settings.js 绑定 data-refresh="page" */
button[data-refresh="page"] { cursor: pointer; }

/* ===== 侧栏「总览 · 大王山」hero 卡精致化 ===== */
.settings-overview-card {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 12px 14px;
    background:
        radial-gradient(120% 140% at 0% 0%, rgba(113,62,255,0.18) 0%, rgba(113,62,255,0.04) 55%, transparent 100%),
        linear-gradient(135deg, #ffffff 0%, #f5efff 100%);
    border: 1px solid var(--aios-border-glow);
    box-shadow: var(--aios-shadow-sm);
    position: relative;
    overflow: hidden;
}
.settings-overview-card::before {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(113,62,255,0.0) 70%, rgba(113,62,255,0.10) 100%);
    pointer-events: none;
}
.settings-overview-card__icon {
    font-size: 22px; line-height: 1;
    width: 36px; height: 36px; flex: 0 0 36px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(113,62,255,0.18), rgba(113,62,255,0.06));
    border: 1px solid var(--aios-border-glow);
}
.settings-overview-card__body { display: flex; flex-direction: column; align-items: center; min-width: 0; flex: 0 1 auto; }
.settings-overview-card__title { font-size: 14px; font-weight: 700; color: var(--aios-primary); letter-spacing: 0.2px; }
.settings-overview-card__desc { font-size: 11px; color: var(--aios-text-muted); line-height: 1.35; margin-top: 1px; }
.settings-overview-card__arrow { display: none; color: var(--aios-primary-soft); font-size: 20px; line-height: 1; opacity: 0.7; transition: transform var(--aios-transition-fast); }
.settings-overview-card:hover .settings-overview-card__arrow { transform: translateX(3px); opacity: 1; }

/* ===== 711 全景：叙事条 ===== */
.s-section--711-intro { padding: 14px 16px; }
.s-711-intro {
    display: grid; grid-template-columns: 1fr 2.2fr 1fr; gap: 12px;
    align-items: stretch;
}
.s-711-intro__pillar {
    display: flex; flex-direction: column; gap: 4px;
    padding: 12px 14px;
    border-radius: var(--aios-radius-sm);
    border: 1px solid var(--aios-border);
    background: var(--aios-surface-raised);
    position: relative; overflow: hidden;
}
.s-711-intro__pillar::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
}
.s-711-intro__pillar--party { background: linear-gradient(135deg, #fff5f5 0%, #fff 70%); }
.s-711-intro__pillar--party::before { background: #dc2626; }
.s-711-intro__pillar--seven { background: linear-gradient(135deg, #f5efff 0%, #fff 70%); }
.s-711-intro__pillar--seven::before { background: var(--aios-primary); }
.s-711-intro__pillar--human { background: linear-gradient(135deg, #ecfeff 0%, #fff 70%); }
.s-711-intro__pillar--human::before { background: #0891b2; }
.s-711-intro__tag {
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; letter-spacing: 0.3px;
    padding: 2px 8px; border-radius: 999px;
    background: rgba(113,62,255,0.10); color: var(--aios-primary);
    align-self: flex-start;
}
.s-711-intro__pillar--party .s-711-intro__tag { background: rgba(220,38,38,0.10); color: #b91c1c; }
.s-711-intro__pillar--human .s-711-intro__tag { background: rgba(8,145,178,0.10); color: #0e7490; }
.s-711-intro__name { font-size: 14px; font-weight: 700; color: var(--aios-text-primary); }
.s-711-intro__desc { font-size: 12px; color: var(--aios-text-muted); line-height: 1.5; }
@media (max-width: 1023px) {
    .s-711-intro { grid-template-columns: 1fr; }
}

/* ===== 711 全景：七自强成熟度卡 ===== */
.s-section--maturity { padding: 16px 18px; }
.s-section-header {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;
}
.s-section-header .s-section-title { margin: 0; }
.s-section-header__meta { font-size: 11px; color: var(--aios-text-muted); }
.s-meta-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; border-radius: 999px;
    background: var(--aios-primary-faint); color: var(--aios-primary);
    font-size: 11px; font-weight: 500;
}
.s-meta-chip code {
    background: transparent; font-size: 10px; opacity: 0.85;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.maturity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}
.maturity-card {
    --maturity-score: 0%;
    --maturity-accent: var(--aios-primary);
    display: flex; flex-direction: column; gap: 8px;
    padding: 14px 14px 12px;
    background: var(--aios-surface);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-md);
    box-shadow: var(--aios-shadow-sm);
    position: relative; overflow: hidden;
    transition: box-shadow var(--aios-transition-fast), transform var(--aios-transition-fast), border-color var(--aios-transition-fast);
}
.maturity-card::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    background: var(--maturity-accent);
    opacity: 0.55;
}
.maturity-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--aios-shadow-md);
    border-color: var(--aios-border-glow);
}
.maturity-card[data-level="excellent"] { --maturity-accent: #22c55e; }
.maturity-card[data-level="good"]      { --maturity-accent: var(--aios-primary); }
.maturity-card[data-level="warn"]      { --maturity-accent: #f59e0b; }
.maturity-card[data-level="danger"]    { --maturity-accent: #ef4444; }
.maturity-card[data-level="unknown"]   { --maturity-accent: #cbd5e1; }

.maturity-card__head { display: flex; align-items: center; gap: 8px; }
.maturity-card__icon {
    width: 26px; height: 26px; flex: 0 0 26px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px;
    border-radius: 8px;
    background: var(--aios-primary-faint);
    border: 1px solid var(--aios-border-subtle);
}
.maturity-card__title {
    font-size: 14px; font-weight: 700; color: var(--aios-text-primary); flex: 1; min-width: 0;
}
.maturity-card__badge { margin-left: auto; }
.maturity-card__desc {
    margin: 0; font-size: 12px; line-height: 1.55; color: var(--aios-text-muted);
    min-height: 38px;
}
.maturity-card__bar {
    height: 6px; border-radius: 999px;
    background: var(--aios-border-subtle);
    overflow: hidden;
    position: relative;
}
.maturity-card__bar-fill {
    display: block; height: 100%;
    width: var(--maturity-score, 0%);
    background: linear-gradient(90deg, color-mix(in srgb, var(--maturity-accent) 70%, #fff 0%), var(--maturity-accent));
    border-radius: inherit;
    transition: width 0.45s cubic-bezier(.4,0,.2,1);
}
.maturity-card__foot {
    display: flex; align-items: center; justify-content: space-between;
    font-size: 11px; color: var(--aios-text-muted);
}
.maturity-card__align {
    display: inline-flex; align-items: center;
    padding: 2px 8px; border-radius: 999px;
    background: var(--aios-surface-raised); border: 1px solid var(--aios-border-subtle);
}
.maturity-card__score {
    font-size: 15px; font-weight: 700; color: var(--maturity-accent); font-variant-numeric: tabular-nums;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ===== 711 底部两列：1人 / 1党 ===== */
.s-711-bottom-grid {
    display: grid; grid-template-columns: 1fr 1.25fr; gap: 12px;
}
@media (max-width: 1023px) {
    .s-711-bottom-grid { grid-template-columns: 1fr; }
}
.s-section--pillar { padding: 16px 18px; }
.s-pillar-tag {
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700;
    padding: 2px 8px; border-radius: 999px; margin-right: 8px;
    background: var(--aios-primary-faint); color: var(--aios-primary);
}
.s-pillar-tag--human { background: rgba(8,145,178,0.10); color: #0e7490; }
.s-pillar-tag--party { background: rgba(220,38,38,0.10); color: #b91c1c; }

.pillar-stat-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px;
}
.pillar-stat {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 14px;
    background: var(--aios-surface-raised);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-sm);
}
.pillar-stat__icon {
    width: 34px; height: 34px; flex: 0 0 34px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 16px;
    border-radius: 10px;
    background: var(--aios-primary-faint);
    border: 1px solid var(--aios-border-subtle);
}
.pillar-stat__body { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.pillar-stat__label { font-size: 12px; color: var(--aios-text-muted); }
.pillar-stat__value { font-size: 22px; font-weight: 700; color: var(--aios-text-primary); line-height: 1.1; font-variant-numeric: tabular-nums; margin-top: 2px; }
.pillar-stat__value.accent { color: var(--aios-primary); }

.party-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px;
}
.party-cell {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 12px;
    background: var(--aios-surface-raised);
    border: 1px solid var(--aios-border);
    border-radius: var(--aios-radius-sm);
    transition: border-color var(--aios-transition-fast), background var(--aios-transition-fast);
}
.party-cell:hover { border-color: var(--aios-border-glow); background: var(--aios-surface); }
.party-cell__icon {
    width: 30px; height: 30px; flex: 0 0 30px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px;
    border-radius: 8px;
    background: rgba(220,38,38,0.08); color: #b91c1c;
    border: 1px solid rgba(220,38,38,0.15);
}
.party-cell__body { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.party-cell__label { font-size: 13px; font-weight: 600; color: var(--aios-text-primary); }
.party-cell__desc { font-size: 11px; color: var(--aios-text-muted); margin-top: 1px; }
.party-cell__badge { margin-left: auto; }

/* 暗色 fallback：711 增补 */
@media (prefers-color-scheme: dark) {
    .s-711-intro__pillar--party { background: linear-gradient(135deg, rgba(220,38,38,0.12) 0%, transparent 70%); }
    .s-711-intro__pillar--seven { background: linear-gradient(135deg, rgba(113,62,255,0.15) 0%, transparent 70%); }
    .s-711-intro__pillar--human { background: linear-gradient(135deg, rgba(8,145,178,0.15) 0%, transparent 70%); }
    .settings-overview-card {
        background:
            radial-gradient(120% 140% at 0% 0%, rgba(113,62,255,0.30) 0%, rgba(113,62,255,0.05) 55%, transparent 100%),
            linear-gradient(135deg, #1c1724 0%, #221a30 100%);
    }
}

/* ======================================================================= */
/*  Minimal Light Settings Shell · v0.3                                     */
/*  SSOT: docs/platform/SETTINGS_MINIMAL_LIGHT_UI_DESIGN.md                 */
/* ======================================================================= */
:root {
    --settings-min-bg: #f7f7f5;
    --settings-min-surface: #ffffff;
    --settings-min-muted: #f2f2ef;
    --settings-min-line: #e6e4df;
    --settings-min-line-strong: #d8d5ce;
    --settings-min-text: #1f1f1d;
    --settings-min-sub: #6f6d68;
    --settings-min-faint: #9a9790;
    --settings-min-accent: #5f55d6;
    --settings-min-accent-soft: #efefff;
    --settings-min-warn: #b7791f;
    --settings-min-danger: #b45353;
    --settings-min-radius: 10px;
    --settings-font-ui: Inter, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;
    --settings-font-breadcrumb: 12px;
    --settings-font-section: 11px;
    --settings-font-body: 13px;
    --settings-font-row: 14px;
    --settings-font-desc: 12px;
    --settings-font-button: 12px;
    --settings-line-tight: 1.2;
    --settings-line-normal: 1.45;
    --settings-line-desc: 1.5;
}

.settings-container {
    background: var(--settings-min-bg);
    font-family: var(--settings-font-ui);
    font-size: var(--settings-font-body);
    line-height: var(--settings-line-normal);
}
.settings-sidebar {
    background: var(--settings-min-bg);
    border-right: 1px solid var(--settings-min-line);
    box-shadow: none;
}
.settings-search {
    background: linear-gradient(180deg, var(--settings-min-bg) 82%, rgba(247,247,245,0));
}
.settings-search input {
    background-color: var(--settings-min-surface);
    border-color: var(--settings-min-line);
    border-radius: var(--settings-min-radius);
    color: var(--settings-min-text);
    box-shadow: none;
}
.settings-search input:focus {
    border-color: var(--settings-min-line-strong);
    box-shadow: 0 0 0 3px rgba(95,85,214,0.10);
}
.settings-pulse-bar {
    height: 1px;
    margin: 8px 18px 6px;
    background: var(--settings-min-line-strong);
    animation: none;
    opacity: 1;
}
.settings-pulse-bar.warning { background: var(--settings-min-warn); }
.settings-pulse-bar.error { background: var(--settings-min-danger); animation: none; }

.settings-group-title {
    color: var(--settings-min-faint);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: none;
    padding: 18px 18px 7px;
}
.settings-group-title.collapsible:hover { color: var(--settings-min-text); }
.settings-group-arrow { color: var(--settings-min-faint); }
.settings-nav-item {
    margin: 1px 10px;
    padding: 8px 10px;
    border-left: 0;
    border-radius: 8px;
    color: var(--settings-min-sub);
    gap: 9px;
    transition: background 0.14s ease, color 0.14s ease;
}
.settings-nav-item:hover {
    background: var(--settings-min-muted);
    color: var(--settings-min-text);
}
.settings-nav-item.active {
    background: var(--settings-min-surface);
    color: var(--settings-min-text);
    box-shadow: none;
}
.settings-nav-item .nav-icon {
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--settings-min-sub);
    font-size: 11px;
    font-weight: 600;
    background: transparent;
}
.settings-nav-item:hover .nav-icon {
    transform: none;
}
.settings-nav-item.active .nav-icon { color: var(--settings-min-text); }
.settings-group-badge,
.settings-item-badge.number {
    background: var(--settings-min-danger);
    box-shadow: none;
}
.settings-item-badge.warn {
    color: var(--settings-min-warn);
    animation: none;
}
.settings-group-about {
    border-top: 1px solid var(--settings-min-line);
    background: transparent;
}

.settings-content {
    background: var(--settings-min-surface);
}
.settings-breadcrumb {
    color: var(--settings-min-faint);
    height: 40px;
    min-height: 40px;
    flex: 0 0 40px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    font-size: var(--settings-font-breadcrumb);
    line-height: 1.4;
    font-weight: 500;
}
.settings-breadcrumb a { color: var(--settings-min-sub); }
.settings-breadcrumb a:hover { color: var(--settings-min-text); }
.settings-breadcrumb .sep { color: var(--settings-min-line-strong); }
.settings-page-content {
    padding: 16px 28px 28px;
}

.settings-page-header {
    display: none;
}
.settings-page-header::before,
.settings-page-title,
.settings-page-subtitle { display: none; }
.settings-inline-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--settings-min-line);
}
.settings-inline-actions:empty { display: none; }
.settings-aios-l1 {
    background: var(--settings-min-muted);
    border: 1px solid var(--settings-min-line);
    border-radius: var(--settings-min-radius);
    box-shadow: none;
}
.aios-l1-tag,
.s-meta-chip,
.s-pillar-tag {
    background: var(--settings-min-accent-soft);
    color: var(--settings-min-accent);
    border-radius: 6px;
}
.aios-l1-kpi,
.s-section,
.s-stat-card,
.s-collapsible,
.dim-card,
.proposal-item,
.aios-pitfall-card {
    background: var(--settings-min-surface);
    border-color: var(--settings-min-line);
    box-shadow: none;
}
.s-section:hover,
.s-stat-card:hover,
.proposal-header:hover,
.dim-head:hover,
.s-collapsible__head:hover {
    border-color: var(--settings-min-line-strong);
    box-shadow: none;
    background: var(--settings-min-surface);
}
.s-row {
    border-bottom-color: var(--settings-min-line);
}
.s-section > .s-row-desc,
.s-section > p.s-row-desc {
    padding: 0 20px;
    margin: 0 0 10px;
}
.s-section > .s-row-desc:last-child,
.s-section > p.s-row-desc:last-child {
    margin-bottom: 16px;
}
.s-callout {
    display: block;
    padding: 10px 12px;
    margin: 2px 0 14px;
    border: 1px solid var(--settings-min-line);
    border-radius: var(--settings-min-radius);
    background: var(--settings-min-surface);
    color: var(--settings-min-text);
    font-size: var(--settings-font-desc);
    line-height: var(--settings-line-desc);
}
.s-callout--muted {
    background: var(--settings-min-muted);
    color: var(--settings-min-sub);
}
.s-callout--info {
    background: var(--settings-min-surface);
    color: var(--settings-min-text);
}
.s-callout--warn {
    background: #fffaf0;
    border-color: #ead9b8;
    color: var(--settings-min-warn);
}
.s-callout--danger {
    background: #fff7f7;
    border-color: #ead0d0;
    color: var(--settings-min-danger);
}
.s-token,
.s-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--settings-min-line);
    border-radius: 6px;
    background: var(--settings-min-surface);
    color: var(--settings-min-sub);
    font-size: 11px;
    font-weight: 520;
    line-height: 1.3;
}
.s-token { padding: 2px 8px; }
.s-chip { padding: 3px 8px; }
.s-section--danger {
    border-color: #ead0d0;
}
.s-section--danger .s-section-title {
    color: var(--settings-min-danger);
}
.s-row:hover {
    background: var(--settings-min-muted);
}
.s-row-icon,
.maturity-card__icon,
.pillar-stat__icon,
.party-cell__icon {
    background: var(--settings-min-muted);
    border: 1px solid var(--settings-min-line);
    color: var(--settings-min-sub);
    box-shadow: none;
}
.s-row:hover .s-row-icon {
    transform: none;
    background: var(--settings-min-surface);
}
.s-section-title,
.s-stat-label,
.s-table th {
    color: var(--settings-min-sub);
    text-transform: none;
    letter-spacing: 0.08em;
    font-size: var(--settings-font-section);
    font-weight: 600;
    line-height: 1.35;
}
.s-row-label,
.s-stat-value,
.aios-stat-card .value,
.s-stat-card--compact .value {
    color: var(--settings-min-text);
}
.s-row-label {
    font-size: var(--settings-font-row);
    font-weight: 560;
    line-height: 1.35;
}
.s-row-desc,
.s-row-value,
.s-stat-sub,
.settings-layer-hint--flush {
    color: var(--settings-min-sub);
}
.s-row-desc,
.s-stat-sub,
.settings-layer-hint--flush {
    font-size: var(--settings-font-desc);
    line-height: var(--settings-line-desc);
}
.s-row-value,
.s-table td,
.s-input,
.s-select {
    font-size: var(--settings-font-body);
    line-height: var(--settings-line-normal);
}
.s-btn {
    border-color: var(--settings-min-line);
    background: var(--settings-min-surface);
    color: var(--settings-min-text);
    box-shadow: none;
    font-size: var(--settings-font-button);
    font-weight: 520;
    line-height: var(--settings-line-tight);
}
.s-btn:hover {
    background: var(--settings-min-muted);
    border-color: var(--settings-min-line-strong);
    color: var(--settings-min-text);
    box-shadow: none;
    transform: none;
}
.s-btn.primary {
    background: var(--settings-min-text);
    border-color: var(--settings-min-text);
    color: #fff;
    box-shadow: none;
}
.s-btn.primary:hover {
    background: #33322f;
    border-color: #33322f;
    box-shadow: none;
}
.s-btn.danger {
    color: var(--settings-min-danger);
    border-color: #ead0d0;
}
.s-btn.danger:hover {
    background: #fff7f7;
    border-color: #e3bcbc;
}
.s-input,
.s-select {
    border-color: var(--settings-min-line);
    border-radius: 8px;
    background: var(--settings-min-surface);
    color: var(--settings-min-text);
}
.s-input:focus,
.s-select:focus {
    border-color: var(--settings-min-line-strong);
    box-shadow: 0 0 0 3px rgba(95,85,214,0.08);
}
.s-badge.purple,
.s-badge.gray {
    background: var(--settings-min-muted);
    border-color: var(--settings-min-line);
    color: var(--settings-min-sub);
}
.s-dot.purple {
    background: var(--settings-min-accent);
    box-shadow: none;
}
.s-table th {
    background: var(--settings-min-muted);
    border-bottom-color: var(--settings-min-line);
}
.s-table td {
    border-bottom-color: var(--settings-min-line);
    color: var(--settings-min-sub);
}
.s-table tr:hover td {
    background: var(--settings-min-muted);
}
.s-skeleton {
    background: linear-gradient(90deg, var(--settings-min-muted) 25%, #e9e8e3 50%, var(--settings-min-muted) 75%);
    background-size: 200% 100%;
}
.settings-overview-card {
    background: var(--settings-min-surface);
    border: 1px solid var(--settings-min-line);
    box-shadow: none;
}
.settings-overview-card::before { display: none; }
.settings-overview-card:hover {
    transform: none;
    border-color: var(--settings-min-line-strong);
    box-shadow: none;
}
.settings-overview-card__icon {
    background: var(--settings-min-muted);
    border: 1px solid var(--settings-min-line);
    color: var(--settings-min-sub);
    font-size: 13px;
    font-weight: 700;
}
.settings-overview-card__title {
    color: var(--settings-min-text);
}
.settings-overview-card__arrow {
    color: var(--settings-min-faint);
}

@media (max-width: 1279px) and (min-width: 1024px) {
    .settings-nav-item.active {
        background: var(--settings-min-surface);
        border: 0;
        border-radius: 8px;
    }
}
@media (max-width: 1023px) {
    .settings-mobile-toggle {
        background: var(--settings-min-text);
        box-shadow: 0 8px 22px rgba(31,31,29,0.14);
    }
    .settings-sidebar {
        box-shadow: 8px 0 30px rgba(31,31,29,0.12);
    }
    .settings-mobile-overlay {
        background: rgba(31,31,29,0.16);
    }
}

/* ======================================================================= */
/*  Settings Domain Navigation Scope                                       */
/*  Applies only to pages extending settings_base.html.                    */
/* ======================================================================= */
html.settings-domain-shell .global-nav {
    height: 56px;
    padding: 0 18px;
    background: var(--settings-min-bg);
    color: var(--settings-min-text);
    border-bottom: 1px solid var(--settings-min-line);
    box-shadow: none;
}
html.settings-domain-shell .nav-logo {
    margin-right: 26px;
    color: var(--settings-min-text);
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
}
html.settings-domain-shell .nav-menu {
    gap: 4px;
}
html.settings-domain-shell .nav-item {
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--settings-min-sub);
    font-size: 13px;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}
html.settings-domain-shell .nav-item:hover {
    background: var(--settings-min-muted);
    color: var(--settings-min-text);
}
html.settings-domain-shell .nav-item.active {
    background: var(--settings-min-surface);
    border-color: var(--settings-min-line);
    color: var(--settings-min-text);
}
html.settings-domain-shell .nav-dropdown-trigger,
html.settings-domain-shell .nav-dropdown-trigger:hover,
html.settings-domain-shell .nav-dropdown-trigger.active {
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--settings-min-sub) !important;
    box-shadow: none !important;
}
html.settings-domain-shell .nav-dropdown-trigger:hover,
html.settings-domain-shell .nav-dropdown-trigger.active {
    color: var(--settings-min-text) !important;
}
html.settings-domain-shell .nav-settings-btn {
    height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid var(--settings-min-line) !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    background: var(--settings-min-surface) !important;
    color: var(--settings-min-text) !important;
    opacity: 1 !important;
    line-height: 34px !important;
}
html.settings-domain-shell .nav-settings-btn svg {
    fill: var(--settings-min-sub) !important;
}
html.settings-domain-shell .nav-settings-btn:hover,
html.settings-domain-shell .nav-settings-btn.active {
    background: var(--settings-min-muted) !important;
    color: var(--settings-min-text) !important;
}
html.settings-domain-shell #nav-settings-dropdown-btn {
    height: 34px !important;
    width: 24px !important;
    border: 1px solid var(--settings-min-line) !important;
    border-left: 0 !important;
    background: var(--settings-min-surface) !important;
    color: var(--settings-min-sub) !important;
    opacity: 1 !important;
}
html.settings-domain-shell .nav-settings-minimal-menu {
    border-color: var(--settings-min-line) !important;
    box-shadow: 0 14px 30px rgba(31,31,29,0.10) !important;
}
html.settings-domain-shell .nav-dd-token {
    background: var(--settings-min-surface) !important;
    border-color: var(--settings-min-line) !important;
    color: var(--settings-min-sub) !important;
}
html.settings-domain-shell #ko-nav-mail svg {
    fill: var(--settings-min-sub) !important;
    opacity: 1 !important;
}
html.settings-domain-shell #ko-nav-mail:hover {
    background: var(--settings-min-muted) !important;
}
html.settings-domain-shell #nav-user-toggle {
    background: var(--settings-min-surface) !important;
    border-color: var(--settings-min-line) !important;
    color: var(--settings-min-text) !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
html.settings-domain-shell #nav-user-toggle:hover {
    background: var(--settings-min-muted) !important;
    border-color: var(--settings-min-line-strong) !important;
}
html.settings-domain-shell #nav-user-name-chip {
    color: var(--settings-min-text) !important;
    font-weight: 560;
}
html.settings-domain-shell #nav-user-role-pill {
    background: var(--settings-min-muted) !important;
    border: 1px solid var(--settings-min-line) !important;
    color: var(--settings-min-sub) !important;
}
html.settings-domain-shell #login-link a {
    color: var(--settings-min-text) !important;
    opacity: 1 !important;
}
html.settings-domain-shell .settings-sidebar {
    background: var(--settings-min-bg);
    border-right: 1px solid var(--settings-min-line);
    box-shadow: none;
}
html.settings-domain-shell .settings-search {
    background: linear-gradient(180deg, var(--settings-min-bg) 82%, rgba(247,247,245,0));
}
html.settings-domain-shell .settings-group-title {
    color: var(--settings-min-faint);
}
html.settings-domain-shell .settings-nav-item {
    border-left: 0;
    box-shadow: none;
}
html.settings-domain-shell .settings-nav-item.active {
    background: var(--settings-min-surface);
    border: 0;
    box-shadow: none;
    color: var(--settings-min-text);
}
html.settings-domain-shell .settings-nav-item .nav-icon {
    border: 0;
    background: transparent;
    box-shadow: none;
}

html.settings-domain-shell .settings-sidebar {
    width: 196px;
    min-width: 196px;
}
html.settings-domain-shell .settings-overview-card {
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    min-height: 62px;
}
html.settings-domain-shell .settings-overview-card__body {
    flex: 0 1 auto;
    align-items: center;
}
html.settings-domain-shell .settings-overview-card__title {
    font-size: 13px;
}
html.settings-domain-shell .settings-overview-card__arrow {
    display: none;
}
html.settings-domain-shell .settings-container.settings-sidebar-collapsed .settings-sidebar {
    width: 58px;
    min-width: 58px;
}

@media (max-width: 899px) {
    html.settings-domain-shell .global-nav {
        padding: 9px 12px;
    }
    html.settings-domain-shell .nav-item {
        padding: 6px 9px;
        font-size: 12px;
    }
}