/* ==========================================================================
   full-statistics.html — главная кабинета работодателя («Мои вакансии»)
   Figma node 6:3232 ("сцена 6 (1)")
   Использует общую оболочку (cp-topbar / cp-sidenav) из candidate-profile.css
   ========================================================================== */

.fs-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}

.fs-page-head h1 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--ri-ink);
  margin: 0 0 .3rem;
}

.fs-page-head__wave { font-size: 1.1rem; }

.fs-page-head p {
  color: var(--ri-text-muted);
  font-size: .9rem;
  margin: 0;
}

.btn-create-vacancy {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--ri-gold);
  border: 1px solid var(--ri-gold-dark);
  border-radius: var(--ri-radius-sm);
  color: #fff;
  font-weight: 500;
  font-size: .9rem;
  padding: .7rem 1.3rem;
  white-space: nowrap;
}

.btn-create-vacancy img { width: 16px; }

/* ---------- Mini stats ---------- */

.fs-mini-stats { margin-bottom: 1.5rem; }

.fs-mini-stat {
  background: #fff;
  border: 1px solid var(--ri-line);
  border-radius: var(--ri-radius-md);
  padding: 1.1rem 1.2rem;
  height: 100%;
}

.fs-mini-stat img { width: 30px; height: auto; margin-bottom: .5rem; }
.fs-mini-stat strong { display: block; font-size: 1.4rem; font-weight: 700; color: #363a44; }
.fs-mini-stat span { display: block; font-size: .82rem; color: #6a6d78; margin: .15rem 0; }
.fs-mini-stat small { font-size: .72rem; color: #96c79f; }

/* ---------- Tabs ---------- */

.fs-tabs {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}

.fs-tab {
  background: #fff;
  border: 1px solid var(--ri-line);
  border-radius: var(--ri-radius-sm);
  padding: .55rem 1.1rem;
  font-size: .85rem;
  color: #6a6d78;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}

.fs-tab span { color: #9a9daa; }

.fs-tab--active {
  background: var(--ri-ink);
  border-color: var(--ri-ink);
  color: #fff;
}

.fs-tab--active span { color: #cfd0d1; }

/* ---------- Vacancy list ---------- */

.fs-vacancy-list { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }

.fs-vacancy {
  background: #fff;
  border: 1px solid var(--ri-line);
  border-radius: var(--ri-radius-md);
  padding: 1.3rem 1.4rem;
}

.fs-vacancy--active { border-left: 3px solid #6bb37f; }
.fs-vacancy--mod { border-left: 3px solid #e0a75e; }

.fs-vacancy__head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
}

.fs-vacancy__logo {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.fs-vacancy__logo img { width: 26px; height: 26px; filter: brightness(0) invert(1); }
.fs-vacancy__logo--green { background: #42945c; }
.fs-vacancy__logo--orange { background: #fc902d; }
.fs-vacancy__logo--purple { background: #9d84dd; }
.fs-vacancy__logo--gray { background: #8b909c; }

.fs-vacancy__info { flex: 1 1 auto; min-width: 0; }

.fs-vacancy__title-row { display: flex; align-items: center; gap: .6rem; }
.fs-vacancy__title-row h3 { font-size: 1.05rem; font-weight: 600; margin: 0; color: var(--ri-ink); }

.fs-vacancy__info > p { font-size: .85rem; color: #6a6d78; margin: .25rem 0 0; }

.fs-vacancy__addr {
  display: flex;
  align-items: center;
  gap: .35rem;
  color: #9a9daa;
  font-size: .78rem;
}

.fs-vacancy__addr img { width: 12px; }

.fs-vacancy__seats {
  display: inline-block;
  margin-top: .4rem;
  background: #f7f7f8;
  border-radius: 999px;
  padding: .2rem .65rem;
  font-size: .74rem;
  color: #6a6d78;
}

.fs-vacancy__published { font-size: .76rem; color: #9a9daa; white-space: nowrap; }

.fs-vacancy__kebab {
  background: none;
  border: 0;
  padding: .2rem;
  align-self: flex-start;
  flex-shrink: 0;
  line-height: 0;
}
.fs-vacancy__kebab img { width: 4px; height: 18px; }

.fs-vacancy__stats {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
  margin: 1rem 0;
  padding-top: 1rem;
  border-top: 1px solid #f2f2f4;
  font-size: .8rem;
  color: #9a9daa;
}

.fs-vacancy__stats strong { display: block; font-size: 1.15rem; font-weight: 700; color: #363a44; }

.fs-vacancy__actions { display: flex; gap: .7rem; flex-wrap: wrap; }

.btn-vacancy-primary {
  background: var(--ri-gold);
  border: 1px solid var(--ri-gold-dark);
  border-radius: var(--ri-radius-sm);
  color: #fff;
  font-size: .82rem;
  font-weight: 500;
  padding: .6rem 1.2rem;
}

.btn-vacancy-outline {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: #fff;
  border: 1px solid var(--ri-line);
  border-radius: var(--ri-radius-sm);
  color: #55575f;
  font-size: .82rem;
  padding: .6rem 1.1rem;
}

.btn-vacancy-outline img { width: 14px; }
.btn-vacancy-outline--gold { color: var(--ri-gold-dark); border-color: #f0dcb8; }
.btn-vacancy-outline--danger { color: #d16065; border-color: #f4d4d4; }

.fs-vacancy__mod-note {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-top: 1rem;
  padding: .9rem 1rem;
  background: #fdf7ee;
  border-radius: var(--ri-radius-sm);
}

.fs-vacancy__mod-note img { width: 22px; flex-shrink: 0; }
.fs-vacancy__mod-note div { flex: 1 1 auto; }
.fs-vacancy__mod-note strong { display: block; font-size: .85rem; color: #55575f; }
.fs-vacancy__mod-note span { font-size: .78rem; color: #9a9daa; }

/* ---------- Status badges ---------- */

.badge-status {
  display: inline-block;
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 400;
  white-space: nowrap;
}

.badge-status--active-green { background: #eaf5ee; color: #5f9d72; }
.badge-status--mod { background: #fdf5e3; color: #c18a51; }

/* ---------- Summary strip ---------- */

.fs-summary {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
  background: #fdfdfd;
  border: 1px solid var(--ri-line);
  border-radius: var(--ri-radius-md);
  padding: 1.1rem 1.3rem;
  margin-bottom: 1rem;
}

.fs-summary__icon { width: 28px; flex-shrink: 0; }
.fs-summary__label { font-size: .88rem; font-weight: 500; color: #55575f; white-space: nowrap; }

.fs-summary__metrics {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
  flex: 1 1 auto;
  font-size: .8rem;
  color: #9a9daa;
}

.fs-summary__metrics strong { display: block; font-size: 1.05rem; font-weight: 700; color: #363a44; }
.fs-summary__metrics em { display: block; font-style: normal; color: #7db68b; font-size: .74rem; }

.fs-privacy-note {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #9a9daa;
  font-size: .82rem;
}

.fs-privacy-note img { width: 15px; }