/* TeleNavix hotfix: safe, CSS-only I/O/OBD settings table layout.
 * Works with the restored production React build; no compiled JS is changed.
 * :has() scopes this entirely to the flat I/O/OBD parameter table.
 */
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) {
  width: 100% !important;
  min-width: 1120px !important;
  table-layout: fixed !important;
}
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(1) { width: 16% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(2) { width: 7% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(3) { width: 23% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(4) { width: 9% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(5) { width: 9% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(6) { width: 14% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(7) { width: 14% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) :is(th, td):nth-child(8) { width: 8% !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) td:nth-child(3) { min-width: 0 !important; }
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) td:nth-child(3) fieldset {
  min-width: 0 !important;
  width: 100% !important;
}
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) td:nth-child(3) .tnx-config-segmented {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 2px !important;
  padding: 2px !important;
  flex-wrap: nowrap !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) td:nth-child(3) .tnx-config-option {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 4px 2px !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  font-size: 11px !important;
  line-height: 17px !important;
}
.tnx-popup-window.teltonika-settings-modal table:has(tbody tr[data-setting-section-id]) td:nth-child(2) {
  padding-left: 3px !important;
  padding-right: 3px !important;
  white-space: normal !important;
}