/* =========================================================================
   BLG-PLATFORM: 1C MODULE STYLES (1С:Предприятие Шлюз)
   Guarantees 100% WCAG AAA font readability & contrast in both light & dark themes
   ========================================================================= */

/* Base Container & Typography Defaults */
[data-module="onec"] {
  color: var(--mod-text, #ffffff);
}

/* 1. Hub Header Card */
[data-module="onec"] .onec-hub-header {
  background: var(--mod-card-bg, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid var(--mod-card-border, rgba(255, 255, 255, 0.16)) !important;
  color: var(--mod-text, #ffffff) !important;
  border-radius: var(--mod-radius, 14px) !important;
  backdrop-filter: var(--glass-blur-sm, blur(12px));
  -webkit-backdrop-filter: var(--glass-blur-sm, blur(12px));
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

[data-module="onec"] .onec-hub-header h2 {
  color: var(--mod-text, #ffffff) !important;
}

[data-module="onec"] .onec-hub-header div[style*="color:#94a3b8"] {
  color: var(--mod-text-muted, #64748b) !important;
}

body[data-theme="light"] [data-module="onec"] .onec-hub-header h2 {
  color: #0f172a !important;
}

body[data-theme="light"] [data-module="onec"] .onec-hub-header div[style*="color:#94a3b8"] {
  color: #475569 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-hub-header div[style*="color:#64748b"] {
  color: #64748b !important;
}

/* 2. KPI Metric Chips */
[data-module="onec"] .onec-kpi-card {
  background: var(--mod-card-bg, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid var(--mod-card-border, rgba(255, 255, 255, 0.18)) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
}

[data-module="onec"] .onec-kpi-val {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--mod-text, #ffffff) !important;
  line-height: 1.1;
}

body[data-theme="light"] [data-module="onec"] .onec-kpi-val {
  color: #0f172a !important;
}

[data-module="onec"] .onec-kpi-lbl {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--mod-text-muted, #94a3b8) !important;
  margin-top: 2px !important;
}

body[data-theme="light"] [data-module="onec"] .onec-kpi-lbl {
  color: #64748b !important;
}

/* 3. Base Cards Grid & Internal Sections */
[data-module="onec"] .onec-base-card {
  background: var(--mod-card-bg, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid var(--mod-card-border, rgba(255, 255, 255, 0.16)) !important;
  color: var(--mod-text, #ffffff) !important;
  border-radius: var(--mod-radius, 14px) !important;
  backdrop-filter: var(--glass-blur-sm, blur(12px));
  -webkit-backdrop-filter: var(--glass-blur-sm, blur(12px));
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14) !important;
}

[data-module="onec"] .onec-card-title {
  color: #ffffff !important;
}

/* Sub-containers inside cards (URL, Last Sync, CRM data) */
[data-module="onec"] .onec-sub-box {
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e2e8f0 !important;
}

[data-module="onec"] .onec-sub-box strong {
  color: #ffffff !important;
}

[data-module="onec"] .onec-sub-box div,
[data-module="onec"] .onec-sub-box span {
  color: #cbd5e1 !important;
}

[data-module="onec"] .onec-sub-box code {
  color: #fbbf24 !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding: 1px 4px;
  border-radius: 4px;
}

/* CRM jump buttons inside subcard */
[data-module="onec"] .onec-jump-btn {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

[data-module="onec"] .onec-jump-btn:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}

/* Base card bottom action buttons */
[data-module="onec"] .onec-base-card .btn-outline {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

[data-module="onec"] .onec-base-card .btn-outline:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}

/* Stats chips */
[data-module="onec"] .onec-stat-chip {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 11px;
}

/* Filter inputs in dark theme */
[data-module="onec"] .form-control {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

[data-module="onec"] .form-control option {
  background: #1a1f3c !important;
  color: #ffffff !important;
}

/* Light Theme Overrides */
body[data-theme="light"] [data-module="onec"] .onec-base-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

body[data-theme="light"] [data-module="onec"] .onec-card-title,
body[data-theme="light"] [data-module="onec"] .onec-base-card h3,
body[data-theme="light"] [data-module="onec"] .onec-base-card .base-title {
  color: #0f172a !important;
}

body[data-theme="light"] [data-module="onec"] .onec-sub-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-sub-box strong {
  color: #0f172a !important;
}

body[data-theme="light"] [data-module="onec"] .onec-sub-box div,
body[data-theme="light"] [data-module="onec"] .onec-sub-box span {
  color: #475569 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-sub-box code {
  color: #92400e !important;
  background: #fef3c7 !important;
  border: 1px solid #fde68a !important;
}

body[data-theme="light"] [data-module="onec"] .onec-jump-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-jump-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-stat-chip {
  background: #e2e8f0 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-base-card .btn-outline {
  background: #ffffff !important;
  color: #334155 !important;
  border-color: #cbd5e1 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-base-card .btn-outline:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

body[data-theme="light"] [data-module="onec"] .onec-hub-header .btn-outline {
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  background: rgba(255, 255, 255, 0.8) !important;
}

body[data-theme="light"] [data-module="onec"] .onec-hub-header .btn-outline:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

/* 4. Section Heading & Filter Count Badge */
[data-module="onec"] .onec-section-heading {
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

[data-module="onec"] .onec-badge-pill {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

body[data-theme="light"] [data-module="onec"] .onec-section-heading {
  color: #0f172a !important;
}

body[data-theme="light"] [data-module="onec"] .onec-badge-pill {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
}