/**
 * ЮГИТ HR — единая типографика (Panton при наличии шрифта в системе / в /assets/fonts).
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: "Panton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Panton"), local("Panton Regular");
}
@font-face {
  font-family: "Panton";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Panton SemiBold"), local("Panton-SemiBold");
}
@font-face {
  font-family: "Panton";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Panton Bold"), local("Panton-Bold");
}

html,
body,
button,
input,
select,
textarea,
.btn,
.nav,
.card,
.table,
.modal,
.offcanvas,
.dropdown-menu,
.badge,
.form-control,
.form-select,
.form-label,
.form-check-label,
.accordion,
.alert,
.dataTables_wrapper,
.dt-container {
  font-family: "Panton", "Montserrat", "Inter", "Segoe UI", system-ui, sans-serif !important;
}

/* Сохраняем моношрифт в коде */
code,
pre,
.kbd,
.font-monospace {
  font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, monospace !important;
}

/* --- Soft UI: единый визуальный слой админки и кабинета --- */
:root {
  --yugit-radius: 0.5rem;
  --yugit-radius-lg: 0.75rem;
  --yugit-shadow-sm: 0 0.125rem 0.375rem rgba(47, 43, 61, 0.06);
  --yugit-shadow: 0 0.25rem 1.25rem rgba(47, 43, 61, 0.07);
  --yugit-surface-1: #fff;
  --yugit-surface-2: #f7f5fa;
  --yugit-border: rgba(47, 43, 61, 0.08);
}

/* Токены materialize: --bs-paper-bg / --bs-menu-bg; здесь — те же уровни (без жёсткого белого в тёмной теме) */
html[data-bs-theme="dark"] {
  --yugit-surface-1: #30334e;
  --yugit-surface-2: #2b2c40;
  --yugit-border: color-mix(in sRGB, #eaeaff 12%, #30334e);
  --yugit-shadow-sm: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
  --yugit-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.25);
}

html[data-bs-theme="light"] .layout-page {
  background: linear-gradient(180deg, var(--yugit-surface-2) 0%, #f3f0f7 12rem, #f3f0f7 100%);
}

html[data-bs-theme="dark"] .layout-page {
  background: var(--bs-body-bg);
}

/* Раньше белый !important глушил тёмные токены шаблона (меню, navbar, футер) */
html[data-bs-theme="light"] .layout-menu.menu-vertical,
html[data-bs-theme="light"] .layout-navbar.navbar,
html[data-bs-theme="light"] .content-footer {
  background-color: var(--yugit-surface-1) !important;
  border-color: var(--yugit-border) !important;
}

html[data-bs-theme="dark"] .layout-menu.menu-vertical {
  background-color: var(--bs-menu-bg) !important;
  border-color: var(--bs-border-color) !important;
}

html[data-bs-theme="dark"] .layout-navbar.navbar,
html[data-bs-theme="dark"] .content-footer {
  /* как в materialize: paper / полупрозрачная плашка — совпадает с карточками */
  background-color: color-mix(in sRGB, var(--bs-paper-bg) 92%, transparent) !important;
  border-color: var(--bs-border-color) !important;
  box-shadow: var(--bs-navbar-box-shadow) !important;
}

.menu-vertical .menu-item.active > .menu-link,
.menu-vertical .menu-item.open > .menu-link {
  border-radius: var(--yugit-radius);
}

.menu-vertical .menu-item:not(.active) > .menu-link {
  border-radius: var(--yugit-radius);
}

/* Карточки: мягче тень и граница */
body .content-wrapper .card,
body .offcanvas,
body .modal-content {
  border: 1px solid var(--yugit-border) !important;
  border-radius: var(--yugit-radius-lg) !important;
  box-shadow: var(--yugit-shadow-sm) !important;
}

/* Верхняя плашка кураторства: без рамки и тени, как в исходном демо-шаблоне (идёт после общих правил .card) */
body .content-wrapper .card.yugit-mentorship-hero-top {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

html[data-bs-theme="light"] body .content-wrapper .card .card-header {
  background: rgba(47, 43, 61, 0.02) !important;
  border-color: var(--yugit-border) !important;
  border-top-left-radius: var(--yugit-radius-lg) !important;
  border-top-right-radius: var(--yugit-radius-lg) !important;
  padding: 1rem 1.25rem;
}
html[data-bs-theme="dark"] body .content-wrapper .card .card-header {
  background: rgba(234, 234, 255, 0.04) !important;
  border-color: var(--yugit-border) !important;
  border-top-left-radius: var(--yugit-radius-lg) !important;
  border-top-right-radius: var(--yugit-radius-lg) !important;
  padding: 1rem 1.25rem;
}

/* Таблицы: читаемость, hover, фокус */
.table:not(.table-borderless) > :not(caption) > * > * {
  border-color: var(--yugit-border) !important;
}

.table.datatables-users tbody tr:hover {
  background-color: rgba(115, 103, 240, 0.04) !important;
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.15);
  border-color: #ac9ff5;
}

/* Пустое состояние / подсказки (только светлая тема; в тёмной — токены Bootstrap) */
html[data-bs-theme="light"] .text-body-secondary,
html[data-bs-theme="light"] .text-body-secondary a {
  color: #6d6b77 !important;
}

/* Адаптив */
@media (max-width: 1200px) {
  .container-xxl {
    max-width: 100%;
  }
  body .content-wrapper .card .card-header .card-title {
    font-size: 1rem;
  }
}

@media (max-width: 992px) {
  .row.g-6 {
    --bs-gutter-y: 1.25rem;
  }
  .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .content-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .card-datatable .table th,
  .card-datatable .table td {
    font-size: 0.875rem;
  }
  .offcanvas,
  .offcanvas-end {
    max-width: min(100%, 100vw) !important;
  }
}

/* Кабинет / страницы без layout admin (тот же soft UI) */
body main .card.border-0.shadow-sm,
body main.container .card {
  border: 1px solid var(--yugit-border) !important;
  border-radius: var(--yugit-radius-lg) !important;
  box-shadow: var(--yugit-shadow) !important;
  background: var(--yugit-surface-1);
}
body main {
  min-height: 100vh;
}

/* Боковое меню: секции, «часто», вложенный кадровый блок (как в демо-шаблоне) */
.yugit-sidebar-menu .menu-header {
  pointer-events: none;
  margin-bottom: 0.175rem; /* в 2 раза меньше прежнего 0.35rem */
}
/* вертикальные отступы заголовков секций — в 2 раза плотнее, чем mt-1 / mt-4 */
.yugit-sidebar-menu > li.menu-header {
  margin-top: 0.75rem; /* ½ от ~1.5rem (mt-4) */
}
.yugit-sidebar-menu > li.menu-header:first-child {
  margin-top: 0.125rem; /* ½ от ~0.25rem (mt-1) */
}
.yugit-sidebar-menu {
  /* было py-1 (0.25rem) — в 2 раза меньше по вертикали */
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.yugit-sidebar-menu .menu-header-text {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--bs-secondary-color) !important;
  opacity: 0.9;
}
.yugit-sidebar-menu .menu-item-yugit-popular .menu-link {
  font-weight: 500;
}
.yugit-sidebar-menu > .menu-item > .menu-link,
.yugit-sidebar-menu .menu-sub .menu-item > .menu-link {
  /* Уменьшаем расстояние между пунктами меню примерно в 2 раза */
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
  min-height: 1.9rem;
}
.yugit-sidebar-menu .menu-sub .menu-item .menu-link {
  padding-left: 2.75rem;
}
.yugit-sidebar-menu .menu-sub .menu-item .menu-link > div {
  font-size: 0.9375rem;
}

/* Клиентское скрытие ПДн (кнопка в шапке) */
html body.yugit-pii-mask .yugit-pii-sensitive,
html body.yugit-pii-mask .layout-navbar .dropdown-user h6,
html body.yugit-pii-mask .layout-navbar .dropdown-user .text-body-secondary {
  filter: blur(5px);
  user-select: none;
  pointer-events: none;
}
html body.yugit-pii-mask .layout-navbar .dropdown-user .yugit-pii-sensitive a {
  pointer-events: none;
}
#yugitPiiToggle[aria-pressed="true"] {
  color: var(--bs-primary);
}

/* Колокольчик уведомлений: бейдж вынесен за пределы круга кнопки — не режем верх счётчиком overflow */
.layout-navbar #yugitNotifNav,
.layout-navbar #yugitNotifNav #yugitNotifBtn {
  overflow: visible;
}

/* Шапка HR-модуля: одна компактная иллюстрация справа */
.yugit-module-hero .card-body {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.yugit-module-hero-title {
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.22;
  font-size: clamp(1.175rem, 2.85vw, 1.4375rem);
  color: var(--bs-heading-color);
}
.yugit-module-hero .border-start.border-primary {
  border-color: color-mix(in sRGB, var(--bs-primary) 88%, var(--bs-body-bg)) !important;
}
.yugit-module-hero-img {
  width: auto;
  height: auto;
  vertical-align: middle;
  object-fit: contain;
  max-height: 9rem;
  max-width: min(260px, 44vw);
}

/* --- Публичный портал (/welcome, /vacancies-public, /blog, /apply) --- */
.yugit-public-portal .yugit-public-header {
  padding-bottom: 0.25rem;
}
.yugit-public-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.65rem;
  border-radius: var(--yugit-radius);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--bs-body-color);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.yugit-public-nav-link:hover {
  background: var(--yugit-surface-2);
  color: var(--bs-heading-color);
}
.yugit-public-nav-link.is-active {
  background: color-mix(in sRGB, var(--bs-primary) 12%, var(--bs-body-bg));
  color: var(--bs-primary);
}
.yugit-public-hub-card {
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.yugit-public-hub-card:hover {
  border-color: color-mix(in sRGB, var(--bs-primary) 35%, var(--yugit-border)) !important;
  box-shadow: var(--yugit-shadow-sm);
  transform: translateY(-1px);
}
.yugit-public-page-intro {
  padding-bottom: 0.25rem;
}
.yugit-public-vacancy-card .card-body {
  padding-top: 1.15rem;
  padding-bottom: 1.15rem;
}
.yugit-public-article .blog-body img {
  max-width: 100%;
  height: auto;
  border-radius: var(--yugit-radius);
}
.yugit-public-article .blog-body h2,
.yugit-public-article .blog-body h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.yugit-public-footer a {
  text-decoration: none;
}
.yugit-public-footer a:hover {
  text-decoration: underline;
}