/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./styles/components/ui/navlink.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.navlink_navLink__roD94 {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  color: var(--c-muted);
  transition: color .15s ease, -webkit-text-decoration-color .15s ease;
  transition: color .15s ease, text-decoration-color .15s ease;
  transition: color .15s ease, text-decoration-color .15s ease, -webkit-text-decoration-color .15s ease;
  text-decoration: none;
}

.navlink_navLink__roD94:hover {
  color: var(--c-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./styles/components/header.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.header_header__IG54L {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.header_brand__8Wiwz {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.header_logo__92jUO {
  height: auto;
  width: auto;
}

.header_right__BpNPJ {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}

.header_greet___4jm8 {
  color: var(--c-text);
  white-space: nowrap;
}

.header_links__tZvp1 {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header_logoutBtn__W91SJ {
  width: auto !important;
  padding: 0 14px;
  height: var(--control-height);
  line-height: var(--control-height);
}

/* Триггер меню */

.header_menuWrap__fbskh {
  position: relative;
  display: inline-block;
}

.header_menuTrigger__9rHlU {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--control-height);
  padding: 0 14px;

  font: inherit;
  font-weight: 500;
  color: var(--c-link);
  text-decoration: none;
  cursor: pointer;

  background: transparent;
  border: none;
  border-radius: 6px;

  transition: background-color 0.15s ease, color 0.15s ease;
}

.header_menuTrigger__9rHlU:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.header_menuTrigger__9rHlU:focus-visible {
  outline: 2px solid var(--c-link);
  outline-offset: 2px;
}

/* ===== Мегаменю Главного меню ===== */

.header_dropdown__VZSGX {
  /* геометрию задаём инлайном из JS (left/top/width/max-height) */
  position: fixed;

  background: #2f3640;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  z-index: 1000;
  padding: 14px 16px;

  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
}

.header_dropdownInner__WyAkJ {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 28px;
}

/* ===== Узкий дропдаун "Помощь" ===== */

.header_dropdownSingle__QXd2J {
  position: fixed;

  background: #2f3640;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  z-index: 1000;
  padding: 10px 12px;

  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
}

.header_dropdownInnerSingle__Hf0Mg {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ===== Общие стили групп и ссылок в дропдаунах ===== */

.header_group__rQzDt {
  display: flex;
  flex-direction: column;
  gap: 8px;

  /* как было: фиксированная базовая ширина колонки */
  flex: 0 0 220px;
}

.header_groupTitle___3g4D {
  font-weight: 700;
  color: #e6e9ef;
  white-space: nowrap;
}

.header_groupList__3pP2P {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.header_groupLink__rMwi9 {
  color: #eaeff9;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;

  /* переносим текст, чтобы не раздвигать дропдаун */
  white-space: normal;
}

.header_groupLink__rMwi9:hover {
  text-decoration: underline;
}

.header_extMark__fMYmz {
  opacity: 0.7;
  font-size: 12px;
  line-height: 1;
}

/* ===== Мобильная адаптация ===== */

@media (max-width: 640px) {
  .header_dropdown__VZSGX {
    /* всё равно зажимаем по ширине на мобиле */
    max-width: calc(100vw - 16px);
  }

  .header_dropdownInner__WyAkJ {
    gap: 16px 20px;
  }

  .header_group__rQzDt {
    flex: 1 1 100%;
  }

  .header_groupTitle___3g4D {
    white-space: normal;
  }

  .header_groupLink__rMwi9 {
    white-space: normal;
  }

  .header_dropdownSingle__QXd2J {
    max-width: calc(100vw - 16px);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./styles/globals.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --c-primary: #295f98;
  --c-text: #333;
  --c-accent: #75c5f0;
  --c-muted: #828282;
  --c-warning: #ff9200;
  --c-white: #fff;
  --c-success: #00a64c;
  --c-bg: #2b2b2b;
  --c-del: #e32636;

  --control-height: 44px;
  --radius: 8px;
  --shadow-1: 0 2px 10px rgba(0,0,0,0.06);
}

/* Шрифт HeliosCond — положите файлы в public/fonts/HeliosCond/ */
@font-face {
  font-family: "HeliosCond";
  src: url("/fonts/HeliosCond/HeliosCond.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0;
  font-family: "HeliosCond", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--c-text);
  background: #f7f8fa;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.mainContainer {
  width: 100%;
  padding: 16px;
}

.pageContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.pageTitle {
  margin: 0 0 16px;
}

.card {
  background: var(--c-white);
  border: 1px solid #e9ecef;
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
}

/* Универсальные классы ширины/высоты для контролов */
.fullWidth { width: 100%; }
.controlHeight { height: var(--control-height); }