/* Page title bar on menu-loaded define forms */
#defaultDashboard-content > .card > .card-header:has(> .card-title):not(:has(.nav-tabs)),
#defaultDashboard-content > .card.card-primary > .card-header:has(> .card-title):not(:has(.nav-tabs)) {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem 1.35rem;
  margin: 0;
  background: linear-gradient(
    180deg,
    var(--falcon-gray-100, #f9fafd) 0%,
    rgba(249, 250, 253, 0.35) 100%
  );
  border-bottom: 1px solid var(--falcon-border-color, #d8e2ef);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
}

#defaultDashboard-content > .card > .card-header:has(> .card-title):not(:has(.nav-tabs))::before,
#defaultDashboard-content > .card.card-primary > .card-header:has(> .card-title):not(:has(.nav-tabs))::before {
  content: "";
  flex: 0 0 4px;
  align-self: stretch;
  max-height: 1.75rem;
  margin-block: auto;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    var(--falcon-primary, #2c7be5) 0%,
    rgba(44, 123, 229, 0.55) 100%
  );
  box-shadow: 0 0 0 3px rgba(44, 123, 229, 0.12);
}

#defaultDashboard-content > .card > .card-header:has(> .card-title):not(:has(.nav-tabs)) > .card-title,
#defaultDashboard-content > .card.card-primary > .card-header:has(> .card-title):not(:has(.nav-tabs)) > .card-title {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.3;
  color: var(--falcon-gray-1000, #232e3c);
}

html[data-bs-theme="dark"] #defaultDashboard-content > .card > .card-header:has(> .card-title):not(:has(.nav-tabs)),
html[data-bs-theme="dark"] #defaultDashboard-content > .card.card-primary > .card-header:has(> .card-title):not(:has(.nav-tabs)) {
  background: linear-gradient(
    180deg,
    rgba(44, 123, 229, 0.14) 0%,
    rgba(18, 30, 45, 0.55) 100%
  );
  border-bottom-color: var(--falcon-border-color, #3d4a5c);
  box-shadow: none;
}

html[data-bs-theme="dark"] #defaultDashboard-content > .card > .card-header:has(> .card-title):not(:has(.nav-tabs))::before,
html[data-bs-theme="dark"] #defaultDashboard-content > .card.card-primary > .card-header:has(> .card-title):not(:has(.nav-tabs))::before {
  background: linear-gradient(
    180deg,
    #5c9cf5 0%,
    var(--falcon-primary, #2c7be5) 100%
  );
  box-shadow: 0 0 0 3px rgba(44, 123, 229, 0.18);
}

html[data-bs-theme="dark"] #defaultDashboard-content > .card > .card-header:has(> .card-title):not(:has(.nav-tabs)) > .card-title,
html[data-bs-theme="dark"] #defaultDashboard-content > .card.card-primary > .card-header:has(> .card-title):not(:has(.nav-tabs)) > .card-title {
  color: var(--falcon-gray-200, #edf2f9);
}

html[data-bs-theme="dark"] #terminalPerformanceDiv.card,
html[data-bs-theme="dark"] #terminalStatisticsDiv.card,
html[data-bs-theme="dark"] #defaultDashboard-content > .card,
html[data-bs-theme="dark"] #defaultDashboard-content .card.card-primary {
  background-color: var(--falcon-card-bg, var(--falcon-body-bg, #0b1727));
  color: var(--falcon-body-color, #edf2f9);
  border-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] #defaultDashboard-content .card-header,
html[data-bs-theme="dark"] #defaultDashboard-content .card-footer,
html[data-bs-theme="dark"] #defaultDashboard-content .card-body {
  background-color: transparent;
  color: inherit;
  border-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] #defaultDashboard-content .card-title,
html[data-bs-theme="dark"] #defaultDashboard-content label,
html[data-bs-theme="dark"] #defaultDashboard-content .form-check-label,
html[data-bs-theme="dark"] #defaultDashboard-content legend,
html[data-bs-theme="dark"] #defaultDashboard-content fieldset {
  color: var(--falcon-body-color, #edf2f9);
}

html[data-bs-theme="dark"] #defaultDashboard-content fieldset {
  border-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] .k-content,
html[data-bs-theme="dark"] .k-tabstrip-content,
html[data-bs-theme="dark"] .k-tabstrip > .k-content {
  background-color: var(--falcon-card-bg, var(--falcon-body-bg, #0b1727)) !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-tabstrip-items-wrapper,
html[data-bs-theme="dark"] .k-tabstrip-items .k-item {
  color: var(--falcon-body-color, #edf2f9);
  border-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] .k-tabstrip-items .k-item.k-active {
  background-color: var(--falcon-emphasis-bg, #121e2d);
  color: #fff;
  border-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] #defaultDashboard-content input[type="file"],
html[data-bs-theme="dark"] #defaultDashboard-content .custom-file-input {
  color: var(--falcon-body-color, #edf2f9);
}

html[data-bs-theme="dark"] #defaultDashboard-content input[type="file"]::file-selector-button {
  background-color: var(--falcon-emphasis-bg, #121e2d);
  color: var(--falcon-body-color, #edf2f9);
  border: 1px solid var(--falcon-border-color, #3d4a5c);
  border-radius: 0.25rem;
  margin-inline-end: 0.75rem;
  padding: 0.35rem 0.75rem;
}

html[data-bs-theme="dark"] #defaultDashboard-content input[type="file"]::file-selector-button:hover {
  background-color: var(--falcon-quaternary-bg, #0b1727);
}

html[data-bs-theme="dark"] .highcharts-figure,
html[data-bs-theme="dark"] #terminalHighCharts {
  background: transparent;
}

#terminalPerformanceDiv #terminalPerformanceQueryToolbar {
  border-top: 1px solid var(--falcon-border-color, #d8e2ef);
  padding-top: 0.85rem;
}

#terminalPerformanceDiv #terminalChartTypeGroup > .btn.active {
  color: #fff;
  background-color: var(--falcon-primary, #2c7be5);
  border-color: var(--falcon-primary, #2c7be5);
}

html[data-bs-theme="dark"] #terminalPerformanceDiv #terminalPerformanceQueryToolbar {
  border-top-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] #terminalPerformanceDiv #terminalChartTypeGroup > .btn {
  color: var(--falcon-body-color, #edf2f9);
  background-color: var(--falcon-emphasis-bg, #121e2d);
  border-color: var(--falcon-border-color, #3d4a5c);
}

html[data-bs-theme="dark"] #terminalPerformanceDiv #terminalChartTypeGroup > .btn:hover {
  background-color: #1e2b3c;
}

html[data-bs-theme="dark"] #terminalPerformanceDiv #terminalChartTypeGroup > .btn.active {
  color: #fff;
  background-color: var(--falcon-primary, #2c7be5);
  border-color: var(--falcon-primary, #2c7be5);
}

/* Highcharts export / context menu (rendered on body) */
html[data-bs-theme="dark"] .highcharts-menu {
  background: var(--falcon-emphasis-bg, #121e2d) !important;
  border: 1px solid var(--falcon-border-color, #3d4a5c) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

html[data-bs-theme="dark"] .highcharts-menu-item {
  color: var(--falcon-body-color, #edf2f9) !important;
  background: transparent !important;
}

html[data-bs-theme="dark"] .highcharts-menu-item:hover,
html[data-bs-theme="dark"] .highcharts-menu li:hover {
  background: #1e2b3c !important;
  color: #ffffff !important;
}

html[data-bs-theme="dark"] .highcharts-menu hr {
  border-color: var(--falcon-border-color, #3d4a5c) !important;
  background: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-input,
html[data-bs-theme="dark"] .k-picker,
html[data-bs-theme="dark"] .k-input-solid,
html[data-bs-theme="dark"] .k-picker-solid,
html[data-bs-theme="dark"] .k-multiselect,
html[data-bs-theme="dark"] .k-dropdownlist,
html[data-bs-theme="dark"] .k-datepicker,
html[data-bs-theme="dark"] .k-maskedtextbox,
html[data-bs-theme="dark"] .k-multiselect-wrap,
html[data-bs-theme="dark"] .k-input-values,
html[data-bs-theme="dark"] .k-input-inner,
html[data-bs-theme="dark"] .form-control.k-input-inner {
  background-color: var(--falcon-quaternary-bg, var(--falcon-body-bg, #0b1727)) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-input-inner::placeholder,
html[data-bs-theme="dark"] .k-input::placeholder {
  color: var(--falcon-gray-500, #9da9bb);
}

html[data-bs-theme="dark"] .k-chip,
html[data-bs-theme="dark"] .k-chip-solid-base,
html[data-bs-theme="dark"] .k-input-button,
html[data-bs-theme="dark"] .k-input-button.k-button-solid-base {
  background-color: var(--falcon-emphasis-bg, #121e2d) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

/* Kendo NumericTextBox spin buttons (shared dark foundation) */
html[data-bs-theme="dark"] .k-numerictextbox .k-input-spinner,
html[data-bs-theme="dark"] .k-input-spinner {
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-input-spinner .k-spinner-increase,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-decrease,
html[data-bs-theme="dark"] .k-input-spinner .k-button,
html[data-bs-theme="dark"] .k-input-spinner .k-button-solid-base,
html[data-bs-theme="dark"] .k-spin-button,
html[data-bs-theme="dark"] .k-numeric-wrap .k-link {
  background-color: var(--falcon-emphasis-bg, #121e2d) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
  box-shadow: none !important;
}

html[data-bs-theme="dark"] .k-input-spinner .k-spinner-increase:hover,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-decrease:hover,
html[data-bs-theme="dark"] .k-input-spinner .k-button:hover,
html[data-bs-theme="dark"] .k-input-spinner .k-button-solid-base:hover,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-increase.k-hover,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-decrease.k-hover,
html[data-bs-theme="dark"] .k-input-spinner .k-button.k-hover,
html[data-bs-theme="dark"] .k-spin-button:hover,
html[data-bs-theme="dark"] .k-numeric-wrap .k-link:hover {
  background-color: var(--falcon-emphasis-bg, #1a2737) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .k-input-spinner .k-spinner-increase:active,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-decrease:active,
html[data-bs-theme="dark"] .k-input-spinner .k-button:active,
html[data-bs-theme="dark"] .k-input-spinner .k-button-solid-base:active,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-increase.k-active,
html[data-bs-theme="dark"] .k-input-spinner .k-spinner-decrease.k-active,
html[data-bs-theme="dark"] .k-input-spinner .k-button.k-active {
  background-color: var(--falcon-quaternary-bg, #0b1727) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .k-input-spinner .k-icon,
html[data-bs-theme="dark"] .k-input-spinner .k-svg-icon,
html[data-bs-theme="dark"] .k-input-spinner .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-spin-button .k-icon,
html[data-bs-theme="dark"] .k-numeric-wrap .k-link .k-icon {
  color: var(--falcon-body-color, #edf2f9) !important;
  fill: currentColor !important;
}

html[data-bs-theme="dark"] .k-popup,
html[data-bs-theme="dark"] .k-list-container,
html[data-bs-theme="dark"] .k-calendar-container,
html[data-bs-theme="dark"] .k-list,
html[data-bs-theme="dark"] .k-list-content {
  background-color: var(--falcon-body-bg, #0b1727) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-list-item,
html[data-bs-theme="dark"] .k-item {
  color: var(--falcon-body-color, #edf2f9);
}

html[data-bs-theme="dark"] .k-list-item:hover,
html[data-bs-theme="dark"] .k-item:hover,
html[data-bs-theme="dark"] .k-list-item.k-hover,
html[data-bs-theme="dark"] .k-item.k-hover,
html[data-bs-theme="dark"] .k-selected,
html[data-bs-theme="dark"] .k-list-item.k-selected {
  background-color: var(--falcon-emphasis-bg, #121e2d) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .k-calendar,
html[data-bs-theme="dark"] .k-calendar-td,
html[data-bs-theme="dark"] .k-calendar-caption,
html[data-bs-theme="dark"] .k-calendar-header,
html[data-bs-theme="dark"] .k-calendar .k-header {
  background-color: var(--falcon-body-bg, #0b1727) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
}

html[data-bs-theme="dark"] .k-input-button,
html[data-bs-theme="dark"] .k-calendar .k-button-solid-base,
html[data-bs-theme="dark"] .k-svg-icon,
html[data-bs-theme="dark"] .k-icon {
  color: var(--falcon-body-color, #edf2f9) !important;
}

html[data-bs-theme="dark"] .k-grid,
html[data-bs-theme="dark"] .k-grid-header,
html[data-bs-theme="dark"] .k-grid-header-wrap,
html[data-bs-theme="dark"] .k-grid-content,
html[data-bs-theme="dark"] .k-grid-footer,
html[data-bs-theme="dark"] .k-grid .k-table,
html[data-bs-theme="dark"] .k-grid .k-table-th,
html[data-bs-theme="dark"] .k-grid .k-table-td,
html[data-bs-theme="dark"] .k-grid .k-table-row,
html[data-bs-theme="dark"] .k-grid .k-master-row,
html[data-bs-theme="dark"] .k-grid .k-alt {
  background-color: var(--falcon-card-bg, var(--falcon-body-bg, #0b1727)) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-grid .k-table-row:hover,
html[data-bs-theme="dark"] .k-grid .k-table-row.k-hover,
html[data-bs-theme="dark"] .k-grid .k-master-row.k-selected,
html[data-bs-theme="dark"] .k-grid .k-table-row.k-selected,
html[data-bs-theme="dark"] .k-grid .k-table-row:hover > .k-table-td,
html[data-bs-theme="dark"] .k-grid .k-table-row.k-hover > .k-table-td,
html[data-bs-theme="dark"] .k-grid .k-master-row.k-selected > .k-table-td,
html[data-bs-theme="dark"] .k-grid .k-table-row.k-selected > .k-table-td,
html[data-bs-theme="dark"] .k-grid .k-table-td.k-selected,
html[data-bs-theme="dark"] .k-grid .k-table-row.k-selected > td,
html[data-bs-theme="dark"] .k-grid .k-master-row.k-selected > td {
  background-color: var(--falcon-emphasis-bg, #121e2d) !important;
  color: #fff !important;
}

/* Shared light-mode row hover/selection for dashboard grids (Route, Bildirim/#eventGrid, etc.). */
#defaultDashboard-content .k-grid .k-table-row:hover > .k-table-td,
#defaultDashboard-content .k-grid .k-table-row.k-hover > .k-table-td,
#defaultDashboard-content .k-grid .k-table-row.k-selected > .k-table-td,
#defaultDashboard-content .k-grid .k-master-row.k-selected > .k-table-td,
#defaultDashboard-content .k-grid .k-table-td.k-selected,
#defaultDashboard-content .k-grid .k-table-row:hover > td,
#defaultDashboard-content .k-grid .k-table-row.k-hover > td,
#defaultDashboard-content .k-grid .k-table-row.k-selected > td,
#defaultDashboard-content .k-grid .k-master-row.k-selected > td {
  background-color: rgba(255, 99, 88, 0.35) !important;
  color: #5c1a1a;
}

/* Alarm/SOS modal grid (#sosGrid): same Route-style row select/hover/focus.
   Overrides sos-row-danger !important so the active row stays readable. */
#sosGridMain #sosGrid .k-table-row:hover > .k-table-td,
#sosGridMain #sosGrid .k-table-row.k-hover > .k-table-td,
#sosGridMain #sosGrid .k-table-row.k-selected > .k-table-td,
#sosGridMain #sosGrid .k-master-row.k-selected > .k-table-td,
#sosGridMain #sosGrid .k-table-td.k-selected,
#sosGridMain #sosGrid .k-table-row:hover > td,
#sosGridMain #sosGrid .k-table-row.k-hover > td,
#sosGridMain #sosGrid .k-table-row.k-selected > td,
#sosGridMain #sosGrid .k-master-row.k-selected > td,
#sosGridMain #sosGrid tr.sos-row-danger:hover td,
#sosGridMain #sosGrid tr.sos-row-danger.k-hover td,
#sosGridMain #sosGrid tr.sos-row-danger.k-selected td,
#sosGridMain #sosGrid tr.sos-row-danger.k-selected > .k-table-td {
  background-color: rgba(255, 99, 88, 0.35) !important;
  color: #5c1a1a;
}

html[data-bs-theme="dark"] #sosGridMain #sosGrid tr.sos-row-danger,
html[data-bs-theme="dark"] #sosGridMain #sosGrid tr.sos-row-danger td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-alt.sos-row-danger,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-alt.sos-row-danger td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-master-row.sos-row-danger,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-master-row.sos-row-danger td {
  background-color: rgba(230, 55, 87, 0.22) !important;
  color: var(--falcon-body-color, #edf2f9) !important;
}

html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-row:hover > .k-table-td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-row.k-hover > .k-table-td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-row.k-selected > .k-table-td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-master-row.k-selected > .k-table-td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-td.k-selected,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-row:hover > td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-row.k-hover > td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-table-row.k-selected > td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid .k-master-row.k-selected > td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid tr.sos-row-danger:hover td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid tr.sos-row-danger.k-hover td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid tr.sos-row-danger.k-selected td,
html[data-bs-theme="dark"] #sosGridMain #sosGrid tr.sos-row-danger.k-selected > .k-table-td {
  background-color: var(--falcon-emphasis-bg, #121e2d) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .k-pager,
html[data-bs-theme="dark"] .k-pager-wrap,
html[data-bs-theme="dark"] .k-pager .k-button,
html[data-bs-theme="dark"] .k-pager .k-dropdownlist,
html[data-bs-theme="dark"] .k-pager .k-picker {
  background-color: var(--falcon-card-bg, var(--falcon-body-bg, #0b1727)) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

/* Kendo Grid export toolbar + grouping header (Excel/PDF/search + "Drag a column…") */
html[data-bs-theme="dark"] .k-grid-toolbar,
html[data-bs-theme="dark"] .k-grid .k-toolbar,
html[data-bs-theme="dark"] .k-toolbar.k-grid-toolbar,
html[data-bs-theme="dark"] .k-grouping-header,
html[data-bs-theme="dark"] .k-grid .k-grouping-header,
html[data-bs-theme="dark"] .k-grid-add-row {
  background-color: var(--falcon-emphasis-bg, #121e2d) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-grid-toolbar .k-button,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button-solid-base,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button-solid-base,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button-md,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button-md {
  background-color: var(--falcon-quaternary-bg, var(--falcon-body-bg, #0b1727)) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
  box-shadow: none !important;
}

html[data-bs-theme="dark"] .k-grid-toolbar .k-button:hover,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button:hover,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button.k-hover,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button.k-hover,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button:focus,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button:focus,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button.k-focus,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button.k-focus {
  background-color: var(--falcon-secondary-bg, #344050) !important;
  color: #fff !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-grid-toolbar .k-button .k-button-text,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button .k-button-text,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button .k-icon,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button .k-icon,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button .k-svg-icon,
html[data-bs-theme="dark"] .k-grid-toolbar .k-button .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-button .k-svg-icon > svg {
  color: inherit !important;
  fill: currentColor !important;
}

html[data-bs-theme="dark"] .k-grid-toolbar .k-separator,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-separator,
html[data-bs-theme="dark"] .k-grid-toolbar .k-toolbar-separator,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-toolbar-separator {
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-grid-toolbar .k-searchbox,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-searchbox,
html[data-bs-theme="dark"] .k-grid-toolbar .k-grid-search,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-grid-search,
html[data-bs-theme="dark"] .k-grid-toolbar .k-input,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-input,
html[data-bs-theme="dark"] .k-grid-toolbar .k-input-inner,
html[data-bs-theme="dark"] .k-grid .k-toolbar .k-input-inner {
  background-color: var(--falcon-quaternary-bg, var(--falcon-body-bg, #0b1727)) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-grouping-header .k-hint,
html[data-bs-theme="dark"] .k-grouping-header .k-group-indicator,
html[data-bs-theme="dark"] .k-grouping-header .k-chip,
html[data-bs-theme="dark"] .k-grouping-header .k-chip-solid-base {
  background-color: var(--falcon-quaternary-bg, var(--falcon-body-bg, #0b1727)) !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

/* Kendo Grid command buttons: edit/update/cancel/destroy (Role/Site/Unit/Terminal/Label/Route/Vehicle/…) */
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button-solid-base,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button-md,
html[data-bs-theme="dark"] .k-grid .k-grid-delete,
html[data-bs-theme="dark"] .k-grid .k-grid-edit,
html[data-bs-theme="dark"] .k-grid .k-grid-update,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel,
html[data-bs-theme="dark"] .k-grid a.k-grid-delete,
html[data-bs-theme="dark"] .k-grid a.k-grid-edit,
html[data-bs-theme="dark"] .k-grid a.k-grid-update,
html[data-bs-theme="dark"] .k-grid a.k-grid-cancel,
html[data-bs-theme="dark"] .k-grid button.k-grid-delete,
html[data-bs-theme="dark"] .k-grid button.k-grid-edit,
html[data-bs-theme="dark"] .k-grid button.k-grid-update,
html[data-bs-theme="dark"] .k-grid button.k-grid-cancel,
html[data-bs-theme="dark"] .k-grid .k-grid-editcustom,
html[data-bs-theme="dark"] .k-grid .k-grid-destroycustom {
  background-color: var(--falcon-quaternary-bg, var(--falcon-body-bg, #0b1727)) !important;
  background-image: none !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
  box-shadow: none !important;
}

html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button:hover,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button.k-hover,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button:focus,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button.k-focus,
html[data-bs-theme="dark"] .k-grid .k-grid-delete:hover,
html[data-bs-theme="dark"] .k-grid .k-grid-edit:hover,
html[data-bs-theme="dark"] .k-grid .k-grid-update:hover,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel:hover,
html[data-bs-theme="dark"] .k-grid .k-grid-delete.k-hover,
html[data-bs-theme="dark"] .k-grid .k-grid-edit.k-hover,
html[data-bs-theme="dark"] .k-grid .k-grid-update.k-hover,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel.k-hover,
html[data-bs-theme="dark"] .k-grid .k-grid-editcustom:hover,
html[data-bs-theme="dark"] .k-grid .k-grid-destroycustom:hover {
  background-color: var(--falcon-secondary-bg, #344050) !important;
  color: #fff !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button .k-button-text,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button .k-icon,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-command-cell .k-button .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-grid-delete .k-button-text,
html[data-bs-theme="dark"] .k-grid .k-grid-edit .k-button-text,
html[data-bs-theme="dark"] .k-grid .k-grid-update .k-button-text,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel .k-button-text,
html[data-bs-theme="dark"] .k-grid .k-grid-delete .k-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-edit .k-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-update .k-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel .k-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-delete .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-edit .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-update .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-delete .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-grid-edit .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-grid-update .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-grid-cancel .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-grid-editcustom .k-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-destroycustom .k-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-editcustom .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-destroycustom .k-svg-icon,
html[data-bs-theme="dark"] .k-grid .k-grid-editcustom .k-svg-icon > svg,
html[data-bs-theme="dark"] .k-grid .k-grid-destroycustom .k-svg-icon > svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Criteria Query / primary actions — Falcon primary, dark-surface friendly */
html[data-bs-theme="dark"] #defaultDashboard-content fieldset .btn-primary,
html[data-bs-theme="dark"] #defaultDashboard-content .card-body .btn-primary,
html[data-bs-theme="dark"] #defaultDashboard-content button[id$="QueryBtn"].btn-primary,
html[data-bs-theme="dark"] #defaultDashboard-content button[id*="QueryBtn"].btn-primary {
  --falcon-btn-bg: var(--falcon-primary, #2c7be5);
  --falcon-btn-border-color: var(--falcon-primary, #2c7be5);
  --falcon-btn-hover-bg: #1a68d1;
  --falcon-btn-hover-border-color: #1a68d1;
  --falcon-btn-active-bg: #1559b7;
  --falcon-btn-active-border-color: #1559b7;
  --falcon-btn-color: #fff;
  background-color: var(--falcon-primary, #2c7be5) !important;
  background-image: none !important;
  border-color: var(--falcon-primary, #2c7be5) !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none;
  opacity: 1;
}

html[data-bs-theme="dark"] #defaultDashboard-content fieldset .btn-primary:hover,
html[data-bs-theme="dark"] #defaultDashboard-content .card-body .btn-primary:hover,
html[data-bs-theme="dark"] #defaultDashboard-content button[id$="QueryBtn"].btn-primary:hover,
html[data-bs-theme="dark"] #defaultDashboard-content button[id*="QueryBtn"].btn-primary:hover,
html[data-bs-theme="dark"] #defaultDashboard-content fieldset .btn-primary:focus,
html[data-bs-theme="dark"] #defaultDashboard-content .card-body .btn-primary:focus,
html[data-bs-theme="dark"] #defaultDashboard-content button[id$="QueryBtn"].btn-primary:focus,
html[data-bs-theme="dark"] #defaultDashboard-content button[id*="QueryBtn"].btn-primary:focus {
  background-color: #1a68d1 !important;
  border-color: #1a68d1 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.35) !important;
}

html[data-bs-theme="dark"] #defaultDashboard-content fieldset .btn-primary:active,
html[data-bs-theme="dark"] #defaultDashboard-content .card-body .btn-primary:active,
html[data-bs-theme="dark"] #defaultDashboard-content button[id$="QueryBtn"].btn-primary:active,
html[data-bs-theme="dark"] #defaultDashboard-content button[id*="QueryBtn"].btn-primary:active {
  background-color: #1559b7 !important;
  border-color: #1559b7 !important;
  color: #fff !important;
}

/* Blocking overlays during Query / AJAX (Kendo mask + LoadingOverlay) */
html[data-bs-theme="dark"] .k-loading-color {
  background-color: var(--falcon-body-bg, #0b1727) !important;
  opacity: 0.55 !important;
}

html[data-bs-theme="dark"] .k-loading-mask,
html[data-bs-theme="dark"] .k-loading-image {
  color: var(--falcon-body-color, #edf2f9) !important;
}

html[data-bs-theme="dark"] .loadingoverlay {
  background: rgba(11, 23, 39, 0.78) !important;
}

html[data-bs-theme="dark"] .loadingoverlay .loadingoverlay_element svg,
html[data-bs-theme="dark"] .loadingoverlay .loadingoverlay_element svg * {
  fill: #edf2f9 !important;
  stroke: #edf2f9 !important;
  color: #edf2f9 !important;
}

html[data-bs-theme="dark"] .loadingoverlay .loadingoverlay_text,
html[data-bs-theme="dark"] .loadingoverlay .loadingoverlay_fa {
  color: #edf2f9 !important;
}

/* Shared Bootstrap modals (unit select, confirm, sos, etc.) */
html[data-bs-theme="dark"] .modal-content {
  background-color: var(--falcon-modal-bg, var(--falcon-emphasis-bg, #121e2d)) !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .modal-header,
html[data-bs-theme="dark"] .modal-footer {
  background-color: transparent !important;
  color: inherit !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .modal-body {
  background-color: transparent !important;
  color: inherit !important;
}

html[data-bs-theme="dark"] .modal-title,
html[data-bs-theme="dark"] .modal-header .close,
html[data-bs-theme="dark"] .modal-header .btn-close {
  color: var(--falcon-body-color, #edf2f9) !important;
}

/* Light theme: keep Bootstrap dark X visible on white/light modal headers (e.g. #sosModal Bildirim) */
.modal-header .btn-close {
  opacity: 0.75;
}

.modal-header .btn-close:hover {
  opacity: 1;
}

html[data-bs-theme="dark"] .modal-header .btn-close {
  filter: invert(1) grayscale(100%);
  opacity: 0.85;
}

html[data-bs-theme="dark"] .modal-backdrop {
  background-color: #000 !important;
}

html[data-bs-theme="dark"] .modal-backdrop.show {
  opacity: 0.6;
}

html[data-bs-theme="dark"] .modal .card,
html[data-bs-theme="dark"] .modal .card.card-primary {
  background-color: var(--falcon-card-bg, var(--falcon-body-bg, #0b1727)) !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .modal .card-header,
html[data-bs-theme="dark"] .modal .card-body,
html[data-bs-theme="dark"] .modal .card-footer {
  background-color: transparent !important;
  color: inherit !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .modal label,
html[data-bs-theme="dark"] .modal legend,
html[data-bs-theme="dark"] .modal fieldset,
html[data-bs-theme="dark"] .modal .form-check-label {
  color: var(--falcon-body-color, #edf2f9) !important;
}

html[data-bs-theme="dark"] .modal fieldset {
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

html[data-bs-theme="dark"] .modal .form-control,
html[data-bs-theme="dark"] .modal select.form-control {
  background-color: var(--falcon-quaternary-bg, var(--falcon-body-bg, #0b1727)) !important;
  color: var(--falcon-body-color, #edf2f9) !important;
  border-color: var(--falcon-border-color, #3d4a5c) !important;
}

/* Soft instructional callouts (device model / firmware define) */
.secmon-hint-callout {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0.375rem;
  border: 1px solid rgba(44, 123, 229, 0.18);
  border-left: 3px solid var(--falcon-primary, #2c7be5);
  background-color: rgba(44, 123, 229, 0.06);
  color: var(--falcon-body-color, #5e6e82);
}

.secmon-hint-callout-icon {
  flex: 0 0 auto;
  margin-top: 0.1rem;
  font-size: 0.9rem;
  line-height: 1;
  color: var(--falcon-primary, #2c7be5);
  opacity: 0.9;
}

.secmon-hint-callout-body {
  min-width: 0;
  flex: 1 1 auto;
}

.secmon-hint-callout-text {
  font-size: 0.875rem;
  line-height: 1.4;
  color: inherit;
}

.secmon-hint-callout-example {
  margin-top: 0.2rem;
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--falcon-secondary-color, #748194);
}

.secmon-firmware-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.secmon-model-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0.28rem 0.7rem;
  border-radius: 50rem;
  border: 1px solid rgba(44, 123, 229, 0.22);
  background-color: rgba(44, 123, 229, 0.08);
  color: var(--falcon-secondary-color, #748194);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-bs-theme="dark"] .secmon-hint-callout {
  border-color: rgba(44, 123, 229, 0.28);
  border-left-color: var(--falcon-primary, #2c7be5);
  background-color: rgba(44, 123, 229, 0.12);
  color: var(--falcon-body-color, #edf2f9);
}

html[data-bs-theme="dark"] .secmon-hint-callout-icon {
  color: #6ea8fe;
}

html[data-bs-theme="dark"] .secmon-hint-callout-example {
  color: var(--falcon-secondary-color, #9da9bb);
}

html[data-bs-theme="dark"] .secmon-model-chip {
  border-color: rgba(110, 168, 254, 0.28);
  background-color: rgba(44, 123, 229, 0.16);
  color: var(--falcon-secondary-color, #9da9bb);
}