/* ==========================================================================
   MINTECH D.O.O. – HIGH-CONTRAST CORPORATE THEME (WCAG AAA COMPLIANT)
   Matching mt.jaceone.de Design System
   All text contrast ratios strictly tested and verified:
     - Headings & Primary Text: #0f172a on white/slate (17.85:1 - AAA)
     - Body Text & Labels: #334155 on white (10.35:1 - AAA)
     - Muted Text & Breadcrumbs: #475569 on white (7.58:1 - AAA)
     - Section Headers: #613812 (Deep Roasted Bronze) on white (10.08:1 - AAA)
     - Primary Button: #7a4b1c to #613812 with white text (7.37:1 - AAA)
     - AI Button: #6b21a8 to #581c87 with white text (10.88:1 - AAA)
     - Dock Icons: #f1f5f9 on #111115 (17.19:1 - AAA)
     - Sidebar Selected: #613812 on #f5ede2 (8.69:1 - AAA)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800;900&display=swap');

:root, [data-theme="light"], html, body {
  --primary: #7a4b1c !important;
  --primary-color: #7a4b1c !important;
  --primary-hover: #59330e !important;
  --brand-color: #7a4b1c !important;
  --btn-primary-bg: #7a4b1c !important;
  --btn-primary-color: #ffffff !important;
  --text-color: #0f172a !important;
  --text-muted: #475569 !important;
  --text-light: #64748b !important;
  --bg-color: #ffffff !important;
  --surface-base: #ffffff !important;
  --desk-sidebar-bg: #f8fafc !important;
  --border-color: #e2e8f0 !important;
  --outline-gray-1: #e2e8f0 !important;
  --outline-gray-2: #cbd5e1 !important;
  --focus-default: 0 0 0 3px rgba(122, 75, 28, 0.35) !important;
  --border-radius: 8px !important;
}

/* 1. Global High-Contrast Typography */
body, .desk-page, .modal, input, select, textarea, button, .form-control {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #0f172a !important;
}

h1, h2, h3, h4, h5, h6, .page-title, .title-text, .widget-title, .header-title {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;
}

p, span, label, .control-label, .grid-header, .data-row {
  color: #1e293b !important;
}

.text-muted, .sub-heading, .comment-header, .timeline-content {
  color: #475569 !important;
}

::selection {
  background-color: #946738 !important;
  color: #ffffff !important;
}

/* 2. Page Header (.page-head) – Clean White Canvas with Earth Bronze Accent Line */
.page-head {
  background: #ffffff !important;
  border-bottom: 3px solid #946738 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.page-head .page-title, .page-head .title-text, .page-head h1, .page-head h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.35rem !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
}

.page-head .sub-heading, .page-head .breadcrumbs, .page-head .breadcrumbs a,
.page-head .navbar-breadcrumbs a, .page-head .navbar-breadcrumbs span {
  color: #475569 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
}

.page-head .breadcrumbs a:hover, .page-head .navbar-breadcrumbs a:hover {
  color: #7a4b1c !important;
  text-decoration: underline !important;
}

.page-head .btn-secondary, .page-head button.btn-secondary, .page-head .btn-default {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
}

.page-head .btn-secondary:hover, .page-head button.btn-secondary:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

.page-head .sidebar-toggle-btn {
  color: #475569 !important;
}
.page-head .sidebar-toggle-btn:hover {
  color: #7a4b1c !important;
}

/* 3. Primary Action Buttons – Roasted Earth Bronze (WCAG AAA 7.37:1) */
.btn-primary, button.btn-primary, .primary-action,
.btn-primary:not(:disabled):not(.disabled) {
  background: linear-gradient(135deg, #7a4b1c 0%, #613812 100%) !important;
  border: 1px solid #4a2808 !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(97, 56, 18, 0.32) !important;
  transition: all 0.18s ease-in-out !important;
}

.btn-primary:hover, button.btn-primary:hover, .primary-action:hover {
  background: linear-gradient(135deg, #59330e 0%, #422204 100%) !important;
  border-color: #381a02 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(97, 56, 18, 0.45) !important;
  color: #ffffff !important;
}

.btn-primary:active, button.btn-primary:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 4px rgba(97, 56, 18, 0.3) !important;
}

/* AI Action Buttons – Deep High-Tech Violet (WCAG AAA 10.88:1) */
button:has(> span:contains("KI")), button:has(> i:contains("KI")), .btn-ai,
button[data-action="ai-enrich"] {
  background: linear-gradient(135deg, #6b21a8 0%, #581c87 100%) !important;
  border: 1px solid #4c1d95 !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(88, 28, 135, 0.35) !important;
  transition: all 0.18s ease-in-out !important;
}

button:has(> span:contains("KI")):hover, .btn-ai:hover {
  background: linear-gradient(135deg, #581c87 0%, #4c1d95 100%) !important;
  box-shadow: 0 4px 14px rgba(88, 28, 135, 0.5) !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
}

/* 4. Desk Sidebar (.body-sidebar) – High-Contrast Crisp Slate 50 */
.body-sidebar {
  background: #f8fafc !important;
  border-right: 1px solid #e2e8f0 !important;
}

.body-sidebar .sidebar-header {
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 12px 14px !important;
}

.body-sidebar .sidebar-header .header-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
}

.body-sidebar .sidebar-item, .body-sidebar .standard-sidebar-item {
  color: #334155 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  padding: 8px 12px !important;
  margin: 2px 6px !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
}

.body-sidebar .sidebar-item:hover, .body-sidebar .standard-sidebar-item:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  transform: translateX(2px) !important;
}

.body-sidebar .sidebar-item.selected, .body-sidebar .standard-sidebar-item.selected {
  background: #f5ede2 !important;
  color: #613812 !important;
  font-weight: 800 !important;
  border-left: 4px solid #7a4b1c !important;
}

.body-sidebar .sidebar-item .sidebar-item-icon svg,
.body-sidebar .standard-sidebar-item .sidebar-item-icon svg {
  color: #475569 !important;
  stroke: #475569 !important;
}

.body-sidebar .sidebar-item.selected .sidebar-item-icon svg,
.body-sidebar .standard-sidebar-item.selected .sidebar-item-icon svg {
  color: #7a4b1c !important;
  stroke: #7a4b1c !important;
}

/* 5. Left App Dock (#desk-dock, .dock) – Dark Titanium with High-Contrast Icons (17.19:1) */
#desk-dock, .dock {
  background: #111115 !important;
  border: 1px solid rgba(148, 103, 56, 0.45) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
}

.dock .dock-logo .header-logo img, .dock .dock-logo img {
  border-radius: 8px !important;
  box-shadow: 0 0 14px rgba(176, 133, 82, 0.6) !important;
}

.dock .dock-item {
  color: #f1f5f9 !important;
  border-radius: 10px !important;
  transition: all 0.18s ease !important;
}

.dock .dock-item svg {
  stroke: #f1f5f9 !important;
  color: #f1f5f9 !important;
}

.dock .dock-item:hover, .dock .dock-item:focus {
  background: rgba(176, 133, 82, 0.28) !important;
  color: #ffffff !important;
  transform: scale(1.06) !important;
}

.dock .dock-item:hover svg {
  stroke: #ffffff !important;
}

.dock .dock-item.active {
  background: linear-gradient(135deg, #7a4b1c 0%, #613812 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(97, 56, 18, 0.45) !important;
}

/* 6. Form View, Section Headers & Inputs (All High-Contrast) */
.form-section .section-head {
  color: #613812 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 6px !important;
  margin-bottom: 14px !important;
}

.control-label {
  color: #1e293b !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
}

.form-control, input.form-control, select.form-control, textarea.form-control {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  border-radius: 8px !important;
  font-size: 0.92rem !important;
}

.form-control:focus, input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
  border-color: #7a4b1c !important;
  box-shadow: 0 0 0 3px rgba(122, 75, 28, 0.22) !important;
  color: #0f172a !important;
}

/* Technical Identifiers in High-Contrast Monospace (17.85:1) */
[data-fieldname="item_code"] input,
[data-fieldname="oem_part_number"] input,
[data-fieldname="customs_hs_code"] input,
[data-fieldname="drawing_number"] input,
[data-fieldname="banja_luka_warehouse_bay"] input,
.list-row-col:has([title*="MC-"]),
.list-row-col:has([title*="ANG-"]),
.list-row-col:has([title*="AUF-"]),
.list-row-col:has([title*="RE-"]) {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}

/* 7. Status Badges & Indicators (WCAG AAA High-Contrast) */
.indicator-pill.green, .badge.green, span[data-filter*="Submitted"] {
  background: #ecfdf5 !important;
  color: #064e3b !important;
  border: 1px solid #059669 !important;
  font-weight: 700 !important;
}

.indicator-pill.orange, .badge.orange, span[data-filter*="Draft"] {
  background: #fffbeb !important;
  color: #78350f !important;
  border: 1px solid #d97706 !important;
  font-weight: 700 !important;
}

.indicator-pill.blue, .badge.blue, span[data-filter*="Open"] {
  background: #eff6ff !important;
  color: #1e3a8a !important;
  border: 1px solid #3b82f6 !important;
  font-weight: 700 !important;
}

.indicator-pill.red, .badge.red, span[data-filter*="Cancelled"] {
  background: #fef2f2 !important;
  color: #7f1d1d !important;
  border: 1px solid #dc2626 !important;
  font-weight: 700 !important;
}

.indicator-pill.purple, .badge.purple {
  background: #faf5ff !important;
  color: #581c87 !important;
  border: 1px solid #9333ea !important;
  font-weight: 700 !important;
}

/* 8. Command Center Cards & Shortcut Boxes */
.widget, .shortcut-widget-box {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.shortcut-widget-box:hover, .widget:hover {
  border-color: #7a4b1c !important;
  box-shadow: 0 8px 24px rgba(122, 75, 28, 0.12) !important;
  transform: translateY(-2px) !important;
}

.widget .widget-head .widget-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.shortcut-widget-box .widget-title {
  color: #1e293b !important;
  font-weight: 700 !important;
}

/* 9. Live Website Pill Badge (High-Contrast Cream & Deep Bronze 9.30:1) */
.mintech-nav-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #faf5ee !important;
  border: 1px solid #946738 !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  margin-right: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.18s ease !important;
}

.mintech-nav-badge:hover {
  background: #f2e8dc !important;
  border-color: #7a4b1c !important;
  box-shadow: 0 2px 8px rgba(122, 75, 28, 0.22) !important;
}

.mintech-nav-badge .badge-text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  color: #0f172a !important;
  letter-spacing: 0.01em !important;
}

.mintech-nav-badge .badge-sub {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  color: #7a4b1c !important;
}