/* Customer navigation · selected forest/gold direction, shared with employees. */
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top {
  gap: 0; padding: 0 6px; margin-bottom: 18px; overflow-x: auto;
  border: 0; border-radius: 0; background: #123c31; box-shadow: none;
}
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button {
  min-height: 54px; padding: 0 17px; border: 0; border-bottom: 4px solid transparent;
  border-radius: 0; color: #fffefb; background: transparent; box-shadow: none;
  font-size: 15px; font-weight: 720;
}
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button i { color: #fffefb; font-size: 17px; }
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button:hover { color: #fffefb; background: #255849; transform: none; }
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button.is-active { color: #fffefb; background: #255849; border-bottom-color: #e5c771; box-shadow: none; }
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button.is-active i { color: #e5c771; }
body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button:focus-visible { outline: 2px solid #e5c771; outline-offset: -6px; }
@media (max-width: 760px) {
  body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top { padding: 0; margin-bottom: 12px; }
  body.portal-body[data-portal-view="customers"] #customers > .customer-tabs-top button { min-height: 48px; padding: 0 13px; font-size: 14px; }
}