/* === 云森客三主题系统 === */
.sidebar{width:200px!important}
.sidebar-nav a{display:flex!important;align-items:center;gap:8px!important;padding:12px 16px!important;font-size:15px!important;text-decoration:none}
/* logo 遮罩，颜色跟随 .sidebar-brand */
.nav-logo{width:32px;height:32px;flex-shrink:0;display:inline-block;background-color:currentColor!important;mask-size:contain!important;-webkit-mask-size:contain!important;mask-repeat:no-repeat!important;-webkit-mask-repeat:no-repeat!important;mask-position:center!important;-webkit-mask-position:center!important}
.nav-logo.nav-logo-image{display:block;object-fit:contain;object-position:center;background:transparent!important;mask:none!important;-webkit-mask:none!important}

/* === 基础结构CSS（原在每个页面重复，现统一到此处） === */
:root{--tblr-primary:#206bc4}
body{background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:16px}
.wrapper{display:flex;height:100vh;overflow:hidden}
.sidebar{width:200px;background:#1e293b;color:#e2e8f0;flex-shrink:0;display:flex;flex-direction:column}
.sidebar-brand{padding:16px 20px;font-size:20px;font-weight:700;color:#fff;border-bottom:1px solid #334155;text-decoration:none;display:block}
.sidebar-nav{flex:1;padding:12px 0}
.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#94a3b8;text-decoration:none;font-size:15px;border-left:3px solid transparent;transition:.15s}
.sidebar-nav a:hover{color:#e2e8f0;background:rgba(255,255,255,.05)}
.sidebar-nav a.active{color:#fff;background:rgba(32,107,196,.25);border-left-color:#206bc4}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{background:#fff;padding:10px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}
.content{flex:1;padding:12px;overflow-y:auto;min-height:0}
.cols{display:flex;flex:1;gap:10px;min-height:0}
.panel{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.06);min-height:0;overflow:hidden}
.panel-head{padding:10px 14px;border-bottom:1px solid #e2e8f0;font-weight:600;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:15px}
.panel-body{flex:1;overflow-y:auto;padding:4px 0}
.toast-msg{position:fixed;top:1rem;right:1rem;z-index:9999;min-width:250px}
.badge.bg-success,.btn-success{color:#fff;font-weight:700}
table th{font-size:12px!important}

/* ========== 天蓝 ========== */
[data-theme="sky"] {
  --bg-body: #f0f7fd;
  --bg-sidebar: #0369a1;
  --bg-card: #ffffff;
  --bg-topbar: #ffffff;
  --bg-input: #f8fafc;
  --bg-hover: rgba(3,105,161,0.06);
  --text-primary: #0f172a;
  --text-secondary: #526477;
  --text-sidebar: #bae6fd;
  --text-sidebar-active: #fff;
  --text-sidebar-hover: #fff;
  --accent: #0284c7;
  --accent-hover: #0369a1;
  --border: #e0e7ef;
  --border-light: #eef2f6;
  --shadow: 0 1px 3px rgba(0,0,0,.06);
  --chat-other: #ffffff;
  --chat-self: #e0f2fe;
  --chat-self-text: #0c4a6e;
  --badge-bg: #0284c7;
  --badge-text: #fff;
  --danger: #dc2626;
  --warning: #d97706;
  --info: #0284c7;
  --sidebar-brand: #fff;
  --scrollbar-thumb: #bae6fd;
  --scrollbar-track: #e0f2fe;
}

/* ========== 公共变量应用 ========== */
[data-theme] body {
  background: var(--bg-body);
  color: var(--text-primary);
}
[data-theme] .sidebar {
  background: var(--bg-sidebar) !important;
  color: var(--text-sidebar) !important;
}
[data-theme] .sidebar-brand {
  color: var(--sidebar-brand) !important;
  border-bottom-color: var(--border) !important;
}
[data-theme] .sidebar-nav a {
  color: var(--text-sidebar) !important;
}
[data-theme] .sidebar-nav a:hover {
  color: var(--text-sidebar-hover) !important;
  background: var(--bg-hover) !important;
}
[data-theme] .sidebar-nav a.active {
  color: var(--text-sidebar-active) !important;
  background: var(--accent) !important;
  border-left-color: var(--accent) !important;
}
[data-theme] .topbar,
[data-theme] header:not(.sidebar-brand) {
  background: var(--bg-topbar) !important;
  border-bottom-color: var(--border) !important;
}
[data-theme] .panel,
[data-theme] .card,
[data-theme] .modal-content,
[data-theme] .info-card {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}
[data-theme] .panel-head,
[data-theme] .card-header {
  border-bottom-color: var(--border) !important;
}
[data-theme] .chat-area {
  background: var(--bg-card) !important;
}
[data-theme] .chat-bubble:not(.mine) .chat-bubble,
[data-theme] .chat-msg:not(.mine) .chat-bubble {
  background: var(--chat-other) !important;
}
[data-theme] .chat-msg.mine .chat-bubble {
  background: var(--chat-self) !important;
  color: var(--chat-self-text) !important;
}
[data-theme] .chat-msg.outgoing .chat-bubble {
  background: #fca5a5 !important;
  color: #7f1d1d !important;
}
[data-theme] .chat-bubble .sender {
  color: var(--text-secondary) !important;
}
[data-theme] .chat-input {
  background: var(--bg-card) !important;
  border-top-color: var(--border) !important;
}
[data-theme] .chat-input textarea {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
[data-theme] .form-control,
[data-theme] .form-select {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
[data-theme] .form-control:focus,
[data-theme] .form-select:focus {
  border-color: var(--accent) !important;
}
[data-theme] .btn-primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}
[data-theme] .btn-primary:hover {
  background: var(--accent-hover) !important;
}
[data-theme] .count-badge {
  background: var(--badge-bg) !important;
  color: var(--badge-text) !important;
}
[data-theme] .text-muted {
  color: var(--text-secondary) !important;
}
[data-theme] table th,
[data-theme] .card-table thead th,
[data-theme] .card-table tbody td {
  color: var(--text-secondary) !important;
}
[data-theme] .card-table thead th {
  background: var(--bg-sidebar) !important;
  border-color: var(--border) !important;
}
[data-theme] .client-item.selected .client-info .name,
[data-theme] .client-item.selected .client-info .ip { color: #fff !important; }
[data-theme] .conv-item.selected {
  background: var(--accent) !important;
  border-left-color: var(--accent) !important;
  color: #fff !important;
}
[data-theme] .conv-item.selected .cname,
[data-theme] .conv-item.selected .cpreview,
[data-theme] .conv-item.selected .ctime { color: #fff !important; }
[data-theme] .nav-tabs .nav-link.active {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}
[data-theme] .nav-tabs {
  border-bottom-color: var(--border) !important;
  background: var(--bg-body) !important;
}
[data-theme] .tab-content {
  background: var(--bg-card) !important;
}
[data-theme] .card-header-tabs {
  background: transparent !important;
}
[data-theme] .badge.bg-success {
  background: var(--badge-bg) !important;
  color: var(--badge-text) !important;
}
[data-theme] .badge.bg-primary {
  background: var(--accent) !important;
  color: #fff !important;
}
[data-theme] .badge.bg-danger {
  background: var(--danger) !important;
  color: #fff !important;
}
[data-theme] .badge.bg-warning {
  background: var(--warning) !important;
  color: #000 !important;
}
[data-theme] .badge.bg-info {
  background: var(--info) !important;
  color: #fff !important;
}
[data-theme] .btn-outline-success {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}
[data-theme] .btn-outline-success:hover {
  background: var(--accent) !important;
  color: #fff !important;
}
[data-theme] .badge-client-ai {
  background: var(--bg-input) !important;
  color: var(--accent) !important;
}
[data-theme] .badge-client-status.online {
  background: var(--accent) !important;
  color: #fff !important;
}
[data-theme] .badge-client-status.offline {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border) !important;
}
[data-theme] .badge-client-status.warning {
  background: #f59e0b !important;
  color: #fff !important;
}
[data-theme] .badge-client-status.disconnected {
  background: #fbbf24 !important;
  color: #78350f !important;
}
[data-theme] .table {
  color: var(--text-primary) !important;
}
[data-theme] .table-hover tbody tr:hover {
  background: var(--bg-hover) !important;
}
[data-theme] .modal-header {
  border-bottom-color: var(--border) !important;
  background: var(--bg-card) !important;
}
[data-theme] .modal-footer {
  border-top-color: var(--border) !important;
  background: var(--bg-card) !important;
}
[data-theme] .modal-body {
  background: var(--bg-card) !important;
}
[data-theme] .table-responsive {
  background: var(--bg-card) !important;
}
[data-theme] .btn-outline-secondary {
  border-color: var(--border) !important;
  color: var(--text-secondary) !important;
}
[data-theme] .btn-outline-secondary:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
[data-theme] code {
  background: var(--bg-input) !important;
  color: var(--accent) !important;
}
[data-theme] .hist-item,
[data-theme] .pend-item {
  border-bottom-color: var(--border-light) !important;
}
[data-theme] .hist-item:hover,
[data-theme] .pend-item:hover {
  background: var(--bg-hover) !important;
}
[data-theme] .hist-item.selected,
[data-theme] .pend-item.selected {
  background: var(--accent) !important;
  border-left-color: var(--accent) !important;
  color: #fff !important;
}
[data-theme] .hist-item.selected .cname,
[data-theme] .hist-item.selected .cpreview,
[data-theme] .hist-item.selected .ctime,
[data-theme] .hist-item.selected .status-badge,
[data-theme] .pend-item.selected .pname,
[data-theme] .pend-item.selected .ppreview,
[data-theme] .pend-item.selected .ptime { color: #fff !important; }
[data-theme] .detail-chat {
  background: var(--bg-card) !important;
}
[data-theme] .detail-footer {
  background: var(--bg-card) !important;
  border-top-color: var(--border) !important;
}
[data-theme] .detail-footer textarea {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
[data-theme] .type-badge:hover,
[data-theme] .nav-tabs .nav-link:hover {
  color: var(--accent) !important;
}
[data-theme] .pipe-body {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}
[data-theme] .pipe-body h4 {
  color: var(--text-primary) !important;
}
[data-theme] input, [data-theme] select, [data-theme] textarea {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

/* 滚动条 */
[data-theme] ::-webkit-scrollbar { width: 6px; }
[data-theme] ::-webkit-scrollbar-track { background: var(--scrollbar-track); }
[data-theme] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }

/* EasyMDE 编辑器 */
[data-theme] .EasyMDEContainer .CodeMirror {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
[data-theme] .editor-toolbar {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}
[data-theme] .editor-toolbar button { color: var(--text-secondary) !important; }
[data-theme] .editor-toolbar button:hover,
[data-theme] .editor-toolbar button.active {
  background: var(--bg-hover) !important;
  color: var(--accent) !important;
}
[data-theme] .editor-toolbar i.separator { border-left-color: var(--border) !important; }

/* 仪表盘统计卡片 */
[data-theme] .stats-card { background: var(--bg-card) !important; }

/* 表格 */
[data-theme] .table { color: var(--text-primary) !important; }
[data-theme] .table thead th,
[data-theme] .table th,
[data-theme] th { background: var(--bg-sidebar) !important; color: var(--text-secondary) !important; border-color: var(--border) !important; }
[data-theme] .table td,
[data-theme] td { border-color: var(--border-light) !important; color: var(--text-primary) !important; }
[data-theme] .table-hover tbody tr:hover { background: var(--bg-hover) !important; }
[data-theme] .table-bordered,
[data-theme] .table-bordered th,
[data-theme] .table-bordered td { border-color: var(--border) !important; }

/* 页签激活态 */
[data-theme] .nav-tabs .nav-link.active {
  color: var(--accent) !important;
  background: var(--bg-card) !important;
  border-color: var(--border) var(--border) var(--bg-card) !important;
}
[data-theme] .nav-tabs .nav-link { color: var(--text-secondary) !important; }
[data-theme] .nav-tabs .nav-link:hover { color: var(--accent) !important; }
[data-theme] .tab-btn { color: var(--text-secondary) !important; }
[data-theme] .tab-btn.active { color: var(--accent) !important; border-bottom-color: var(--accent) !important; }

/* 下拉菜单 */
[data-theme] .dropdown-menu { background: var(--bg-card) !important; border-color: var(--border) !important; }
[data-theme] .dropdown-item { color: var(--text-primary) !important; }
[data-theme] .dropdown-item:hover { background: var(--bg-hover) !important; }

/* 卡片内部文字 */
[data-theme] .card,
[data-theme] .card-header,
[data-theme] .card-body { color: var(--text-primary) !important; }

/* 侧边栏底部栏 */
[data-theme] .sidebar > div[style*="border-top"] { border-top-color: var(--border) !important; }

/* 全局input覆盖 */
[data-theme] input:not(.form-check-input),
[data-theme] select,
[data-theme] textarea {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
[data-theme] input::placeholder,
[data-theme] textarea::placeholder { color: var(--text-secondary) !important; }

/* html/body 背景 */
[data-theme] html { background: var(--bg-body) !important; }

/* 接管未覆盖的白色区域 */
[data-theme] .main,
[data-theme] .content { background: var(--bg-body) !important; }

/* 审核状态徽标 */
[data-theme] .status-badge.ok { background: rgba(7,193,96,0.2) !important; color: #07c160 !important; }
[data-theme] .status-badge.no { background: rgba(250,81,81,0.2) !important; color: #fa5151 !important; }

/* 设置页覆盖提示条 */
[data-theme] .override-bar { background: rgba(245,158,0,0.12) !important; border-color: rgba(245,158,0,0.3) !important; color: var(--text-primary) !important; }

/* 客户头像圆圈 */
[data-theme] .avatar-circle { background: var(--accent) !important; color: #fff !important; }

/* 设置页表单标签 */
[data-theme] .row-cfg label { color: var(--text-secondary) !important; }
[data-theme] .settings-form-box { background: var(--bg-input) !important; border-radius: 6px; }

/* 设置页提示文字 */
[data-theme] .field-hint { color: var(--text-secondary) !important; }

/* 审批按钮 */
[data-theme] .btn-approve { background: var(--accent) !important; }
[data-theme] .btn-approve:hover { background: var(--accent-hover) !important; }

/* 审核详情回复区 */
[data-theme] .review-reply-section { border-top-color: var(--border) !important; }
[data-theme] .review-reply-box { background: var(--bg-input) !important; color: var(--text-primary) !important; }

/* 审核详情分页栏 */
[data-theme] .pager-bar { border-top-color: var(--border) !important; }

/* 登录页 */
[data-theme] .login-box { background: var(--bg-card) !important; box-shadow: var(--shadow) !important; }
[data-theme] .login-box h2 { color: var(--text-primary) !important; }
[data-theme] .login-box .form-label { color: var(--text-secondary) !important; }

/* 消息中心 - 客户端列表 */
[data-theme] .client-item { border-bottom-color: var(--border-light) !important; }
[data-theme] .client-item:hover { background: var(--bg-hover) !important; }
[data-theme] .client-item.offline { background: transparent !important; }
[data-theme] .client-item.offline .client-info .name { color: var(--text-secondary) !important; }
[data-theme] .conv-item.has-unread { background: rgba(7,193,96,0.06) !important; }
/* selected 必须在 offline 之后，确保选中态覆盖离线态 */
[data-theme] .client-item.selected,
[data-theme] .client-item.offline.selected { background: var(--accent) !important; color: #fff !important; }
[data-theme] tr.client-offline { background: transparent !important; }
[data-theme] tr.client-offline td { color: var(--text-secondary) !important; }
[data-theme] .client-avatar { background: var(--bg-input) !important; color: var(--text-secondary) !important; }
[data-theme] .client-info .ip { color: var(--text-secondary) !important; }
[data-theme] .client-avatar-wrap::after { border-color: var(--bg-card, #fff) !important; }

/* 消息中心 - 会话列表 */
[data-theme] .conv-item { border-bottom-color: var(--border-light) !important; }
[data-theme] .conv-item:hover { background: var(--bg-hover) !important; }
[data-theme] .conv-item .cpreview { color: var(--text-secondary) !important; }
[data-theme] .conv-item .ctime { color: var(--text-secondary) !important; }

/* 消息中心 - 聊天区 */
[data-theme] .chat-header { background: var(--bg-card) !important; border-bottom-color: var(--border) !important; color: var(--text-primary) !important; }
[data-theme] .chat-bubble .time { color: var(--text-secondary) !important; }
[data-theme] .chat-msg:not(.mine) .chat-bubble { background: var(--chat-other) !important; color: var(--text-primary) !important; }
[data-theme] .chat-bubble .sender,
[data-theme] .chat-bubble .content,
[data-theme] .chat-bubble .time { background: transparent !important; }
[data-theme] .empty-center { color: var(--text-secondary) !important; }

/* 审核详情-聊天区 */
[data-theme] .detail-header { background: var(--bg-card) !important; border-bottom-color: var(--border) !important; color: var(--text-primary) !important; }

/* 页签/类型徽标 */
[data-theme] .type-badge { color: var(--text-secondary) !important; }
[data-theme] .type-badge.active,
[data-theme] .type-badge:hover { color: var(--accent) !important; }

/* info-card（流程页） */
[data-theme] .info-card .card-header { background: var(--bg-card) !important; }
[data-theme] .info-card table th { background: var(--bg-sidebar) !important; }

/* 客户行hover */
[data-theme] .customer-row:hover { background: var(--bg-hover) !important; }

/* 管理页tabs */
[data-theme] .tabs { border-bottom-color: var(--border) !important; }

/* 管理页分配客户端复选框 */
[data-theme] .form-check-input:checked {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}
[data-theme] .form-check-input:checked + .form-check-label {
  color: var(--accent) !important;
  font-weight: 600 !important;
}

/* 统计卡片 */
[data-theme] .stat { background: var(--bg-card) !important; box-shadow: var(--shadow) !important; }

/* layout.html */
[data-theme] .header { background: var(--bg-card) !important; box-shadow: var(--shadow) !important; }

/* 回访管理 */
[data-theme] .cfg-bar { border-bottom-color: var(--border) !important; }
[data-theme] .cfg-bar label { color: var(--text-secondary) !important; }
[data-theme] .cfg-bar .cfg-hint { color: var(--text-secondary) !important; }
[data-theme] #recordPager { border-top-color: var(--border) !important; }

/* ===== 天蓝主题专属覆盖（必须在最后） ===== */
[data-theme="sky"] table th,
[data-theme="sky"] .table thead th,
[data-theme="sky"] .card-table thead th { color: #fff !important; }

/* ========================================================================== 
   品牌蓝舱 · 全局后台视觉系统
   所有使用 layout.html 的页面共享这一层，避免页面之间出现不同的旧主题。
   ========================================================================== */
html[data-theme="sky"] {
  --bg-body: #edf4ff;
  --bg-sidebar: #155bc7;
  --bg-card: #ffffff;
  --bg-topbar: rgba(255,255,255,.96);
  --bg-input: #f7fafd;
  --bg-hover: #eef5ff;
  --text-primary: #1f2d42;
  --text-secondary: #738197;
  --text-sidebar: rgba(255,255,255,.78);
  --text-sidebar-active: #ffffff;
  --text-sidebar-hover: #ffffff;
  --accent: #155bc7;
  --accent-hover: #104da9;
  --border: #d7e3f1;
  --border-light: #e8eef6;
  --shadow: 0 7px 22px rgba(42,88,140,.07);
  --chat-other: #ffffff;
  --chat-self: #dcecff;
  --chat-self-text: #184e8c;
  --badge-bg: #155bc7;
  --badge-text: #ffffff;
  --info: #2876df;
  --sidebar-brand: #ffffff;
  --scrollbar-thumb: #bdcce0;
  --scrollbar-track: transparent;
  color-scheme: light;
  background: var(--bg-body) !important;
}

html[data-theme="sky"] body.brand-cabin {
  background: var(--bg-body) !important;
  color: var(--text-primary);
  font-size: 14px;
}

html[data-theme="sky"] .wrapper {
  background: var(--bg-body);
}

/* 品牌蓝图标导航舱 */
html[data-theme="sky"] .sidebar {
  width: 76px !important;
  background: #155bc7 !important;
  border-right: 0 !important;
  box-shadow: 8px 0 24px rgba(21,91,199,.12);
  overflow: visible;
  z-index: 30;
  position: relative;
  transition: width .2s ease;
}

html[data-theme="sky"][data-sidebar-expanded="1"] .sidebar {
  width: 212px !important;
}

html[data-theme="sky"].sidebar-state-restoring .sidebar {
  transition: none !important;
}

html[data-theme="sky"] .sidebar-brand {
  width: 76px;
  height: 58px;
  padding: 12px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.13) !important;
}

html[data-theme="sky"] .sidebar-brand .nav-logo {
  width: 42px;
  height: 34px;
  margin: 0;
  color: #ffffff;
}

html[data-theme="sky"] .sidebar-brand-text {
  display: none;
}

html[data-theme="sky"] .sidebar-toggle {
  position: absolute;
  top: 67px;
  right: -13px;
  z-index: 40;
  width: 26px;
  height: 26px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid #d7e3f1;
  border-radius: 50%;
  background: #fff;
  color: #155bc7;
  box-shadow: 0 5px 14px rgba(32,72,124,.16);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}

html[data-theme="sky"] .sidebar-toggle:hover {
  transform: scale(1.06);
  box-shadow: 0 7px 18px rgba(32,72,124,.22);
}

html[data-theme="sky"] .sidebar-toggle-arrow {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 22px;
  line-height: 20px;
  font-weight: 400;
  transform: translateX(1px);
  transition: transform .2s ease;
}

html[data-theme="sky"] .sidebar-toggle[aria-expanded="true"] .sidebar-toggle-arrow {
  transform: rotate(180deg) translateX(1px);
}

html[data-theme="sky"] .sidebar-nav {
  padding: 10px 9px;
  overflow-x: hidden;
  overflow-y: auto;
}

html[data-theme="sky"] .sidebar-nav a {
  width: 58px;
  height: 40px;
  padding: 0 !important;
  margin: 2px 0;
  justify-content: center;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 10px;
  color: rgba(255,255,255,.76) !important;
  font-size: 0 !important;
}

html[data-theme="sky"] .sidebar-nav a span {
  display: none;
}

html[data-theme="sky"] .sidebar-nav a .icon,
html[data-theme="sky"] .sidebar-nav a i {
  width: 22px;
  height: 22px;
  margin: 0 !important;
  font-size: 21px;
  stroke-width: 1.8;
}

html[data-theme="sky"] .sidebar-nav a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.13) !important;
  transform: none;
}

html[data-theme="sky"] .sidebar-nav a.active {
  color: #fff !important;
  background: rgba(255,255,255,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.13), 0 5px 14px rgba(5,45,112,.2);
}

html[data-theme="sky"] .sidebar-footer {
  min-height: 48px;
  padding: 8px 9px;
  border-top: 1px solid rgba(255,255,255,.13);
  display: flex;
  align-items: center;
  justify-content: center;
}

html[data-theme="sky"] .sidebar-footer > span {
  display: none;
}

html[data-theme="sky"] .sidebar-footer > a {
  width: 42px;
  height: 32px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.76) !important;
  text-decoration: none;
  font-size: 18px;
}

html[data-theme="sky"] .sidebar-footer > a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.13);
}

html[data-theme="sky"] .sidebar-footer > a span {
  display: none;
}

/* 展开态：显示品牌、中文菜单名与当前用户 */
html[data-theme="sky"] .sidebar.expanded {
  width: 212px !important;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-brand {
  width: 212px;
  padding: 12px 18px !important;
  justify-content: flex-start;
  gap: 11px !important;
  font-size: 20px !important;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-brand .nav-logo {
  width: 42px;
  height: 32px;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-brand-text {
  display: inline;
  font-size: 20px;
  font-weight: 750;
  letter-spacing: .04em;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-nav {
  padding: 10px 9px;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-nav a {
  width: 100%;
  padding: 0 14px !important;
  justify-content: flex-start;
  gap: 11px !important;
  font-size: 14px !important;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-nav a span {
  display: inline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-footer {
  padding: 8px 13px !important;
  justify-content: space-between !important;
  gap: 8px;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-footer > span {
  display: block !important;
  max-width: 120px;
  overflow: hidden;
  color: rgba(255,255,255,.72) !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html[data-theme="sky"] body.messages-workspace .sidebar.expanded .sidebar-footer #loginUser {
  display: block !important;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-footer > a {
  width: auto;
  padding: 0 8px;
  gap: 5px;
  font-size: 13px !important;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-footer > a span {
  display: inline;
}

/* 页面骨架 */
html[data-theme="sky"] .main,
html[data-theme="sky"] .content {
  background: var(--bg-body) !important;
}

html[data-theme="sky"] .topbar {
  min-height: 58px;
  padding: 0 20px;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--border-light) !important;
  box-shadow: 0 1px 0 rgba(69,99,132,.03);
  backdrop-filter: blur(12px);
}

html[data-theme="sky"] .topbar > .fw-bold {
  color: #203b63;
  font-size: 16px;
  letter-spacing: .01em;
}

html[data-theme="sky"] .content {
  padding: 18px;
}

/* 白色内容舱 */
html[data-theme="sky"] .panel,
html[data-theme="sky"] .card,
html[data-theme="sky"] .info-card,
html[data-theme="sky"] .stat,
html[data-theme="sky"] .stats-card,
html[data-theme="sky"] .dash-card,
html[data-theme="sky"] .prompt-card,
html[data-theme="sky"] .agent-card,
html[data-theme="sky"] .cfg-stage-card,
html[data-theme="sky"] .settings-form-box,
html[data-theme="sky"] .table-responsive,
html[data-theme="sky"] .modal-content,
html[data-theme="sky"] .dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
}

html[data-theme="sky"] .panel {
  overflow: hidden;
}

html[data-theme="sky"] .card-header,
html[data-theme="sky"] .panel-head,
html[data-theme="sky"] .modal-header,
html[data-theme="sky"] .modal-footer {
  background: #fff !important;
  border-color: var(--border-light) !important;
}

html[data-theme="sky"] .card-header,
html[data-theme="sky"] .panel-head {
  min-height: 52px;
  padding: 13px 16px;
  color: #263a56 !important;
}

html[data-theme="sky"] .card-title,
html[data-theme="sky"] h1,
html[data-theme="sky"] h2,
html[data-theme="sky"] h3,
html[data-theme="sky"] h4,
html[data-theme="sky"] h5,
html[data-theme="sky"] h6 {
  color: #223957;
}

/* 表格与列表 */
html[data-theme="sky"] .table,
html[data-theme="sky"] .card-table {
  --tblr-table-border-color: var(--border-light);
  color: var(--text-primary) !important;
  background: #fff;
  margin-bottom: 0;
}

html[data-theme="sky"] table th,
html[data-theme="sky"] .table th,
html[data-theme="sky"] .table thead th,
html[data-theme="sky"] .card-table thead th,
html[data-theme="sky"] .info-card table th {
  background: #f5f8fd !important;
  color: #65758c !important;
  border-color: var(--border) !important;
  font-weight: 600;
  letter-spacing: .01em;
}

html[data-theme="sky"] table td,
html[data-theme="sky"] .table td,
html[data-theme="sky"] .card-table td {
  background: #fff;
  color: var(--text-primary) !important;
  border-color: var(--border-light) !important;
}

html[data-theme="sky"] .table-hover tbody tr:hover > *,
html[data-theme="sky"] tr:hover > td {
  background: #f7faff !important;
}

html[data-theme="sky"] .list-group-item,
html[data-theme="sky"] .client-item,
html[data-theme="sky"] .conv-item,
html[data-theme="sky"] .hist-item,
html[data-theme="sky"] .pend-item {
  border-color: var(--border-light) !important;
}

/* 表单与操作 */
html[data-theme="sky"] input:not(.form-check-input),
html[data-theme="sky"] select,
html[data-theme="sky"] textarea,
html[data-theme="sky"] .form-control,
html[data-theme="sky"] .form-select,
html[data-theme="sky"] .input-group-text {
  background: #f7fafd !important;
  color: var(--text-primary) !important;
  border-color: #d5e1ef !important;
  border-radius: 8px;
}

html[data-theme="sky"] .input-group > :not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[data-theme="sky"] .input-group > :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[data-theme="sky"] input:focus,
html[data-theme="sky"] select:focus,
html[data-theme="sky"] textarea:focus,
html[data-theme="sky"] .form-control:focus,
html[data-theme="sky"] .form-select:focus {
  background: #fff !important;
  border-color: #4f8de3 !important;
  box-shadow: 0 0 0 3px rgba(21,91,199,.11) !important;
}

html[data-theme="sky"] .form-label,
html[data-theme="sky"] label {
  color: #52657e;
}

html[data-theme="sky"] .btn {
  border-radius: 8px;
  box-shadow: none;
}

html[data-theme="sky"] .btn-primary,
html[data-theme="sky"] .btn-outline-primary:hover,
html[data-theme="sky"] .page-item.active .page-link {
  background: #155bc7 !important;
  border-color: #155bc7 !important;
  color: #fff !important;
}

html[data-theme="sky"] .btn-primary:hover {
  background: #104da9 !important;
  border-color: #104da9 !important;
}

html[data-theme="sky"] .btn-outline-primary,
html[data-theme="sky"] a:not(.sidebar-brand):not(.sidebar-nav a):not(.btn) {
  color: #155bc7;
}

html[data-theme="sky"] .btn-outline-primary {
  border-color: #8bb2e8;
}

html[data-theme="sky"] .btn-secondary,
html[data-theme="sky"] .btn-outline-secondary:hover {
  background: #edf2f8 !important;
  border-color: #d7e1ed !important;
  color: #52657e !important;
}

/* 页签、徽标、进度及提示 */
html[data-theme="sky"] .nav-tabs,
html[data-theme="sky"] .tabs,
html[data-theme="sky"] .cfg-tabs {
  background: transparent !important;
  border-color: var(--border) !important;
}

html[data-theme="sky"] .nav-tabs .nav-link.active,
html[data-theme="sky"] .tab-btn.active,
html[data-theme="sky"] .tab-btn2.active,
html[data-theme="sky"] .cfg-tab.active {
  color: #155bc7 !important;
  border-bottom-color: #155bc7 !important;
}

html[data-theme="sky"] .badge.bg-primary,
html[data-theme="sky"] .bg-primary {
  background-color: #155bc7 !important;
}

html[data-theme="sky"] .bg-primary-lt,
html[data-theme="sky"] .bg-blue-lt,
html[data-theme="sky"] .alert-info {
  background: #e5f0ff !important;
  border-color: #c9ddf7 !important;
  color: #15519e !important;
}

html[data-theme="sky"] .progress {
  background: #e8eef6;
  border-radius: 999px;
}

html[data-theme="sky"] .progress-bar {
  background: #2876df;
}

html[data-theme="sky"] .pagination .page-link {
  color: #315a8b;
  background: #fff;
  border-color: var(--border);
}

/* 页面里常见的硬编码浅灰容器统一收口 */
html[data-theme="sky"] .cfg-tab,
html[data-theme="sky"] .media-type-btn,
html[data-theme="sky"] .agent-card-empty,
html[data-theme="sky"] .modal-editor .modal-header,
html[data-theme="sky"] [style*="background:#f8fafc"],
html[data-theme="sky"] [style*="background: #f8fafc"],
html[data-theme="sky"] [style*="background:#f1f5f9"],
html[data-theme="sky"] [style*="background: #f1f5f9"] {
  background: #f7fafd !important;
}

html[data-theme="sky"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html[data-theme="sky"] ::-webkit-scrollbar-thumb {
  background: #bdcce0;
  border-radius: 999px;
}

@media (max-width: 768px) {
  html[data-theme="sky"] .content { padding: 12px; }
  html[data-theme="sky"] .topbar { padding: 0 14px; }
}

/* ========================================================================
   品牌蓝舱 · 统一组件规范 v5
   所有页面的标题、按钮、表格、表单、页签与状态使用同一视觉语言。
   ======================================================================== */

html[data-theme="sky"] {
  --ysk-blue-50: #f3f7ff;
  --ysk-blue-100: #e6efff;
  --ysk-blue-200: #cadcff;
  --ysk-blue-500: #2876df;
  --ysk-blue-600: #155bc7;
  --ysk-blue-700: #104da9;
  --ysk-slate-50: #f8fafc;
  --ysk-slate-100: #f1f5f9;
  --ysk-slate-200: #e2e8f0;
  --ysk-slate-400: #94a3b8;
  --ysk-slate-500: #64748b;
  --ysk-slate-700: #334155;
  --ysk-green: #15945f;
  --ysk-green-bg: #e9f8f1;
  --ysk-amber: #b76b00;
  --ysk-amber-bg: #fff5df;
  --ysk-red: #cf3f4f;
  --ysk-red-bg: #fff0f2;
  --ysk-cyan: #147aa0;
  --ysk-cyan-bg: #eaf8fd;
  --ysk-radius-sm: 8px;
  --ysk-radius: 12px;
  --ysk-control-height: 36px;
}

/* 菜单分组：只有展开时显示分组名，菜单项始终沿同一左边线排列。 */
html[data-theme="sky"] .sidebar {
  flex-basis: auto;
}

html[data-theme="sky"] .sidebar.expanded {
  margin-right: 0;
}

html[data-theme="sky"] .sidebar-group {
  display: block;
  margin: 0;
  padding: 0;
}

html[data-theme="sky"] .sidebar-group-title {
  display: none;
}

html[data-theme="sky"] .sidebar-nav {
  padding: 6px 9px;
}

html[data-theme="sky"] .sidebar-nav a {
  height: 36px;
  margin: 1px 0;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-nav {
  padding: 4px 9px 6px;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-group + .sidebar-group {
  margin-top: 2px;
  padding-top: 2px;
  border-top: 1px solid rgba(255,255,255,.1);
}

html[data-theme="sky"] .sidebar.expanded .sidebar-group-title {
  height: 18px;
  padding: 1px 14px 2px;
  display: flex;
  align-items: center;
  color: rgba(255,255,255,.54);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1;
  white-space: nowrap;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-nav a {
  width: 100%;
  height: 33px;
  margin: 0;
  padding: 0 13px !important;
  justify-content: flex-start;
  gap: 11px !important;
  text-indent: 0 !important;
}

html[data-theme="sky"] .sidebar.expanded .sidebar-nav a::before {
  display: none !important;
}

/* 顶部标题栏 */
html[data-theme="sky"] .topbar {
  min-height: 64px;
  padding: 0 22px;
}

html[data-theme="sky"] .topbar-heading {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

html[data-theme="sky"] .topbar-title-mark {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--ysk-blue-200);
  border-radius: 9px;
  background: var(--ysk-blue-100);
  color: var(--ysk-blue-600);
  font-size: 18px;
}

html[data-theme="sky"] .topbar-title {
  overflow: hidden;
  color: #1f3857;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-theme="sky"] .topbar .badge {
  min-height: 24px;
  padding: 4px 9px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

html[data-theme="sky"] .content {
  padding: 20px;
}

/* 页面及卡片标题 */
html[data-theme="sky"] .content h1,
html[data-theme="sky"] .content .h1 {
  margin: 0 0 18px;
  color: #1d3554;
  font-size: 24px;
  font-weight: 750;
  line-height: 1.3;
}

html[data-theme="sky"] .content h2,
html[data-theme="sky"] .content .h2 {
  color: #203a5b;
  font-size: 20px;
  font-weight: 700;
}

html[data-theme="sky"] .content h3,
html[data-theme="sky"] .content .h3 {
  color: #263f5e;
  font-size: 17px;
  font-weight: 700;
}

html[data-theme="sky"] .card-header,
html[data-theme="sky"] .panel-head,
html[data-theme="sky"] .info-card > .card-header {
  min-height: 52px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #243b5a !important;
  font-size: 14px;
  font-weight: 700;
}

html[data-theme="sky"] .card-title,
html[data-theme="sky"] .modal-title {
  margin: 0;
  color: #233b5a !important;
  font-size: 15px;
  font-weight: 700;
}

html[data-theme="sky"] .card-body {
  padding: 16px;
}

html[data-theme="sky"] .card-footer {
  padding: 11px 16px;
  background: #fbfdff !important;
  border-color: var(--border-light) !important;
}

/* 按钮：统一高度、圆角、字重和交互反馈。 */
html[data-theme="sky"] .btn {
  min-height: var(--ysk-control-height);
  padding: 7px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: var(--ysk-radius-sm) !important;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}

html[data-theme="sky"] .btn:hover:not(:disabled):not(.disabled) {
  transform: translateY(-1px);
}

html[data-theme="sky"] .btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(21,91,199,.15) !important;
}

html[data-theme="sky"] .btn-sm {
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
}

html[data-theme="sky"] .btn-xs {
  min-height: 27px;
  padding: 3px 8px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
}

html[data-theme="sky"] .btn-primary {
  box-shadow: 0 4px 10px rgba(21,91,199,.16);
}

html[data-theme="sky"] .btn-success {
  background: var(--ysk-green) !important;
  border-color: var(--ysk-green) !important;
  color: #fff !important;
}

html[data-theme="sky"] .btn-warning {
  background: #f0a52c !important;
  border-color: #f0a52c !important;
  color: #513000 !important;
}

html[data-theme="sky"] .btn-danger {
  background: var(--ysk-red) !important;
  border-color: var(--ysk-red) !important;
  color: #fff !important;
}

html[data-theme="sky"] .btn-info {
  background: var(--ysk-cyan) !important;
  border-color: var(--ysk-cyan) !important;
  color: #fff !important;
}

html[data-theme="sky"] .btn-outline-success {
  border-color: #8bd0b1 !important;
  color: #14784f !important;
}

html[data-theme="sky"] .btn-outline-warning {
  border-color: #e8bd72 !important;
  color: #9a5d00 !important;
}

html[data-theme="sky"] .btn-outline-danger,
html[data-theme="sky"] .btn-ghost-danger {
  border-color: #efb5bd !important;
  background: #fff !important;
  color: #bd3344 !important;
}

html[data-theme="sky"] .btn-outline-info {
  border-color: #a7d7e7 !important;
  color: #146e91 !important;
}

html[data-theme="sky"] .btn-outline-success:hover { background: var(--ysk-green) !important; border-color: var(--ysk-green) !important; color: #fff !important; }
html[data-theme="sky"] .btn-outline-warning:hover { background: #f0a52c !important; border-color: #f0a52c !important; color: #513000 !important; }
html[data-theme="sky"] .btn-outline-danger:hover,
html[data-theme="sky"] .btn-ghost-danger:hover { background: var(--ysk-red) !important; border-color: var(--ysk-red) !important; color: #fff !important; }
html[data-theme="sky"] .btn-outline-info:hover { background: var(--ysk-cyan) !important; border-color: var(--ysk-cyan) !important; color: #fff !important; }

html[data-theme="sky"] .btn-link,
html[data-theme="sky"] .btn-ghost-secondary {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--ysk-slate-500) !important;
  box-shadow: none !important;
}

html[data-theme="sky"] .btn:disabled,
html[data-theme="sky"] .btn.disabled {
  opacity: .5;
  transform: none !important;
}

/* 表单：标签、控件、只读态和校验态一致。 */
html[data-theme="sky"] .form-label,
html[data-theme="sky"] .col-form-label,
html[data-theme="sky"] label:not(.form-check-label) {
  margin-bottom: 6px;
  color: #4a607a;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

html[data-theme="sky"] .form-control,
html[data-theme="sky"] .form-select,
html[data-theme="sky"] .input-group-text,
html[data-theme="sky"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="sky"] select,
html[data-theme="sky"] textarea {
  min-height: var(--ysk-control-height);
  padding: 7px 11px;
  border-radius: var(--ysk-radius-sm) !important;
  font-size: 13px;
  line-height: 1.45;
}

html[data-theme="sky"] textarea,
html[data-theme="sky"] textarea.form-control {
  min-height: 78px;
  resize: vertical;
}

html[data-theme="sky"] .form-control-sm,
html[data-theme="sky"] .form-select-sm,
html[data-theme="sky"] input.form-control-sm,
html[data-theme="sky"] select.form-select-sm {
  min-height: 32px;
  padding: 5px 9px;
  font-size: 12px;
}

html[data-theme="sky"] .form-control::placeholder,
html[data-theme="sky"] textarea::placeholder,
html[data-theme="sky"] input::placeholder {
  color: #9aa9bb !important;
  opacity: 1;
}

html[data-theme="sky"] .form-control:disabled,
html[data-theme="sky"] .form-control[readonly],
html[data-theme="sky"] input:disabled,
html[data-theme="sky"] input[readonly],
html[data-theme="sky"] select:disabled,
html[data-theme="sky"] textarea:disabled {
  background: #edf2f7 !important;
  color: #738399 !important;
  cursor: not-allowed;
}

html[data-theme="sky"] .form-check-input {
  border-color: #b7c7da;
}

html[data-theme="sky"] .form-check-input:checked {
  background-color: var(--ysk-blue-600);
  border-color: var(--ysk-blue-600);
}

html[data-theme="sky"] .form-text,
html[data-theme="sky"] .invalid-feedback,
html[data-theme="sky"] .valid-feedback {
  margin-top: 5px;
  font-size: 11px;
}

/* 表格：表头、单元格、悬停、空状态和分页一致。 */
html[data-theme="sky"] .table-responsive {
  overflow: auto;
  border-radius: var(--ysk-radius) !important;
}

html[data-theme="sky"] .table {
  width: 100%;
  font-size: 13px;
}

html[data-theme="sky"] .table > :not(caption) > * > *,
html[data-theme="sky"] table.table th,
html[data-theme="sky"] table.table td {
  padding: 10px 12px;
  vertical-align: middle;
}

html[data-theme="sky"] .table thead th,
html[data-theme="sky"] .card-table thead th,
html[data-theme="sky"] table th {
  height: 40px;
  color: #5b6f88 !important;
  font-size: 11px !important;
  font-weight: 750;
  letter-spacing: .045em;
  line-height: 1.3;
  text-transform: none;
  white-space: nowrap;
}

html[data-theme="sky"] .table tbody tr {
  transition: background-color .12s ease;
}

html[data-theme="sky"] .table tbody tr:last-child td {
  border-bottom-width: 0;
}

html[data-theme="sky"] .table-sm > :not(caption) > * > * {
  padding: 7px 9px;
}

html[data-theme="sky"] .pagination {
  gap: 4px;
}

html[data-theme="sky"] .pagination .page-link {
  min-width: 32px;
  height: 32px;
  padding: 5px 8px;
  display: grid;
  place-items: center;
  border-radius: 8px !important;
  font-size: 12px;
}

/* 状态、标签和计数徽标。 */
html[data-theme="sky"] .badge,
html[data-theme="sky"] .status-tag,
html[data-theme="sky"] .svc-tag,
html[data-theme="sky"] .ai-badge,
html[data-theme="sky"] .client-tag,
html[data-theme="sky"] .badge-pill,
html[data-theme="sky"] .count-badge,
html[data-theme="sky"] .tag:not(.ti) {
  min-height: 22px;
  padding: 3px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid transparent;
  border-radius: 999px !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

html[data-theme="sky"] .badge.bg-success,
html[data-theme="sky"] .status-tag.success,
html[data-theme="sky"] .status-tag.online,
html[data-theme="sky"] .status-tag.deal,
html[data-theme="sky"] .status-tag.approved,
html[data-theme="sky"] .status-tag.done,
html[data-theme="sky"] .svc-tag.success {
  background: var(--ysk-green-bg) !important;
  border-color: #bde9d4 !important;
  color: #11764c !important;
}

html[data-theme="sky"] .badge.bg-warning,
html[data-theme="sky"] .status-tag.warning,
html[data-theme="sky"] .status-tag.pending,
html[data-theme="sky"] .status-tag.waiting,
html[data-theme="sky"] .svc-tag.pending {
  background: var(--ysk-amber-bg) !important;
  border-color: #f2d59c !important;
  color: #965900 !important;
}

html[data-theme="sky"] .badge.bg-danger,
html[data-theme="sky"] .status-tag.danger,
html[data-theme="sky"] .status-tag.failed,
html[data-theme="sky"] .status-tag.rejected,
html[data-theme="sky"] .status-tag.noreply,
html[data-theme="sky"] .svc-tag.danger {
  background: var(--ysk-red-bg) !important;
  border-color: #f2c6cc !important;
  color: #b63142 !important;
}

html[data-theme="sky"] .badge.bg-primary,
html[data-theme="sky"] .status-tag.primary,
html[data-theme="sky"] .status-tag.new,
html[data-theme="sky"] .ai-badge.bound,
html[data-theme="sky"] .svc-tag.primary {
  background: var(--ysk-blue-100) !important;
  border-color: var(--ysk-blue-200) !important;
  color: var(--ysk-blue-700) !important;
}

html[data-theme="sky"] .badge.bg-info,
html[data-theme="sky"] .status-tag.info {
  background: var(--ysk-cyan-bg) !important;
  border-color: #bfe7f4 !important;
  color: #116985 !important;
}

html[data-theme="sky"] .badge.bg-secondary,
html[data-theme="sky"] .status-tag.secondary,
html[data-theme="sky"] .status-tag.offline,
html[data-theme="sky"] .status-tag.disabled,
html[data-theme="sky"] .ai-badge.unbound {
  background: var(--ysk-slate-100) !important;
  border-color: var(--ysk-slate-200) !important;
  color: var(--ysk-slate-500) !important;
}

/* 页签和筛选按钮。 */
html[data-theme="sky"] .cust-tabs,
html[data-theme="sky"] .svc-tabs,
html[data-theme="sky"] .tabs,
html[data-theme="sky"] .cfg-tabs,
html[data-theme="sky"] .filter-tabs {
  gap: 5px;
  padding: 5px;
  background: #edf3fb !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 10px;
}

html[data-theme="sky"] .cust-tab,
html[data-theme="sky"] .svc-tab,
html[data-theme="sky"] .tab-btn,
html[data-theme="sky"] .tab-btn2,
html[data-theme="sky"] .cfg-tab,
html[data-theme="sky"] .mat-filter-btn,
html[data-theme="sky"] .filter-tab {
  min-height: 32px;
  padding: 6px 11px;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #5c6f87 !important;
  font-size: 12px;
  font-weight: 650;
}

html[data-theme="sky"] .cust-tab.active,
html[data-theme="sky"] .svc-tab.active,
html[data-theme="sky"] .tab-btn.active,
html[data-theme="sky"] .tab-btn2.active,
html[data-theme="sky"] .cfg-tab.active,
html[data-theme="sky"] .mat-filter-btn.active,
html[data-theme="sky"] .filter-tab.active {
  background: #fff !important;
  color: var(--ysk-blue-600) !important;
  box-shadow: 0 2px 7px rgba(46,80,120,.11);
}

/* 统计卡片、模态框、提示及空状态。 */
html[data-theme="sky"] .stat-card,
html[data-theme="sky"] .svc-stat,
html[data-theme="sky"] .stat,
html[data-theme="sky"] .stats-card {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--ysk-radius) !important;
  box-shadow: var(--shadow) !important;
}

html[data-theme="sky"] .stat-num,
html[data-theme="sky"] .stat-card .n,
html[data-theme="sky"] .stat-card .v,
html[data-theme="sky"] .svc-stat .n {
  color: var(--ysk-blue-600);
  font-weight: 750;
}

html[data-theme="sky"] .stat-label,
html[data-theme="sky"] .stat-card .l,
html[data-theme="sky"] .svc-stat .l {
  color: var(--ysk-slate-500);
  font-size: 12px;
  font-weight: 600;
}

html[data-theme="sky"] .modal-content {
  overflow: hidden;
}

html[data-theme="sky"] .modal-header {
  min-height: 56px;
  padding: 13px 18px;
}

html[data-theme="sky"] .modal-body {
  padding: 18px;
}

html[data-theme="sky"] .modal-footer {
  min-height: 58px;
  padding: 11px 18px;
  gap: 8px;
}

html[data-theme="sky"] .alert,
html[data-theme="sky"] .toast-msg .alert {
  padding: 10px 13px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.5;
}

html[data-theme="sky"] .empty-center,
html[data-theme="sky"] .empty-state,
html[data-theme="sky"] .empty,
html[data-theme="sky"] [class*="empty-"] {
  color: #8a9aaf !important;
}

html[data-theme="sky"] .dropdown-menu {
  padding: 6px;
}

html[data-theme="sky"] .dropdown-item {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 7px;
  color: #40556e;
  font-size: 13px;
}

html[data-theme="sky"] .dropdown-item:hover,
html[data-theme="sky"] .dropdown-item:focus {
  background: var(--ysk-blue-50);
  color: var(--ysk-blue-700);
}

.tenant-impersonation,.tenant-announcement-banner{min-height:40px;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;border-bottom:1px solid #bfdbfe;background:#eff6ff;color:#24538c}.tenant-impersonation{background:#fff7ed;border-color:#fed7aa;color:#9a5310}.tenant-impersonation button{border:1px solid #fdba74;border-radius:8px;background:#fff;color:#b45309;padding:5px 10px;font-weight:650}.tenant-announcement-banner a{white-space:nowrap;color:#1769e0;font-weight:650;text-decoration:none}.nav-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:99px;align-items:center;justify-content:center;background:#e53e55;color:#fff;font-size:10px;font-style:normal;font-weight:700}

@media (max-width: 768px) {
  html[data-theme="sky"] .topbar-title-mark { display: none; }
  html[data-theme="sky"] .content { padding: 14px; }
  .tenant-impersonation,.tenant-announcement-banner{padding:8px 14px;align-items:flex-start}.tenant-impersonation span{max-width:70%}
}