/* Team Attendance / Leaves / Holidays — tab strip (used with team-admin-tabs-early.js) */
html:not([data-team-tabs-ready]) .team-tabs-wrapper {
  visibility: hidden;
}
html[data-team-admin-access="0"] .main-content,
html[data-team-admin-access="pending"] .main-content {
  visibility: hidden;
}
.team-tab.active,
html[data-active-team-tab="team-attendance"] .team-tab[data-team-route="team-attendance"],
html[data-active-team-tab="team-leaves"] .team-tab[data-team-route="team-leaves"],
html[data-active-team-tab="holidays"] .team-tab[data-team-route="holidays"] {
  background: linear-gradient(135deg, #ed2047, #f26225);
  color: #fff;
  box-shadow: 0 18px 30px rgba(237, 32, 71, 0.45);
  z-index: 1;
  width: auto;
  min-width: 200px;
  max-width: fit-content;
  text-overflow: clip;
}
.team-tab:not(.active),
html[data-active-team-tab="team-attendance"] .team-tab:not([data-team-route="team-attendance"]),
html[data-active-team-tab="team-leaves"] .team-tab:not([data-team-route="team-leaves"]),
html[data-active-team-tab="holidays"] .team-tab:not([data-team-route="holidays"]) {
  color: #6b6b6b;
  background: #e3e3e3;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}