/* JTF branding overlay for sms.jtf-mobile.ru
   Tokens: site/public_html/assets/css/jtf-tokens.css
   Selectors match vendor. !important — только где вендор фиксирует размер. */

/* --- шапка: слот 60×225, вендор режет img до 30px + optimize-contrast --- */
.header .header-content {
  background: #ffffff;
  border-bottom: 1px solid #e6eaf0;
}

.header .header-logo {
  background: #ffffff;
  padding: 0 12px;
}

.header .header-logo img {
  display: block;
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: 200px !important;
  margin: 0 !important;
  /* вендор ставит -webkit-optimize-contrast → пиксели на ретине */
  image-rendering: auto !important;
  -ms-interpolation-mode: bicubic;
}

.header .header-content .header-item a,
.header .header-content .header-right-items .header-item-balance span,
.header .header-content .header-right-items .header-icon-item--icon svg,
button,
.btn {
  color: #15181f;
}

.header .header-content .header-right-items .header-icon-triangle {
  border-top: 5px solid #15181f;
}

.header .header-content .header-item--active:after {
  border-bottom-color: #2f6bff;
}

/* --- CTA: вендор line-height 29px / font 13px / padding 0 12px --- */
button.blue-button,
.btn.yellow-button {
  background-color: #2f6bff;
  color: #ffffff;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 48px !important;
  min-height: 48px !important;
  min-width: 148px !important;
  padding: 0 28px !important;
  box-sizing: border-box;
}

button.blue-button:hover {
  background-color: #1f56e0;
  color: #ffffff;
}

.btn.yellow-button {
  background-color: #c8f200;
  color: #1a2200;
}

.btn.yellow-button:hover {
  background-color: #b6de00;
  color: #1a2200;
}

/* иконка «go» 20×20 — не раздувать */
button.go {
  min-width: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

table.wide th {
  background: #2f6bff;
  color: #ffffff;
}

thead th.sortcol a:hover,
thead th.sortcol a:active,
thead th.sortcol a {
  color: #ffffff;
}

a.commonLink {
  color: #2f6bff;
}

.base-footer {
  background: #f5f7fa;
  border-top: 1px solid #e6eaf0;
  color: #667085;
}

.base-footer a,
.footer-copyright a,
.footer-support a {
  color: #15181f;
}

.base-footer a:hover {
  color: #2f6bff;
}

body {
  background: #f5f7fa;
  color: #15181f;
}

h1.tall {
  color: #15181f;
}

/* только страница входа — поля крупнее, не ломаем формы рассылок */
#logonForm .field-container .field input[type="text"],
#logonForm .field-container .field input[type="password"],
#logonForm input.username,
#logonForm input.password {
  min-height: 44px !important;
  height: 44px !important;
  font-size: 16px !important;
  padding: 0 12px !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 12px !important;
  box-sizing: border-box;
}