/* Athenian HR Suite — Frontend app styles (minimal, token-ready) */
.ath-hr-app { max-width: 980px; margin: 0 auto; }
.ath-card--app { border-radius: 18px; overflow: hidden; }
.ath-hr-app .ath-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 8px 28px rgba(0,0,0,.06);
}
.ath-hr-app .ath-card__head{
  padding: 14px 16px;
  background: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.ath-hr-app .ath-card__body{ padding: 16px; }

.ath-btn{
  appearance: none;
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
}
.ath-btn--primary{
  background: #111827;
  color: #fff;
  border-color: #111827;
}

.ath-tabs{ display:flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.ath-tab{
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.14);
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 600;
  color: inherit;
}
.ath-tab.is-active{ background: rgba(0,0,0,.08); }

.ath-pill{
  display:inline-flex; align-items:center; gap:6px;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.03);
  text-transform: capitalize;
}
.ath-pill--active, .ath-pill--scheduled { background: rgba(34, 211, 238, .12); }
.ath-pill--inactive { background: rgba(251, 146, 60, .12); }
.ath-pill--open { background: rgba(99, 102, 241, .12); }

.ath-clock__actions{ display:flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.ath-clock__log{ margin-top: 10px; opacity: .9; font-size: 13px; }
.ath-note{ margin-top: 10px; opacity: .75; font-size: 13px; }
.ath-empty{ opacity: .7; }

.ath-table{ display:grid; gap: 6px; }
.ath-table__row{
  display:grid;
  grid-template-columns: 1fr 1fr 120px;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
}
.ath-table__head{ font-weight: 700; background: rgba(0,0,0,.04); }