/* =============================================
   腾伟电子 – 暗色工业风主题覆盖层
   此文件最后加载，覆盖 index.css 浅色样式
   ============================================= */

/* ── 全局基础 ── */
body,
body.subpage,
body.home-page {
  background: var(--bg-dark) !important;
  color: #e8edf5;
}

*:not(code) { border-color: rgba(var(--primary-rgb), 0.15); }

/* ── 顶栏 ── */
header,
header.head,
body.home-page header.head,
body.subpage header.head {
  background: transparent !important;
  backdrop-filter: blur(0);
  box-shadow: none !important;
  border-bottom: 1px solid transparent;
  transition: background 0.35s, border-color 0.35s, backdrop-filter 0.35s;
}

header.scrolled,
header.head.scrolled,
body.home-page header.head.scrolled,
body.subpage header.head.scrolled {
  background: rgba(10, 14, 26, 0.95) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom-color: rgba(var(--primary-rgb), 0.25) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.5) !important;
}

/* 所有头部文字 */
header .logo,
header.head .logo,
header .main-nav a,
header.head .main-nav a,
header .nav-toggle,
header.head .nav-toggle,
header.scrolled .logo,
header.head.scrolled .logo,
header.scrolled .main-nav a,
header.head.scrolled .main-nav a,
header.scrolled .nav-toggle,
header.head.scrolled .nav-toggle {
  color: #e8edf5 !important;
}

header .main-nav a:hover,
header.head .main-nav a:hover,
header.scrolled .main-nav a:hover {
  color: var(--accent) !important;
}

.nav-products:hover .nav-underline,
.nav-solutions:hover .nav-underline,
.nav-products .nav-underline,
.nav-solutions .nav-underline {
  background: var(--accent) !important;
}

/* ── 下拉菜单 ── */
.products-overlay,
.solutions-overlay {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.3) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.7) !important;
}

.products-level1 li,
.products-level2 li {
  color: #a8b8cc !important;
}

.products-level1 li.active,
.products-level1 li:hover,
.products-level2 li.active,
.products-level2 li:hover {
  background: rgba(var(--primary-rgb), 0.18) !important;
  color: var(--accent) !important;
}

.products-level1,
.products-level2 {
  border-right-color: rgba(var(--primary-rgb), 0.2) !important;
}

.product-item {
  background: rgba(var(--primary-rgb), 0.08) !important;
  border-radius: 6px;
}

.product-item .name {
  color: #c8d8e8 !important;
}

.solutions-level1 {
  border-right-color: rgba(var(--primary-rgb), 0.15) !important;
  width: 180px !important;
  padding-right: 1.2em !important;
}

.solutions-level1 ul {
  gap: 0.2em !important;
}

.solutions-level1 li {
  color: #8a9ab0 !important;
  font-size: 0.88rem !important;
  font-weight: normal !important;
  padding: 0.5em 0.8em !important;
  border-radius: 4px !important;
  border-left: 3px solid transparent !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: 1.4 !important;
  transition: all 0.2s !important;
}

.solutions-level1 li.active,
.solutions-level1 li:hover {
  background: rgba(var(--primary-rgb), 0.15) !important;
  color: var(--accent) !important;
  border-left-color: var(--accent) !important;
}

.solution-detail-item {
  background: rgba(var(--primary-rgb), 0.06) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--primary-rgb), 0.12) !important;
  border-radius: 8px !important;
}

.solution-detail-img {
  border-right: 1px solid rgba(var(--primary-rgb), 0.1) !important;
}

.solution-detail-content {
  padding: 1em 1.5em !important;
}

.solution-detail-title {
  color: var(--accent) !important;
  margin-bottom: 0.4em !important;
}

.solution-detail-desc {
  color: #8a9ab0 !important;
  line-height: 1.6;
  font-size: 0.9em !important;
}

/* ── 通用 section ── */
section {
  background: var(--bg-dark) !important;
  border-bottom-color: rgba(var(--primary-rgb), 0.12) !important;
}

h2, h3 { color: var(--accent) !important; }
p { color: #7a8aa0; }

/* ── Banner ── */
.banner { background: var(--bg-footer) !important; }

.banner-controls span {
  background: rgba(0,0,0,0.65) !important;
}

.banner-btn {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: transparent !important;
}

.banner-btn:hover {
  background: var(--accent) !important;
  color: #000 !important;
}

.banner-indicators span { background: rgba(255,255,255,0.3) !important; }
.banner-indicators span.active { background: var(--accent) !important; }

/* ── 产品中心区块 ── */
.products-center-section {
  background: var(--bg-card) !important;
}

.products-center-title {
  color: var(--accent) !important;
}

.products-center-subtitle {
  color: #7a8aa0 !important;
}

/* ── 解决方案区块（首页） ── */
.solutions-section {
  background: var(--bg-dark) !important;
}

.solution-card {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
}

.solution-name { color: var(--accent) !important; }
.solution-desc { color: #7a8aa0 !important; }
.solution-name:hover { color: var(--accent) !important; background: rgba(var(--primary-rgb), 0.12) !important; }

/* ── 专利/案例 ── */
.cases-section {
  background: var(--bg-card) !important;
}

.cases-title { color: var(--accent) !important; }

.cases-controls span,
.news-controls span {
  background: rgba(var(--primary-rgb), 0.15) !important;
  color: var(--accent) !important;
}

.cases-controls span:hover,
.news-controls span:hover {
  background: var(--accent) !important;
  color: #000 !important;
}

/* ── 新闻区块（首页） ── */
.news-section {
  background: var(--bg-dark) !important;
}

.news-title { color: var(--accent) !important; }
.news-subtitle { color: #7a8aa0 !important; }

.news-item {
  background: var(--bg-card) !important;
  border-radius: 12px !important;
}

.news-title-text { color: var(--accent) !important; }
.news-title-text:hover { color: var(--accent) !important; opacity: 0.75; }
.news-date { color: #4a5568 !important; }
.news-info { background: transparent !important; }

/* ── 页脚 ── */
footer {
  background: var(--bg-footer) !important;
  border-top: 1px solid rgba(var(--primary-rgb), 0.2) !important;
}

footer p { color: #4a5568 !important; }

/* ==========================================
   内页样式覆盖
   ========================================== */

/* 通用卡片容器 */
.contact-container,
.company-intro-section,
.history-section,
.honor-section {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  box-shadow: none !important;
}

/* ── 产品页 ── */
body.product-page { background: var(--bg-dark) !important; }

.product-sidebar {
  background: var(--bg-card) !important;
  border-color: rgba(var(--primary-rgb), 0.2) !important;
}
.sidebar-title { color: var(--accent) !important; border-bottom-color: rgba(var(--primary-rgb), 0.2) !important; }
.tree-l1 { border-bottom-color: rgba(var(--primary-rgb), 0.08) !important; }
.tree-l1-label { color: #c8d4e0 !important; }
.tree-l1-label:hover { background: rgba(var(--primary-rgb), 0.12) !important; }
.tree-l1-label.active { color: var(--accent) !important; }
.tree-l1-arrow { color: #5a6a7a !important; }
.tree-l2-item { color: #7a8aa0 !important; }
.tree-l2-item:hover { background: rgba(var(--primary-rgb), 0.08) !important; color: #c8d4e0 !important; }
.tree-l2-item.active { color: var(--accent) !important; border-left-color: var(--accent) !important; background: rgba(var(--primary-rgb), 0.12) !important; }

.product-main-header { border-bottom-color: rgba(var(--primary-rgb), 0.2) !important; }
.product-main-title { color: var(--accent) !important; }
.product-main-count { color: #5a6a7a !important; }

.product-card {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  box-shadow: none !important;
}
.product-card:hover {
  border-color: rgba(var(--primary-rgb), 0.4) !important;
  box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.15) !important;
}
.product-card-img { background: rgba(var(--primary-rgb), 0.06) !important; }
.product-card-name { color: #e8edf5 !important; }
.product-card-desc { color: #7a8aa0 !important; }
.product-card-footer { border-top-color: rgba(var(--primary-rgb), 0.1) !important; }
.product-card-link { color: var(--accent) !important; }
.product-empty { color: #5a6a7a !important; }

.page-btn { background: var(--bg-card) !important; color: #7a8aa0 !important; border-color: rgba(var(--primary-rgb), 0.2) !important; }
.page-btn:hover { border-color: var(--accent) !important; color: var(--accent) !important; }
.page-btn.active { background: var(--accent) !important; border-color: var(--accent) !important; color: #000 !important; }
.page-btn.disabled { opacity: 0.3 !important; }

/* ── 首页产品中心暗色 ── */
.index-product-sidebar {
  background: rgba(var(--primary-rgb), 0.06) !important;
  border-color: rgba(var(--primary-rgb), 0.15) !important;
}
.idx-l1 { border-bottom-color: rgba(var(--primary-rgb), 0.08) !important; }
.idx-l1-label { color: #c8d4e0 !important; }
.idx-l1-label:hover { background: rgba(var(--primary-rgb), 0.1) !important; }
.idx-l1-label.active { color: var(--accent) !important; }
.idx-l1-arrow { color: #5a6a7a !important; }
.idx-l2-item { color: #7a8aa0 !important; }
.idx-l2-item:hover { background: rgba(var(--primary-rgb), 0.08) !important; color: #c8d4e0 !important; }
.idx-l2-item.active { color: var(--accent) !important; border-left-color: var(--accent) !important; background: rgba(var(--primary-rgb), 0.1) !important; }

.idx-product-card {
  background: var(--bg-card) !important;
  border-color: rgba(var(--primary-rgb), 0.15) !important;
}
.idx-product-card:hover {
  border-color: rgba(var(--primary-rgb), 0.35) !important;
  box-shadow: 0 4px 16px rgba(var(--primary-rgb), 0.12) !important;
}
.idx-product-card-img { background: rgba(var(--primary-rgb), 0.06) !important; }
.idx-product-card-name { color: #e8edf5 !important; }
.idx-product-card-desc { color: #7a8aa0 !important; }
.index-product-more-btn { border-color: var(--accent) !important; color: var(--accent) !important; }
.index-product-more-btn:hover { background: var(--accent) !important; color: #000 !important; }

/* ── 产品目录卡片 (新设计) ── */
.product-catalog-card {
  background: var(--bg-card) !important;
}
.product-catalog-img {
  background: #fff !important;
}
.product-grid-card-img {
  background: #fff !important;
}
.product-grid-card {
  background: var(--bg-card) !important;
}
.product-grid-card-body { background: transparent !important; }

/* ── 产品详情页 ── */
.pd-breadcrumb a { color: #7a8aa0 !important; }
.pd-product-name { color: #e8edf5 !important; }
.pd-desc { color: #7a8aa0 !important; }
.pd-apps li { color: #7a8aa0 !important; }
.pd-gallery-main { background: rgba(var(--primary-rgb), 0.06) !important; border-color: rgba(var(--primary-rgb), 0.2) !important; }
.pd-related { border-top-color: rgba(var(--primary-rgb), 0.15) !important; }
.pd-related-title { color: #c8d4e0 !important; }
.pd-related-card { background: var(--bg-card) !important; border-color: rgba(var(--primary-rgb), 0.15) !important; }
.pd-related-card-name { color: #c8d4e0 !important; }

/* ── 新闻内页（TRI 风格列表/详情） ── */
body.news-page,
body.news-detail-page { background: var(--bg-dark) !important; }

.news-sidebar {
  border-right-color: rgba(var(--primary-rgb), 0.15) !important;
}

.news-cat-item { color: #7a8aa0 !important; }
.news-cat-item:hover {
  color: var(--accent) !important;
  background: rgba(var(--primary-rgb), 0.08) !important;
}
.news-cat-item.active {
  color: var(--accent) !important;
  border-left-color: var(--accent) !important;
  background: rgba(var(--primary-rgb), 0.12) !important;
}

.news-table-header {
  color: #c8d4e0 !important;
  border-bottom-color: rgba(var(--primary-rgb), 0.25) !important;
}

.news-row {
  border-bottom-color: rgba(var(--primary-rgb), 0.08) !important;
}
.news-row:hover {
  background: rgba(var(--primary-rgb), 0.06) !important;
}
.news-row-date { color: #5a6a7a !important; }
.news-row-sep { color: #3a4a5a !important; }
.news-row-title { color: #e8edf5 !important; }
.news-row:hover .news-row-title { color: var(--accent) !important; }

.news-empty { color: #5a6a7a !important; }

.news-page-btn {
  background: var(--bg-card) !important;
  color: #7a8aa0 !important;
  border-color: rgba(var(--primary-rgb), 0.2) !important;
}
.news-page-btn:hover:not(.disabled):not(.active) {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}
.news-page-btn.active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #000 !important;
}

.news-detail-title { color: #e8edf5 !important; }
.news-detail-date { color: #5a6a7a !important; }
.news-detail-body { color: #a8b8cc !important; }
.news-detail-body p,
.news-detail-body li { color: #a8b8cc !important; }
.news-detail-body h3 { color: var(--accent) !important; }
.news-detail-img {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  background: #1a2233 !important;
}

.news-back-link {
  border-color: rgba(var(--primary-rgb), 0.25) !important;
  color: #7a8aa0 !important;
}
.news-back-link:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: rgba(var(--primary-rgb), 0.1) !important;
}

@media (max-width: 900px) {
  .news-sidebar {
    border-right: none !important;
    border-bottom-color: rgba(var(--primary-rgb), 0.15) !important;
  }
  .news-cat-item.active {
    border-left-color: transparent !important;
    border-bottom-color: var(--accent) !important;
  }
}

/* ── 关于我们 ── */
body.introduce-page { background: var(--bg-dark) !important; }

.company-name { color: var(--accent) !important; }
.company-desc { color: #7a8aa0 !important; }

.history-tabs { border-bottom-color: rgba(var(--primary-rgb), 0.2) !important; }
.history-tab { color: #7a8aa0 !important; }
.history-tab.active {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

.history-year { color: var(--accent) !important; }
.history-desc { color: #7a8aa0 !important; }

.honor-section { background: var(--bg-dark) !important; border: none !important; }
.honor-title { color: var(--accent) !important; }
.honor-item {
  background: rgba(var(--primary-rgb), 0.07) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  box-shadow: none !important;
}
.honor-item-title { color: var(--accent) !important; }
.honor-item-desc { color: #7a8aa0 !important; }

.industry-banner {
  background-color: var(--bg-dark) !important;
}

/* 腾伟了解我们暗色适配 */
.introduce-tw .tw-panel {
  background: var(--bg-card) !important;
  border-color: rgba(var(--primary-rgb), 0.15) !important;
}

.introduce-tw .tw-section-label {
  color: #e8edf5 !important;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.35), rgba(var(--primary-rgb), 0.08)) !important;
}

.introduce-tw .tw-brand-text { color: var(--accent) !important; }

.introduce-tw .tw-about-visual {
  background: #0a1220 !important;
  border: 1px solid rgba(var(--primary-rgb), 0.12);
}

.introduce-tw .tw-about-text { color: #a8b8cc !important; }

.introduce-tw .tw-value { color: #e8edf5 !important; }
.introduce-tw .tw-value-icon { color: var(--accent) !important; }

.introduce-tw .tw-tl-year { color: #e8edf5 !important; }
.introduce-tw .tw-tl-text { color: #a8b8cc !important; }

.introduce-tw .tw-tl-axis::before,
.introduce-tw .tw-timeline-mobile::before {
  background: rgba(232, 237, 245, 0.55) !important;
}

.introduce-tw .tw-tl-node,
.introduce-tw .tw-tl-mobile-item::before {
  background: var(--accent) !important;
  box-shadow: 0 0 0 6px rgba(var(--primary-rgb), 0.22) !important;
}

.introduce-tw .tw-tl-stem {
  background: rgba(var(--primary-rgb), 0.55) !important;
}

/* ── 联系我们 ── */
body.contact-page { background: var(--bg-dark) !important; }

.contact-info h2 { color: var(--accent) !important; }
.contact-list li { color: #c8d8e8 !important; }
.contact-list label { color: #7a8aa0 !important; }
.wechat-section span { color: #7a8aa0 !important; }
.contact-map h3 { color: var(--accent) !important; }

/* ── 解决方案内页 ── */
body.solution-page { background: var(--bg-dark) !important; }

/* ── 客户案例页 ── */
body.case-detail-page,
body.case-page { background: var(--bg-dark) !important; }

.case-detail-container {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  box-shadow: none !important;
}

.case-detail-title { color: var(--accent) !important; }
.case-detail-subtitle { color: var(--accent) !important; }
.case-detail-desc { color: #c8d4e0 !important; }
.case-detail-text { color: #a8b8cc !important; }
.case-detail-text p { color: #a8b8cc !important; }
.case-detail-text h4 { color: var(--accent) !important; }
.case-detail-text li { color: #a8b8cc !important; }
.case-detail-tag { color: #7a8aa0 !important; border-color: rgba(var(--primary-rgb), 0.25) !important; background: rgba(var(--primary-rgb), 0.1) !important; }
.case-detail-breadcrumb a { color: #7a8aa0 !important; }
.case-detail-breadcrumb span { color: #a8b8cc !important; }
.case-detail-breadcrumb { color: #5a6a7a !important; }
.case-detail-img { border-color: rgba(var(--primary-rgb), 0.2) !important; }
.case-detail-customer { color: var(--accent) !important; background: rgba(var(--primary-rgb), 0.15) !important; }
.case-detail-section-title { color: var(--accent) !important; border-bottom-color: var(--accent) !important; }
.case-detail-page .banner { background: var(--bg-card) !important; }
.case-detail-main-img { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; background: #1a2233 !important; }

.case-back-btn {
  color: var(--accent) !important;
}
.case-back-btn:hover {
  color: #000 !important;
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}

.case-filter-btn {
  background: rgba(var(--primary-rgb), 0.1) !important;
  color: #a8b8cc !important;
  border-color: rgba(var(--primary-rgb), 0.15) !important;
}
.case-filter-btn:hover,
.case-filter-btn.active {
  background: var(--accent) !important;
  color: #000 !important;
  border-color: var(--accent) !important;
}

.case-card {
  background: var(--bg-card) !important;
  border-color: rgba(var(--primary-rgb), 0.15) !important;
}
.case-card:hover {
  border-color: rgba(var(--primary-rgb), 0.4) !important;
  box-shadow: 0 8px 30px rgba(var(--primary-rgb), 0.15) !important;
}
.case-card-customer { color: var(--accent) !important; }
.case-card-title { color: #e8edf5 !important; }
.case-card-desc { color: #7a8aa0 !important; }
.case-card-tag { background: rgba(var(--primary-rgb), 0.1) !important; color: #7a8aa0 !important; }
.case-card-more { color: var(--accent) !important; }
.case-card-img-wrap { background: rgba(var(--primary-rgb), 0.06) !important; }
.case-card-img { background: #1a2233 !important; }

.industry-title { color: var(--accent) !important; }
.industry-desc { color: #7a8aa0 !important; }

.solution-page .solutions-section {
  background: var(--bg-dark) !important;
}

.solution-page .solutions-title { color: var(--accent) !important; }

.solution-page .solution-card {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  box-shadow: none !important;
}

.solution-page .solution-card:hover {
  border-color: rgba(var(--primary-rgb), 0.4) !important;
  box-shadow: 0 6px 24px rgba(var(--primary-rgb), 0.15) !important;
  transform: translateY(-4px);
}

.solution-page .solution-name { color: var(--accent) !important; }

/* ── 移动端导航 ── */
@media (max-width: 768px) {
  header.head .main-nav ul.show,
  .main-nav ul.show {
    background: rgba(10, 14, 26, 0.98) !important;
    border-bottom: 1px solid rgba(var(--primary-rgb), 0.25) !important;
    backdrop-filter: blur(12px);
  }
}

/* ==========================================
   解决方案详情页暗色覆盖
   ========================================== */

/* 面包屑 */
.sol-breadcrumb,
.sol-breadcrumb a {
  color: #7a8aa0 !important;
}
.sol-breadcrumb a:hover { color: var(--accent) !important; }

/* 标题 */
.sol-detail-name {
  color: #e8edf5 !important;
}

/* 区块标签 */
.sol-section-label {
  color: var(--accent) !important;
  border-left-color: var(--accent) !important;
}

/* 概述 */
.sol-detail-overview {
  color: #c8d4e0 !important;
}

/* 亮点卡片 */
.sol-highlight-card {
  background: var(--bg-card) !important;
  border-left-color: var(--accent) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  border-left: 3px solid var(--accent) !important;
}
.sol-highlight-title {
  color: #e8edf5 !important;
}
.sol-highlight-desc {
  color: #a8b8cc !important;
}

/* 涉及产品 */
.sol-product-item {
  background: var(--bg-card) !important;
  border-color: rgba(var(--primary-rgb), 0.15) !important;
}
.sol-product-item:hover {
  border-color: rgba(var(--primary-rgb), 0.4) !important;
  box-shadow: 0 4px 16px rgba(var(--primary-rgb), 0.12) !important;
}
.sol-product-name {
  color: #e8edf5 !important;
}
.sol-product-role {
  color: #7a8aa0 !important;
}
.sol-product-img {
  background: rgba(var(--primary-rgb), 0.06);
}

/* 参数表格 */
.sol-specs-table thead th {
  background: var(--bg-card) !important;
  color: #c8d4e0 !important;
  border-bottom-color: rgba(var(--primary-rgb), 0.2) !important;
}
.sol-specs-table tbody td {
  color: #a8b8cc !important;
  border-bottom-color: rgba(var(--primary-rgb), 0.08) !important;
}
.sol-specs-table tbody tr:hover {
  background: rgba(var(--primary-rgb), 0.06) !important;
}

/* 行动按钮 */
.sol-btn-primary {
  background: var(--accent) !important;
  color: #000 !important;
}
.sol-btn-primary:hover {
  background: var(--accent-hover) !important;
}
.sol-btn-secondary {
  background: transparent !important;
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}
.sol-btn-secondary:hover {
  background: rgba(var(--primary-rgb), 0.12) !important;
}

/* 其他方案推荐 */
.sol-related-title {
  color: #e8edf5 !important;
}
.sol-related-card {
  background: var(--bg-card) !important;
  border: 1px solid rgba(var(--primary-rgb), 0.15) !important;
  box-shadow: none !important;
}
.sol-related-card:hover {
  border-color: rgba(var(--primary-rgb), 0.4) !important;
  box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.15) !important;
}
.sol-related-card img {
  background: rgba(var(--primary-rgb), 0.06);
}
.sol-related-name {
  color: #c8d4e0 !important;
}

/* 解决方案列表页补充 */
.solution-page .solution-desc {
  color: #7a8aa0 !important;
}

/* ── 案例方案预览弹窗 ── */
.case-preview-btn {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}
.case-preview-btn:hover {
  background: var(--accent) !important;
  color: #000 !important;
}
.case-preview-dialog {
  background: var(--bg-card) !important;
}
.case-preview-header {
  border-bottom-color: rgba(var(--primary-rgb), 0.2) !important;
}
.case-preview-title {
  color: #e8edf5 !important;
}
.case-preview-close {
  background: rgba(var(--primary-rgb), 0.15) !important;
  color: #a8b8cc !important;
}
.case-preview-close:hover {
  background: rgba(var(--primary-rgb), 0.3) !important;
  color: #e8edf5 !important;
}
.case-preview-body {
  background: var(--bg-dark) !important;
}
.case-preview-loading {
  color: #7a8aa0 !important;
}
.case-preview-loading::before {
  border-color: rgba(var(--primary-rgb), 0.2) !important;
  border-top-color: var(--accent) !important;
}
.case-preview-docx {
  background: #2a2e38 !important;
}
.case-preview-docx .docx-wrapper {
  background: #2a2e38 !important;
}
.case-preview-error {
  color: #7a8aa0 !important;
}
.case-preview-error p {
  color: #7a8aa0 !important;
}
.case-preview-footer {
  background: var(--bg-card) !important;
  border-top-color: rgba(var(--primary-rgb), 0.15) !important;
  color: #5a6a7a !important;
}