/*
 * Kendo TabStrip aligned with OfferRunner profile TabStrip (profile.css .or-profile-tabstrip).
 * Class: portal-chrome-tabstrip — flat strip, no pill shadows, Barlow labels.
 */

.portal-chrome-tabstrip.k-tabstrip {
  border-radius: 0;
  box-shadow: none !important;
  border: 1px solid #ced4da;
  background-color: #fff;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #eceff1;
  border-color: #ced4da;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items {
  padding: 0 !important;
  margin: 0 !important;
  border: none;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-content {
  padding-top: 1rem;
  border-color: #ced4da;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item .k-link {
  font-family: var(--cds-font-family-base, "Barlow", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif) !important;
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Light: inactive tabs — neutral gray (OfferRunner profile) */
.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active) .k-link {
  color: #3d454d !important;
  background-color: #dfe3e6 !important;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active):hover .k-link,
.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active).k-hover .k-link {
  color: #1a1d21 !important;
  background-color: #cfd5d9 !important;
}

.portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item.k-active .k-link {
  color: #0b5ed7 !important;
  background-color: #fff !important;
}

/* Dark */
html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip {
  background-color: #121416 !important;
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items-wrapper,
html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items {
  background-color: #121416 !important;
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-content {
  border-color: rgba(255, 255, 255, 0.14);
  background-color: #121416;
  color: #e8eaed;
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active) {
  background-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active) .k-link {
  color: #9aa0a6 !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active):hover .k-link,
html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item:not(.k-active).k-hover .k-link {
  color: #c4c7cc !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item.k-active,
html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item.k-selected {
  background-color: #121416 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item.k-active .k-link,
html[data-theme="dark"] .portal-chrome-tabstrip.k-tabstrip .k-tabstrip-items .k-item.k-selected .k-link {
  color: #ffffff !important;
  background-color: #121416 !important;
}