/* ═══════════════════════════════════════════════════════════════════════════
   Team-Management (Block A)
   Mitarbeiter-Tabelle, Schichtplan-Grid, Clock-Widget, Pay-Run-Tabelle
   ═══════════════════════════════════════════════════════════════════════════ */

.team-subnav{
  display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap;
}
.team-subbtn{
  padding:8px 14px; border-radius:10px; border:1px solid var(--b1);
  background:var(--s1); color:var(--t2); font-family:inherit; font-size:13px;
  font-weight:600; cursor:pointer; transition:all .2s;
}
.team-subbtn:hover{ color:var(--t1); border-color:var(--b2); }
.team-subbtn.active{
  background:linear-gradient(135deg, rgba(200,149,90,.12), rgba(212,148,58,.08));
  color:var(--np); border-color:rgba(200,149,90,.35);
}

.team-tbl{ width:100%; border-collapse:collapse; font-size:13.5px; }
.team-tbl th{
  text-align:left; padding:10px 12px; font-size:11.5px; font-weight:700;
  text-transform:uppercase; letter-spacing:.4px; color:var(--t3);
  border-bottom:1px solid var(--b1); background:var(--s2);
}
.team-tbl td{ padding:12px; border-bottom:1px solid var(--b1); vertical-align:middle; }
.team-tbl tr:last-child td{ border-bottom:none; }

.team-member-name{ font-weight:700; color:var(--t1); }
.team-member-sub{ font-size:11.5px; color:var(--t3); margin-top:2px; }

.team-pill{
  display:inline-block; padding:3px 10px; border-radius:999px;
  font-size:11px; font-weight:700; letter-spacing:.3px;
}
.team-pill-owner       { background:rgba(200,149,90,.14); color:var(--np); }
.team-pill-manager     { background:rgba(59,158,255,.14); color:var(--nb); }
.team-pill-staff       { background:rgba(29,217,122,.14); color:var(--ng); }
.team-pill-front_desk  { background:rgba(155,111,212,.14); color:#9b6fd4; }
.team-pill-read_only   { background:rgba(137,148,173,.18); color:var(--t3); }

.team-pill-active        { background:rgba(29,217,122,.14); color:var(--ng); }
.team-pill-pending_invite{ background:rgba(212,148,58,.16); color:var(--na); }
.team-pill-suspended     { background:rgba(217,64,64,.14);  color:var(--nd); }

.team-pill-draft     { background:rgba(137,148,173,.18); color:var(--t2); }
.team-pill-approved  { background:rgba(59,158,255,.14);  color:var(--nb); }
.team-pill-paid      { background:rgba(29,217,122,.14);  color:var(--ng); }
.team-pill-cancelled { background:rgba(217,64,64,.14);   color:var(--nd); }

.team-shift-tbl td{ vertical-align:top; }
.team-shift-cell{ display:flex; flex-direction:column; gap:4px; min-height:52px; }
.team-shift-chip{
  background:linear-gradient(135deg, rgba(200,149,90,.15), rgba(212,148,58,.08));
  color:var(--np); border:1px solid rgba(200,149,90,.25);
  border-radius:7px; padding:4px 8px; font-size:11.5px; font-weight:600;
  cursor:pointer; transition:all .15s;
}
.team-shift-chip:hover{ background:rgba(217,64,64,.12); color:var(--nd); border-color:rgba(217,64,64,.3); }
.team-shift-add{
  margin-top:auto; padding:4px 8px; border:1px dashed var(--b2); border-radius:7px;
  background:none; color:var(--t3); font-size:14px; line-height:1; cursor:pointer;
  transition:all .15s;
}
.team-shift-add:hover{ color:var(--np); border-color:var(--np); border-style:solid; }

.team-clock-widget{ display:flex; }
.team-clock-box{
  display:flex; gap:8px; align-items:center;
  background:var(--s1); border:1px solid var(--b1); border-radius:12px;
  padding:6px 10px;
}
.team-clock-name{ font-size:12.5px; font-weight:700; color:var(--t2); margin-right:4px; }

.team-ts-strip{ display:flex; gap:6px; flex-wrap:wrap; }
.team-ts-cell{
  min-width:58px; padding:6px 8px; border-radius:8px;
  background:var(--s2); border:1px solid var(--b1); text-align:center;
}
.team-ts-day{ font-size:10.5px; color:var(--t3); font-weight:600; }
.team-ts-val{ font-size:12px; color:var(--t1); font-weight:700; margin-top:1px; }

.btn-sm{ padding:6px 12px; font-size:12px; border-radius:8px; }

@media (max-width:760px){
  .team-subnav{ overflow-x:auto; flex-wrap:nowrap; }
  .team-subbtn{ white-space:nowrap; flex-shrink:0; }
}