/* Pill tabs — all TMS database apps. Load after tms_shell.css */

.tms-module-tabs,
.tms-form-tabs,
.tariff-form-tabs,
.cct-tabs,
.top-nav {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.tms-module-tabs a,
.tms-module-tabs a:visited,
.tms-form-tabs a,
.tms-form-tabs a:visited,
.tariff-form-tabs a,
.tariff-form-tabs a:visited,
.tariff-form-tabs span,
.cct-tabs a,
.cct-tabs a:visited,
.cct-tabs .cct-tab-link,
.top-nav a,
.top-nav a:visited {
  display: inline-block !important;
  text-decoration: none !important;
  color: #0f172a !important;
  background: #fff !important;
  border: 1px solid #dbe3ee !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer;
  font-family: inherit;
}

.tms-module-tabs a:hover,
.tms-form-tabs a:hover,
.tariff-form-tabs a:hover,
.cct-tabs a:hover,
.cct-tabs .cct-tab-link:hover,
.top-nav a:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

.tms-module-tabs a.active,
.tms-module-tabs a.active:visited,
.tms-form-tabs a.active,
.tms-form-tabs a.active:visited,
.tariff-form-tabs a.active,
.tariff-form-tabs span.active,
.cct-tabs a.active,
.cct-tabs .cct-tab-link.active,
.top-nav a.active,
.top-nav a.active:visited {
  background: #0f172a !important;
  color: #fff !important;
  border-color: #0f172a !important;
}

.cct-tabs-setup .cct-tab-link[data-cct-tab="confirm_customer_carrier"],
.cct-tabs-setup .cct-tab-link[data-cct-tab="equipment"],
.cct-tabs-setup .cct-tab-link[data-cct-tab="tariff_notes"] {
  background: #ecfdf5 !important;
  border-color: #0f766e !important;
  color: #0f766e !important;
}

.cct-tabs-setup .cct-tab-link[data-cct-tab="confirm_customer_carrier"].active,
.cct-tabs-setup .cct-tab-link[data-cct-tab="equipment"].active,
.cct-tabs-setup .cct-tab-link[data-cct-tab="tariff_notes"].active {
  background: #0f766e !important;
  color: #fff !important;
  border-color: #0f766e !important;
}