/*
 * Біржа ↔ дизайн-система ТАТ: каркас кабінету агента (SPEC-T81, підзадача S4).
 *
 * Те, що не належить жодному компоненту ДС (раніше — у main.css): фон і поля сторінки, колонка вмісту
 * `.container-main`, заголовок сторінки, підвал, повідомлення про відсутність доступу, нерозривні дрібниці.
 * Підключається з templates/base.html.twig після ds/header.css; сторінкові файли (board.css, forms.css) — після нього.
 * Лише токени (`var(--…)`); похідні змінні `--ds-*` — у ds/base.css. Довідник: docs/sdd/specs/SPEC-T81-design-system/ds-guide.md.
 */

/* Поля сторінки (--ds-page-gutter) і ширина вмісту (--ds-page-max) — у ds/base.css; ті самі змінні в шапці й заголовку */
html.theme-tat body {
  background: var(--bg-secondary);
}

/* Колонка вмісту сторінки (agency, subscription, rules): flex-wrap, щоб блоки займали рядок (flex: 0 0 100%) */
html.theme-tat .container-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--ds-page-max) + 2 * var(--ds-page-gutter));
  margin: var(--size-20) auto; /* заголовок сторінки — у шапці (T-81), тож відступ від шапки однаковий на всіх ширинах */
  padding: 0 var(--ds-page-gutter);
  text-align: center;
}

/* Повідомлення «Для отримання доступу до Біржі заявок…» (parts/menu.html.twig; показується лише без прав) */
html.theme-tat .main-message-container {
  flex: 0 0 100%;
  margin-bottom: var(--size-12);
  text-align: left;
}

html.theme-tat .main-message {
  display: inline-block;
  padding: var(--size-8) var(--size-12);
  border-radius: var(--radius-md);
  background: var(--color-red-50);
  color: var(--color-danger);
  font-weight: var(--font-weight-600);
}

/* Підвал (parts/footer.html.twig) */
html.theme-tat .control-footer {
  box-sizing: border-box;
  margin: 0;
  padding: var(--size-28) var(--ds-page-gutter) var(--size-48);
  border-top: var(--size-1) var(--border-solid) var(--color-border-default);
  color: var(--text-secondary);
  font-size: var(--font-size-14);
  line-height: var(--line-height-1-43);
  text-align: center;
}

@media (max-width: 767px) {
  html.theme-tat .control-footer {
    text-align: left;
  }
}

/* Прапор країни (span.country-flag.flag-icon-xx; зображення — assets/css/flag-icon.css): 20×15 */
html.theme-tat .country-flag {
  display: inline-block;
  width: 20px;
  height: 15px;
  margin-left: var(--size-4);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}