/* Мастерская ИИ — комната /pl/webinar/show, палитра слайда «предоплата 2000».
   Navy #0B1F5C / #12306a, orange #FF6A00 / #F25C00, concrete beige/grey, white type.
   Заменить CSS в 101980 целиком.
   Не трогаем: /teach, список вебинаров, leftbar, Kinescope (.block-box, .player-poster),
   кнопки Запуски / Действия / Начать трансляцию. */

html:has(.webinar-page),
html:has(.webinar-room),
html:has(#webinar),
html:has(.webinar-page form.lt-form),
body:not(.gc-account-page):not(.page-teach):has(.webinar-page),
body:not(.gc-account-page):not(.page-teach):has(.webinar-room),
body:not(.gc-account-page):not(.page-teach):has(#webinar),
body:not(.gc-account-page):not(.page-teach):has(form.lt-form),
body:not(.gc-account-page):not(.page-teach) .webinar-page,
body:not(.gc-account-page):not(.page-teach) .webinar-room,
body:not(.gc-account-page):not(.page-teach) #webinar {
  min-height: 100%;
  background-color: #3A4C77;
  background-image: radial-gradient(ellipse at 82% 8%, #e4dfd6 0%, transparent 50%),
    radial-gradient(ellipse at 8% 92%, #d8d2c8 0%, transparent 48%),
    linear-gradient(180deg, #7a8bb0 0%, #5a6d96 38%, #3A4C77 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

html:has(.webinar-page),
html:has(.webinar-room),
html:has(#webinar),
html:has(.webinar-page form.lt-form),
body:not(.gc-account-page):not(.page-teach):has(.webinar-page),
body:not(.gc-account-page):not(.page-teach):has(.webinar-room),
body:not(.gc-account-page):not(.page-teach):has(#webinar),
body:not(.gc-account-page):not(.page-teach):has(form.lt-form) {
  min-height: 100vh;
  background-attachment: fixed;
}

body:not(.gc-account-page):not(.page-teach) .webinar-page .page-header,
body:not(.gc-account-page):not(.page-teach) .webinar-page .page-header *,
body:not(.gc-account-page):not(.page-teach) .webinar-page h1,
body:not(.gc-account-page):not(.page-teach) .webinar-page .webinar-title,
body:not(.gc-account-page):not(.page-teach) .webinar-page .stream-title,
body:not(.gc-account-page):not(.page-teach) .webinar-room .page-header,
body:not(.gc-account-page):not(.page-teach) .webinar-room h1,
body:not(.gc-account-page):not(.page-teach) #webinar .page-header,
body:not(.gc-account-page):not(.page-teach) #webinar h1 {
  color: #fff !important;
  font-weight: 700;
  background: transparent;
}

body:not(.gc-account-page):not(.page-teach) .webinar-page .chat-widget,
body:not(.gc-account-page):not(.page-teach) .webinar-page .comments-container,
body:not(.gc-account-page):not(.page-teach) .webinar-room .chat-widget,
body:not(.gc-account-page):not(.page-teach) #webinar .chat-widget {
  background: #f4f0ea;
  color: #0B1F5C;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(11, 31, 92, 0.22);
}

body:not(.gc-account-page):not(.page-teach) .webinar-page .chat-widget .user-name,
body:not(.gc-account-page):not(.page-teach) .webinar-page .comments-container .user-name {
  color: #0B1F5C;
  font-weight: 700;
}

body:not(.gc-account-page):not(.page-teach) .webinar-page .chat-widget input,
body:not(.gc-account-page):not(.page-teach) .webinar-page .gc-comment-form input {
  border: 1px solid #cfc8bc;
  border-radius: 12px;
}

.webinar-login {
  background: #f4f0ea;
  color: #0B1F5C;
  border-radius: 22px;
  box-shadow: 0 12px 32px rgba(11, 31, 92, 0.16);
}
.webinar-login h3 { color: #0B1F5C; }
.webinar-login > form > button.btn-success {
  background: #FF6A00 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
}

body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form,
body:not(.gc-account-page):not(.page-teach) .webinar-room form.lt-form,
body:not(.gc-account-page):not(.page-teach) #webinar form.lt-form {
  max-width: 920px;
  margin: 12px auto;
  padding: 5px 20px 20px;
  color: #0B1F5C;
  background: linear-gradient(160deg, #fff 0%, #f4f0ea 55%, #e4ddd3 100%);
  border: 1px solid #cfc8bc;
  border-radius: 22px;
  box-shadow: 0 12px 32px rgba(11, 31, 92, 0.14);
  font-family: Arial, sans-serif;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .builder,
body:not(.gc-account-page):not(.page-teach) .webinar-room form.lt-form .builder {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .part-subheader,
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .part-userField,
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .part-button {
  flex: 1 1 100%;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .part-position {
  flex: 1 1 calc(50% - 10px);
  margin: 0;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .f-subheader p {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  color: #12306a;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .form-position {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  float: none;
  width: 100%;
  margin: 0;
  padding: 14px;
  background: #fff;
  border: 1px solid #cfc8bc;
  border-radius: 16px;
  cursor: pointer;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .form-position.selected {
  background: #fff6ef;
  border-color: #FF6A00;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .form-position-checker,
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .form-position-title,
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .form-position-price {
  float: none !important;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .form-position-title {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #0B1F5C;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .final-price {
  font-size: 18px;
  font-weight: 700;
  color: #0B1F5C;
  white-space: nowrap;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .f-input {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #cfc8bc;
  border-radius: 10px;
  background: #fff;
  color: #0B1F5C;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .f-btn,
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form button.f-btn {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 12px;
  background: #FF6A00 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
}
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .f-btn:hover,
body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form button.f-btn:hover {
  background: #F25C00 !important;
}
@media (max-width: 720px) {
  body:not(.gc-account-page):not(.page-teach) .webinar-page form.lt-form .part-position {
    flex: 1 1 100%;
  }
}