@font-face {
  font-family: 'Cynetiq';
  src: url('../fonts/cynetiqFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root,
[data-theme="light"] {
  --cm-primary: #007A33;
  --cm-primary-dark: #005a26;
  --cm-secondary: #2D2D2D;
  --cm-accent-start: #11998e;
  --cm-accent-end: #38ef7d;
  --cm-bg: #f5f7fa;
  --cm-surface: #ffffff;
  --cm-surface-2: #eef1f5;
  --cm-text: #1a1a2e;
  --cm-text-muted: #6c757d;
  --cm-border: #dee2e6;
  --cm-error: #e03131;
  --cm-warning: #f59f00;
  --cm-success: #2f9e44;
  --cm-info: #1c7ed6;
  --cm-shadow: rgba(0, 0, 0, 0.12);
  --cm-overlay: rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] {
  --cm-primary: #38ef7d;
  --cm-primary-dark: #11998e;
  --cm-secondary: #1a1a2e;
  --cm-accent-start: #11998e;
  --cm-accent-end: #38ef7d;
  --cm-bg: #0f1117;
  --cm-surface: #1a1d27;
  --cm-surface-2: #252836;
  --cm-text: #e8eaed;
  --cm-text-muted: #9aa0a6;
  --cm-border: #3c4043;
  --cm-error: #ff6b6b;
  --cm-warning: #ffd43b;
  --cm-success: #51cf66;
  --cm-info: #74c0fc;
  --cm-shadow: rgba(0, 0, 0, 0.4);
  --cm-overlay: rgba(0, 0, 0, 0.65);
}

body {
  font-family: 'Cynetiq', sans-serif;
  background-color: var(--cm-bg);
  color: var(--cm-text);
  transition: background-color 0.35s ease, color 0.35s ease;
}

*, *::before, *::after {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.2s ease;
}

/* Dark/Light - Map & Modal surfaces */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .parcel-card,
[data-theme="dark"] .navbar-default,
[data-theme="dark"] .cm-dialog,
[data-theme="dark"] .cm-notif-panel,
[data-theme="dark"] .cm-user-panel {
  background-color: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .cm-dialog-header {
  border-color: var(--cm-border);
}

[data-theme="dark"] .modal-body,
[data-theme="dark"] .modal-footer,
[data-theme="dark"] .cm-dialog-body,
[data-theme="dark"] .cm-dialog-footer {
  background: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] .modal-footer .btn-default,
[data-theme="dark"] .cm-dialog-btn-cancel {
  background: var(--cm-surface-2);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] .profile-form-group label,
[data-theme="dark"] .parcel-card-title,
[data-theme="dark"] .parcel-info-label {
  color: var(--cm-text-muted);
}

[data-theme="dark"] .profile-form-group input,
[data-theme="dark"] .parcel-card,
[data-theme="dark"] .modal-body input,
[data-theme="dark"] .modal-body select,
[data-theme="dark"] .modal-body textarea {
  background: var(--cm-surface-2);
  border-color: var(--cm-border);
  color: var(--cm-text);
}

[data-theme="dark"] .nav-tabs {
  border-bottom-color: var(--cm-border);
}

[data-theme="dark"] .nav-tabs > li > a {
  color: var(--cm-text-muted);
}

[data-theme="dark"] .nav-tabs > li > a:hover {
  background: var(--cm-surface-2);
  border-color: var(--cm-border);
  color: var(--cm-text);
}

[data-theme="dark"] .nav-tabs > li.active > a,
[data-theme="dark"] .nav-tabs > li.active > a:hover,
[data-theme="dark"] .nav-tabs > li.active > a:focus {
  background: var(--cm-surface-2);
  color: var(--cm-primary);
  border-color: var(--cm-border) var(--cm-border) transparent;
}

[data-theme="dark"] .table,
[data-theme="dark"] .table > thead > tr > th,
[data-theme="dark"] .table > thead > tr > td,
[data-theme="dark"] .table > tbody > tr > th,
[data-theme="dark"] .table > tbody > tr > td,
[data-theme="dark"] .table > tfoot > tr > th,
[data-theme="dark"] .table > tfoot > tr > td {
  background-color: var(--cm-surface) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > th,
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td {
  background-color: var(--cm-surface-2) !important;
  color: var(--cm-text) !important;
}

[data-theme="dark"] .table-hover > tbody > tr:hover,
[data-theme="dark"] .table-hover > tbody > tr:hover > th,
[data-theme="dark"] .table-hover > tbody > tr:hover > td {
  background-color: rgba(56, 239, 125, 0.12) !important;
  color: var(--cm-text) !important;
}

[data-theme="dark"] #feature-info .table > tbody > tr > th {
  color: var(--cm-text-muted) !important;
  font-weight: 600;
  width: 42%;
  white-space: nowrap;
}

[data-theme="dark"] #feature-info .table > tbody > tr > td {
  color: var(--cm-text) !important;
}

[data-theme="dark"] #feature-info a,
[data-theme="dark"] .modal-body .table a {
  color: var(--cm-primary);
}

[data-theme="dark"] .modal-header .close {
  color: var(--cm-text);
  opacity: 0.75;
  text-shadow: none;
}

[data-theme="dark"] #featureModal .cm-feature-close.close {
  color: #fff;
  opacity: 1;
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.28);
}

[data-theme="dark"] .modal-header .close:hover {
  color: var(--cm-text);
  opacity: 1;
}

[data-theme="dark"] #featureModal .cm-feature-close.close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.26);
}

[data-theme="dark"] .well,
[data-theme="dark"] .panel,
[data-theme="dark"] .panel-default > .panel-heading,
[data-theme="dark"] .panel-body,
[data-theme="dark"] .list-group-item {
  background-color: var(--cm-surface-2);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] .form-control {
  background-color: var(--cm-surface-2);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] .form-control:focus {
  border-color: var(--cm-primary);
  box-shadow: 0 0 0 2px rgba(56, 239, 125, 0.2);
}

[data-theme="dark"] .dropdown-menu {
  background-color: var(--cm-surface);
  border-color: var(--cm-border);
}

[data-theme="dark"] .dropdown-menu > li > a {
  color: var(--cm-text);
}

[data-theme="dark"] .dropdown-menu > li > a:hover,
[data-theme="dark"] .dropdown-menu > .active > a {
  background-color: var(--cm-surface-2);
  color: var(--cm-primary);
}

[data-theme="dark"] #box {
  background-color: var(--cm-secondary);
}

[data-theme="dark"] .leaflet-container {
  background: var(--cm-bg);
}

/* Map chrome — topbar / loc / hamburger follow theme */
[data-theme="dark"] body.map-page .cm-topbar .cm-topbar-btn,
[data-theme="dark"] body.map-page .cm-loc-bar #Iller2,
[data-theme="dark"] body.map-page .cm-loc-bar #Ilceler2,
[data-theme="dark"] body.map-page .cm-loc-bar .cm-loc-picker-trigger,
[data-theme="dark"] body.map-page .cm-loc-bar #cropmap_btn,
[data-theme="dark"] body.map-page .cm-loc-bar #remotesensing_btn,
[data-theme="dark"] body.map-page .navbar-toggle {
  background: var(--cm-surface) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] body.map-page .cm-loc-picker-panel {
  background: var(--cm-surface);
  border-color: var(--cm-border);
  color: var(--cm-text);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] body.map-page .cm-loc-picker-search-wrap {
  background: var(--cm-surface-2);
  border-bottom-color: var(--cm-border);
}

[data-theme="dark"] body.map-page .cm-loc-picker-search {
  background: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] body.map-page .cm-loc-picker-item.is-selected {
  color: #7dffa8;
}

[data-theme="dark"] .cm-themed-select-trigger {
  background: var(--cm-surface-2);
  color: var(--cm-text);
  border-color: var(--cm-border);
  box-shadow: none;
}

[data-theme="dark"] .cm-themed-select-trigger:focus,
[data-theme="dark"] .cm-themed-select-trigger:focus-visible {
  border-color: var(--cm-primary);
  box-shadow: 0 0 0 2px rgba(56, 239, 125, 0.2);
}

[data-theme="dark"] .cm-themed-select-panel {
  background: var(--cm-surface);
  border-color: var(--cm-border);
  color: var(--cm-text);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .cm-themed-select-item {
  color: var(--cm-text);
}

[data-theme="dark"] .cm-themed-select-item:hover,
[data-theme="dark"] .cm-themed-select-item:focus {
  background: rgba(56, 239, 125, 0.12);
}

[data-theme="dark"] .cm-themed-select-item.is-selected {
  background: rgba(56, 239, 125, 0.18);
  color: #7dffa8;
}

[data-theme="dark"] .cm-themed-select-item.is-selected::after {
  color: #7dffa8;
}

[data-theme="dark"] .cm-themed-select-chevron {
  border-right-color: var(--cm-primary);
  border-bottom-color: var(--cm-primary);
}

select:not(.cm-loc-picker-native):not(.cm-themed-select-native) {
  color: var(--cm-text);
  background-color: var(--cm-surface);
  border-color: var(--cm-border);
  color-scheme: light dark;
}

[data-theme="dark"] select:not(.cm-loc-picker-native):not(.cm-themed-select-native) {
  background-color: var(--cm-surface-2);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="dark"] select option {
  background-color: var(--cm-surface);
  color: var(--cm-text);
}

[data-theme="dark"] body.map-page .navbar-toggle .icon-bar {
  background-color: var(--cm-text) !important;
}

[data-theme="dark"] body.map-page .cm-loc-bar #Ilceler2:disabled {
  background: var(--cm-surface-2) !important;
  opacity: 0.7;
}

[data-theme="dark"] body.map-page .maplegend,
[data-theme="dark"] body.map-page #maplegend,
[data-theme="dark"] body.map-page .maplegend .legend-toggle,
[data-theme="dark"] body.map-page .maplegend.legend-colorscale {
  background: var(--cm-surface) !important;
  border-color: var(--cm-border) !important;
  color: var(--cm-text) !important;
}

[data-theme="dark"] body.map-page #mapslide,
[data-theme="dark"] body.map-page .mapslide {
  background: var(--cm-surface) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] body.map-page .mapslide .datepicker input[type="date"],
[data-theme="dark"] body.map-page .mapslide #date1,
[data-theme="dark"] body.map-page .mapslide #date2 {
  background: var(--cm-surface-2) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] body.map-page .mapslide-label {
  color: var(--cm-text) !important;
}

[data-theme="dark"] .cm-topbar-btn {
  background: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="light"] body.map-page .cm-topbar .cm-topbar-btn,
[data-theme="light"] body.map-page .navbar-toggle {
  background: rgba(255, 255, 255, 0.96);
  color: #1a1a2e;
}

/* ========== Login page — dark / light readability ========== */
[data-theme="dark"] body.login-page {
  background: #0a1610;
  background-image: none;
}

[data-theme="dark"] body.login-page #box {
  background-color: #141a22;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] body.login-page #main {
  background: var(--cm-surface);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

[data-theme="light"] body.login-page #main {
  background: #fff;
}

[data-theme="dark"] body.login-page .auth-form h1,
[data-theme="dark"] body.login-page .signup-soon-panel h1 {
  color: var(--cm-primary);
}

[data-theme="dark"] body.login-page .auth-form input,
[data-theme="dark"] body.login-page .otp-digit {
  color: var(--cm-text);
  border-bottom-color: var(--cm-border);
  background: transparent;
  -webkit-text-fill-color: var(--cm-text);
}

[data-theme="light"] body.login-page .auth-form input,
[data-theme="light"] body.login-page .otp-digit {
  color: #1a1a2e;
  -webkit-text-fill-color: #1a1a2e;
}

body.login-page .auth-form input::placeholder {
  color: var(--cm-text-muted);
  opacity: 1;
  -webkit-text-fill-color: var(--cm-text-muted);
}

[data-theme="dark"] body.login-page .auth-form input::placeholder {
  color: #9aa0a6;
  -webkit-text-fill-color: #9aa0a6;
}

[data-theme="dark"] body.login-page .otp-desc,
[data-theme="dark"] body.login-page .signup-soon-desc,
[data-theme="dark"] body.login-page .error-message {
  color: var(--cm-text-muted);
}

[data-theme="dark"] body.login-page .error-message {
  color: var(--cm-error);
}

[data-theme="dark"] body.login-page .auth-form button[type="submit"],
[data-theme="dark"] body.login-page .auth-form #verify_otp_btn {
  background: var(--cm-primary);
  color: #0b1f14;
  font-weight: 700;
}

[data-theme="light"] body.login-page .auth-form button[type="submit"],
[data-theme="light"] body.login-page .auth-form #verify_otp_btn {
  background: var(--cm-primary);
  color: #fff;
}

[data-theme="dark"] body.login-page .aside-content p {
  color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] body.login-page #box[data-mode="signup"] .aside-login-hint p {
  color: var(--cm-text);
}

[data-theme="dark"] body.login-page .aside-tab-btn {
  background: var(--cm-surface);
  color: var(--cm-primary);
  border-color: var(--cm-border);
}

[data-theme="dark"] body.login-page #box[data-mode="signup"] .aside-tab-btn {
  background: var(--cm-primary);
  color: #0b1f14;
  border-color: var(--cm-primary);
}

[data-theme="dark"] body.login-page .signup-soon-badge {
  background: rgba(56, 239, 125, 0.18);
  color: var(--cm-primary);
}

[data-theme="dark"] body.login-page .otp-digit {
  background: var(--cm-surface-2);
  border: 1px solid var(--cm-border);
  border-radius: 8px;
}

[data-theme="dark"] body.login-page .cm-topbar-btn {
  background: rgba(26, 29, 39, 0.92);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="light"] body.login-page .cm-topbar-btn {
  background: rgba(255, 255, 255, 0.95);
  color: #1a1a2e;
  border-color: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] body.login-page .cm-site-footer {
  color: rgba(232, 234, 237, 0.9);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  [data-theme="dark"] body.login-page {
    /* Keep dark — no bright green bleed at the bottom safe-area */
    background: #0a1610 !important;
    background-image: none !important;
  }

  [data-theme="dark"] html.login-page-root {
    background: #0a1610 !important;
  }

  [data-theme="dark"] body.login-page .login-aside-right {
    background: var(--cm-surface) !important;
    color: var(--cm-text);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  }

  [data-theme="light"] body.login-page .login-aside-right {
    background: #fff !important;
    color: #1a1a2e;
  }

  [data-theme="dark"] body.login-page .login-mobile-tabs {
    background: rgba(0, 0, 0, 0.28);
  }

  [data-theme="dark"] body.login-page .mobile-tab {
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.35);
  }

  [data-theme="dark"] body.login-page .mobile-tab.active {
    background: var(--cm-surface);
    color: var(--cm-primary);
    border-color: var(--cm-border);
  }

  [data-theme="light"] body.login-page .mobile-tab.active {
    background: #fff;
    color: #2D2D2D;
  }

  [data-theme="dark"] body.login-page .login-mobile-brand h2 {
    color: #fff;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  }
}

/* ========== Selection page — dark / light readability ========== */
[data-theme="dark"] body.selection-page #cropmap_btn,
[data-theme="dark"] body.selection-page #remotesensing_btn,
[data-theme="dark"] body.selection-page #year.yearpicker.form-control {
  background: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="light"] body.selection-page #cropmap_btn,
[data-theme="light"] body.selection-page #remotesensing_btn,
[data-theme="light"] body.selection-page #year.yearpicker.form-control {
  background: #fff;
  color: #1a1a2e;
  border-color: #ccc;
}

[data-theme="dark"] body.selection-page #cropmap_btn:hover,
[data-theme="dark"] body.selection-page #remotesensing_btn:hover {
  background: var(--cm-primary);
  color: #0b1f14;
  border-color: var(--cm-primary);
}

[data-theme="light"] body.selection-page #cropmap_btn:hover,
[data-theme="light"] body.selection-page #remotesensing_btn:hover {
  background: #007A33;
  color: #fff;
  border-color: #007A33;
}

[data-theme="dark"] body.selection-page .cm-topbar-btn {
  background: rgba(26, 29, 39, 0.92);
  color: var(--cm-text);
  border-color: var(--cm-border);
}

[data-theme="light"] body.selection-page .cm-topbar-btn {
  background: rgba(255, 255, 255, 0.95);
  color: #1a1a2e;
}

[data-theme="dark"] body.selection-page .cm-site-footer {
  color: rgba(232, 234, 237, 0.92);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .yearpicker-container {
  --background-color: #1a1d27;
  --border-color: #3c4043;
  --text-color: #e8eaed;
  --selected-text-color: #38ef7d;
  --hover-background-color: #252836;
  background-color: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

[data-theme="light"] .yearpicker-container {
  --background-color: #fff;
  --border-color: #ccc;
  --text-color: #555;
  --selected-text-color: #007A33;
  --hover-background-color: #eee;
}

@media (max-width: 768px) {
  [data-theme="dark"] body.selection-page {
    background: #0a1610 !important;
    background-image: none !important;
  }

  [data-theme="dark"] body.selection-page .selection-shell {
    background: var(--cm-surface);
    color: var(--cm-text);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  }

  [data-theme="dark"] body.selection-page .selection-mobile-head h1,
  [data-theme="dark"] body.selection-page .selection-brand-line {
    color: var(--cm-primary);
  }

  [data-theme="dark"] body.selection-page .selection-mobile-head p,
  [data-theme="dark"] body.selection-page .selection-year-label {
    color: var(--cm-text-muted);
  }

  [data-theme="dark"] body.selection-page #year.yearpicker.form-control {
    background: var(--cm-surface-2);
    color: var(--cm-text);
    border-color: var(--cm-border);
  }

  [data-theme="dark"] body.selection-page #cropmap_btn,
  [data-theme="dark"] body.selection-page #remotesensing_btn {
    background: var(--cm-primary);
    color: #0b1f14;
    border-color: var(--cm-primary);
    font-weight: 700;
  }

  [data-theme="light"] body.selection-page .selection-shell {
    background: #fff;
    color: #1a1a2e;
  }

  [data-theme="light"] body.selection-page .selection-mobile-head h1 {
    color: #1a1a2e;
  }

  [data-theme="light"] body.selection-page .selection-brand-line {
    color: #007A33;
  }

  [data-theme="light"] body.selection-page .selection-mobile-head p:not(.selection-brand-line) {
    color: #6c757d;
  }
}

/* ========== Global Cynetiq on map pages (wins over Bootstrap) ========== */
html.map-page-root,
body.map-page,
body.map-page .navbar,
body.map-page .navbar-brand,
body.map-page .navbar-nav > li > a,
body.map-page .modal,
body.map-page .modal-title,
body.map-page .modal-body,
body.map-page .modal-footer,
body.map-page .btn,
body.map-page .form-control,
body.map-page input,
body.map-page select,
body.map-page textarea,
body.map-page button,
body.map-page table,
body.map-page .table,
body.map-page .bootstrap-table,
body.map-page .fixed-table-toolbar,
body.map-page .leaflet-container,
body.map-page .leaflet-control,
body.map-page .maplegend,
body.map-page .cm-topbar,
body.map-page .cm-loc-bar,
body.map-page .cm-notif-panel,
body.map-page .cm-user-panel,
body.map-page .cm-dialog,
body.map-page .cm-toast,
body.map-page .tab-content,
body.map-page .nav-tabs > li > a,
body.map-page #mapslide,
body.map-page .mapslide,
body.map-page .mapslide input,
body.map-page #datebutton,
body.map-page .datebutton,
body.map-page #Iller2,
body.map-page #Ilceler2,
body.map-page #cropmap_btn,
body.map-page #remotesensing_btn {
  font-family: 'Cynetiq', sans-serif !important;
}

/* Icon fonts must keep their own families (Cynetiq above breaks glyphs → ▯) */
body.map-page .fa,
body.map-page .fa:before,
body.map-page [class^="fa-"]:before,
body.map-page [class*=" fa-"]:before {
  font-family: FontAwesome !important;
}

body.map-page .glyphicon,
body.map-page .glyphicon:before,
body.map-page [class^="glyphicon-"]:before,
body.map-page [class*=" glyphicon-"]:before {
  font-family: 'Glyphicons Halflings' !important;
}

/* ========== Dark modals / dialogs / profile (map + global) ========== */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .modal-footer,
[data-theme="dark"] .tab-content,
[data-theme="dark"] .nav-tabs {
  background-color: var(--cm-surface) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] .modal-body p,
[data-theme="dark"] .modal-body li,
[data-theme="dark"] .modal-body span,
[data-theme="dark"] .modal-body label,
[data-theme="dark"] .cm-about-rights,
[data-theme="dark"] .tab-pane {
  color: var(--cm-text) !important;
}

[data-theme="dark"] .cm-about-brand,
[data-theme="dark"] .modal-body h1,
[data-theme="dark"] .modal-body h2,
[data-theme="dark"] .modal-body h3,
[data-theme="dark"] .modal-body h4,
[data-theme="dark"] .modal-body strong {
  color: var(--cm-primary) !important;
}

[data-theme="dark"] .nav-tabs > li > a {
  color: var(--cm-text-muted) !important;
  background: transparent !important;
}

[data-theme="dark"] .nav-tabs > li.active > a,
[data-theme="dark"] .nav-tabs > li.active > a:hover,
[data-theme="dark"] .nav-tabs > li.active > a:focus {
  color: var(--cm-primary) !important;
  background-color: var(--cm-surface-2) !important;
  border-bottom-color: var(--cm-primary) !important;
}

[data-theme="dark"] .nav-tabs > li > a:hover {
  color: var(--cm-primary) !important;
  background-color: var(--cm-surface-2) !important;
}

[data-theme="dark"] .modal-footer .btn-default {
  background: var(--cm-surface-2) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] #profileModal .nav-tabs > li.active > a,
[data-theme="dark"] #profileModal .nav-tabs > li > a:hover {
  color: var(--cm-primary) !important;
  background-color: var(--cm-surface-2) !important;
  border-color: var(--cm-primary) !important;
}

[data-theme="dark"] .profile-form-group label {
  color: var(--cm-text-muted) !important;
}

[data-theme="dark"] .profile-form-group input,
[data-theme="dark"] .profile-form-group input:disabled {
  background: var(--cm-surface-2) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] .parcel-card {
  background: var(--cm-surface-2) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] .parcel-card-title,
[data-theme="dark"] .parcel-info-label {
  color: var(--cm-text) !important;
}

[data-theme="dark"] .info-control,
[data-theme="dark"] .leaflet-popup-content-wrapper,
[data-theme="dark"] .leaflet-popup-tip {
  background: var(--cm-surface) !important;
  color: var(--cm-text) !important;
}

[data-theme="dark"] .leaflet-control-layers,
[data-theme="dark"] .leaflet-bar a {
  background: var(--cm-surface) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="dark"] .bootstrap-table .table,
[data-theme="dark"] .fixed-table-container,
[data-theme="dark"] .fixed-table-header,
[data-theme="dark"] .fixed-table-body,
[data-theme="dark"] .fixed-table-toolbar {
  background: var(--cm-surface) !important;
  color: var(--cm-text) !important;
}

[data-theme="dark"] .fixed-table-toolbar .form-control,
[data-theme="dark"] .bootstrap-table .form-control {
  background: var(--cm-surface-2) !important;
  color: var(--cm-text) !important;
  border-color: var(--cm-border) !important;
}

[data-theme="light"] .modal-body,
[data-theme="light"] .tab-content {
  background-color: var(--cm-surface);
  color: var(--cm-text);
}