/* ==========================================================================
   MoveFlow – Mitarbeiter
   ========================================================================== */
.emp-stats { margin-bottom: 20px; }
.emp-stats .stat-box { background: var(--c-surface); }
.emp-stats .stat-box__label svg { width: 14px; height: 14px; }
.emp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }

.emp-card {
  display: flex; flex-direction: column; gap: 12px;
  padding: 18px;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-xs);
  cursor: pointer;
  transition: box-shadow var(--t), border-color var(--t), transform var(--t);
}
.emp-card:hover { box-shadow: var(--shadow-md); border-color: var(--c-border-2); transform: translateY(-1px); }
.emp-card__top { display: flex; gap: 14px; align-items: center; }
.emp-card__id { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.emp-card__name { font-size: 16px; font-weight: 700; letter-spacing: -0.015em; }
.emp-card__role { font-size: 12.5px; color: var(--c-text-3); }
.emp-status { display: inline-flex; align-items: center; gap: 3px; border-radius: var(--r-full); padding: 1px; }
.emp-status > svg { width: 13px; height: 13px; color: var(--c-text-3); }
.emp-status:hover .badge { box-shadow: inset 0 0 0 1px currentColor; }
.emp-card__phone { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 550; color: var(--c-text-2); }
.emp-card__phone svg { width: 14px; height: 14px; color: var(--c-text-3); }
.emp-card__phone:hover { color: var(--c-primary); }
.emp-card__today { padding: 10px 12px; border-radius: var(--r-md); background: var(--c-surface-2); border: 1px solid var(--c-border); display: flex; flex-direction: column; gap: 4px; min-height: 58px; }
.emp-card__label { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--c-text-3); }
.emp-job { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--c-text); }
.emp-job:hover { color: var(--c-primary); }
.emp-job__main { font-weight: 600; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emp-job__time { font-size: 12px; color: var(--c-text-3); font-variant-numeric: tabular-nums; }
.emp-card__free { font-size: 13px; color: var(--c-green-text); font-weight: 550; }
.emp-card__absent { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--c-amber-text); }
.emp-card__absent svg { width: 14px; height: 14px; }
.emp-card__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.emp-card__stats > div { display: flex; flex-direction: column; }
.emp-card__stats span { font-size: 11.5px; color: var(--c-text-3); font-weight: 550; }
.emp-card__stats strong { font-size: 20px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; }
.emp-card__stats small { font-size: 11.5px; color: var(--c-text-3); }
.emp-card__skills { display: flex; gap: 5px; flex-wrap: wrap; }
.emp-card__actions { display: flex; gap: 6px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--c-border); }
.emp-card__actions .btn:not(.btn--icon) { flex: 1; }

/* Akte */
.emp-hero .hero__subtitle { align-items: center; }
.emp-stars { color: var(--c-amber); font-size: 13px; letter-spacing: 1px; }
.emp-tabs { margin-top: 20px; }
.emp-date { width: 42px; height: 44px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--c-surface-3); flex-shrink: 0; line-height: 1.1; }
.emp-date strong { font-size: 16px; font-weight: 750; }
.emp-date span { font-size: 10.5px; text-transform: uppercase; color: var(--c-text-3); font-weight: 600; }

/* Wochenplan */
.emp-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.emp-day { border-right: 1px solid var(--c-border); min-height: 220px; display: flex; flex-direction: column; min-width: 0; }
.emp-day:last-child { border-right: 0; }
.emp-day.is-weekend { background: var(--c-surface-2); }
.emp-day__head { display: flex; align-items: baseline; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--c-border); font-size: 12px; color: var(--c-text-3); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.emp-day__head strong { font-size: 16px; color: var(--c-text); letter-spacing: -0.01em; }
.emp-day.is-today .emp-day__head { background: var(--c-primary-50); color: var(--c-primary-700); }
.emp-day.is-today .emp-day__head strong { color: var(--c-primary-700); }
.emp-day__body { padding: 8px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.emp-day__free { margin: auto; font-size: 12px; color: var(--c-text-4); font-weight: 550; }
.emp-day__absent { display: flex; align-items: center; gap: 6px; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: 600; background: var(--c-amber-bg); color: var(--c-amber-text); }
.emp-day__absent.is-krank { background: var(--c-red-bg); color: var(--c-red-text); }
.emp-day__absent svg { width: 13px; height: 13px; }
.emp-slot { display: flex; flex-direction: column; padding: 7px 9px; border-radius: 8px; border-left: 3px solid var(--c-blue); background: var(--c-blue-bg); color: var(--c-text); min-width: 0; transition: box-shadow var(--t-fast); }
.emp-slot:hover { box-shadow: var(--shadow-sm); color: var(--c-text); }
.emp-slot--amber { border-left-color: var(--c-amber); background: var(--c-amber-bg); }
.emp-slot--green { border-left-color: var(--c-green); background: var(--c-green-bg); }
.emp-slot--violet { border-left-color: var(--c-violet); background: var(--c-violet-bg); }
.emp-slot--gray { border-left-color: var(--c-gray); background: var(--c-gray-bg); }
.emp-slot__time { font-size: 11px; font-weight: 700; color: var(--c-text-2); font-variant-numeric: tabular-nums; }
.emp-slot__title { font-size: 12.5px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emp-slot__sub { font-size: 11px; color: var(--c-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.emp-zeit-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.table tfoot td { background: var(--c-surface-2); border-top: 1px solid var(--c-border-2); padding-top: 12px; padding-bottom: 12px; }

@media (max-width: 1023px) {
  .emp-week { grid-template-columns: repeat(7, 150px); overflow-x: auto; }
}
@media (max-width: 680px) {
  .emp-grid { grid-template-columns: minmax(0, 1fr); }
  .emp-zeit-sum { grid-template-columns: 1fr; }
  .emp-hero .hero__actions { width: 100%; }
  .emp-hero .hero__actions .btn:not(.btn--icon) { flex: 1; }
}