/**
 * 企微侧边栏「腾讯风格」主题
 * 视觉基准：design-mockups/tencent-style/tokens.css
 * 作用域：仅 body.sb-tencent-style 下生效，与经典蓝 sidebar.css 并存。
 */
body.sb-tencent-style {
  --sb-bg: #F5F7FA;
  --sb-card: #FFFFFF;
  --sb-text: #1D2129;
  --sb-sub: #86909C;
  --sb-primary: #2E6BE6;
  --sb-primary-soft: #E8F0FE;
  --sb-warn: #FF7D00;
  --sb-warn-bg: #FFF7E8;
  --sb-danger: #F53F3F;
  --sb-danger-bg: #FFECE8;
  --sb-border: #E5E6EB;
  --sb-radius: 8px;
  --sb-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  background: var(--sb-bg);
  color: var(--sb-text);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

body.sb-tencent-style .sb-header {
  background: linear-gradient(135deg, #0B2A6F 0%, #1A4DB3 55%, #2E6BE6 100%);
  padding: 12px 14px;
}

body.sb-tencent-style .sb-customer-name {
  font-weight: 700;
  font-size: 15px;
}

body.sb-tencent-style .sb-intent {
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 4px;
  font-weight: 600;
}

body.sb-tencent-style .sb-header-select,
body.sb-tencent-style .sb-header-input {
  border-radius: 4px;
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.14);
}

body.sb-tencent-style .sb-icon-btn {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

body.sb-tencent-style .sb-tabs {
  background: #FFFFFF;
  border-bottom: 1px solid var(--sb-border);
  box-shadow: none;
}

body.sb-tencent-style .sb-tab {
  color: var(--sb-sub);
  font-weight: 500;
  border-bottom-width: 2px;
}

body.sb-tencent-style .sb-tab.active {
  color: var(--sb-primary);
  border-bottom-color: var(--sb-primary);
  font-weight: 700;
}

body.sb-tencent-style .sb-main {
  background: var(--sb-bg);
}

body.sb-tencent-style .sb-card,
body.sb-tencent-style .sb-script-item,
body.sb-tencent-style .sb-quote-card,
body.sb-tencent-style .sb-order-link-row,
body.sb-tencent-style .sb-revisit-card {
  background: var(--sb-card);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius);
  box-shadow: var(--sb-shadow);
}

body.sb-tencent-style .sb-series-chip.is-active {
  border-color: var(--sb-primary);
  background: var(--sb-primary-soft);
  color: #2558C4;
}

body.sb-tencent-style .sb-series-seg .sb-series-chip.is-active {
  background: var(--sb-primary);
  border-color: var(--sb-primary);
  color: #fff;
}

body.sb-tencent-style .sb-btn {
  border-radius: 6px;
  font-weight: 600;
}

body.sb-tencent-style .sb-btn-primary {
  background: var(--sb-primary);
  border-color: var(--sb-primary);
  color: #fff;
  box-shadow: none;
}

body.sb-tencent-style .sb-btn-primary:active {
  background: #2558C4;
  border-color: #2558C4;
}

body.sb-tencent-style .sb-btn-outline,
body.sb-tencent-style .sb-btn-ghost {
  border-color: var(--sb-border);
  color: var(--sb-text);
  background: #fff;
}

body.sb-tencent-style .sb-chip,
body.sb-tencent-style .sb-tag-pill,
body.sb-tencent-style .sb-badge {
  border-radius: 4px;
  background: var(--sb-primary-soft);
  color: #2558C4;
  border: 1px solid #B8D0FF;
}

body.sb-tencent-style .sb-footer {
  background: #FFFFFF;
  border-top: 1px solid var(--sb-border);
}

body.sb-tencent-style .sb-search-input {
  border: 1px solid var(--sb-border);
  border-radius: 6px;
  background: #fff;
}

body.sb-tencent-style .sb-search-input:focus {
  border-color: var(--sb-primary);
  box-shadow: 0 0 0 2px rgba(46, 107, 230, 0.15);
}

body.sb-tencent-style .sb-modal-panel,
body.sb-tencent-style .sb-sheet-panel {
  border-radius: 12px 12px 0 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

body.sb-tencent-style .sb-link,
body.sb-tencent-style a {
  color: var(--sb-primary);
}

body.sb-tencent-style .sb-quick-item:active,
body.sb-tencent-style .sb-script-item:active {
  background: var(--sb-primary-soft);
}

body.sb-tencent-style .sb-toast {
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}