body.psych-talks-drawer-ui{
  --ptd-primary:#3499FD;
  --ptd-primary-soft:#EAF4FF;
  --ptd-bg:#F7F9FC;
  --ptd-text:#171C26;
  --ptd-secondary:#667085;
  --ptd-muted:#98A2B3;
  --ptd-border:#E8ECF2;
  --ptd-shadow:0 18px 50px rgba(16,24,40,.18);
}

/* Затемнение страницы */
body.psych-talks-drawer-ui .psych-talks-drawer-backdrop{
  position:fixed;
  inset:0;
  z-index:9997;
  background:rgba(15,23,42,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}

body.psych-talks-drawer-ui .psych-talks-drawer-backdrop.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/*
 * v0.1.1:
 * Меняем только геометрию ВНЕШНЕГО окна.
 * Внутреннюю разметку talksWidget GetCourse больше не трогаем:
 * именно её переопределение в v0.1 приводило к пустому списку диалогов.
 */
body.psych-talks-drawer-ui .talks-widget-window.psych-talks-drawer{
  position:fixed!important;
  top:14px!important;
  right:14px!important;
  bottom:14px!important;
  left:auto!important;

  width:430px!important;
  max-width:calc(100vw - 28px)!important;

  /* Важно: оставляем явную высоту вместо вмешательства во внутренние 100% */
  height:calc(100vh - 28px)!important;
  max-height:calc(100vh - 28px)!important;

  border:1px solid var(--ptd-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--ptd-shadow)!important;

  /*
   * GetCourse сам управляет overflow внутренних экранов.
   * Не ставим overflow:hidden на окно.
   */
  overflow:visible!important;
  z-index:9998!important;
  font-family:Manrope,Arial,sans-serif!important;
}

/* Скругляем только визуальную оболочку, не ломая layout */
body.psych-talks-drawer-ui .talks-widget-window.psych-talks-drawer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:18px;
  box-shadow:inset 0 0 0 1px rgba(232,236,242,.35);
}

/* Точечная стилизация безопасных элементов */
body.psych-talks-drawer-ui .psych-talks-drawer textarea,
body.psych-talks-drawer-ui .psych-talks-drawer input[type="text"],
body.psych-talks-drawer-ui .psych-talks-drawer input[type="search"],
body.psych-talks-drawer-ui .psych-talks-drawer .emoji-wysiwyg-editor,
body.psych-talks-drawer-ui .psych-talks-drawer-field{
  border:1px solid var(--ptd-border)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--ptd-text)!important;
  box-shadow:none!important;
  outline:none!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer textarea:focus,
body.psych-talks-drawer-ui .psych-talks-drawer input[type="text"]:focus,
body.psych-talks-drawer-ui .psych-talks-drawer input[type="search"]:focus,
body.psych-talks-drawer-ui .psych-talks-drawer .emoji-wysiwyg-editor:focus{
  border-color:var(--ptd-primary)!important;
  box-shadow:0 0 0 3px rgba(52,153,253,.10)!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer .btn-primary,
body.psych-talks-drawer-ui .psych-talks-drawer .btn-success,
body.psych-talks-drawer-ui .psych-talks-drawer .btn-send,
body.psych-talks-drawer-ui .psych-talks-drawer-primary{
  border:1px solid var(--ptd-primary)!important;
  border-radius:11px!important;
  background:var(--ptd-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:700!important;
  text-transform:none!important;
}

/* Сообщения — тот же фикс, что на отдельной странице тикетов */
body.psych-talks-drawer-ui .psych-talks-drawer .comment-wrapper,
body.psych-talks-drawer-ui .psych-talks-drawer .comment,
body.psych-talks-drawer-ui .psych-talks-drawer .own-user-comment,
body.psych-talks-drawer-ui .psych-talks-drawer .my-comment{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer .comment > .text{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer .comment > .text .text-content{
  display:inline-block;
  max-width:100%;
  padding:11px 13px!important;
  border:1px solid var(--ptd-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--ptd-text)!important;
  box-shadow:none!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer .own-user-comment .comment > .text .text-content,
body.psych-talks-drawer-ui .psych-talks-drawer .my-comment .comment > .text .text-content{
  border-color:#CFE4FB!important;
  background:var(--ptd-primary-soft)!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer .user-profile-image{
  border-radius:50%!important;
  object-fit:cover!important;
}

/* v0.1.2 — скругляем внутренние верхнюю и нижнюю панели виджета */
body.psych-talks-drawer-ui .psych-talks-drawer .talks-widget-header,
body.psych-talks-drawer-ui .psych-talks-drawer .conversation-header,
body.psych-talks-drawer-ui .psych-talks-drawer > .header,
body.psych-talks-drawer-ui .psych-talks-drawer [class*="talks-widget-header"]{
  border-radius:18px 18px 0 0!important;
}

body.psych-talks-drawer-ui .psych-talks-drawer .talks-widget-footer,
body.psych-talks-drawer-ui .psych-talks-drawer .conversation-footer,
body.psych-talks-drawer-ui .psych-talks-drawer > .footer,
body.psych-talks-drawer-ui .psych-talks-drawer [class*="talks-widget-footer"]{
  border-radius:0 0 18px 18px!important;
}

/*
 * На случай если GetCourse рисует фон не на header/footer, а на первом/последнем
 * внутреннем контейнере — скругляем только крайние оболочки.
 */
body.psych-talks-drawer-ui .talks-widget-window.psych-talks-drawer > :first-child{
  border-radius:18px 18px 0 0!important;
}

body.psych-talks-drawer-ui .talks-widget-window.psych-talks-drawer > :last-child{
  border-radius:0 0 18px 18px!important;
}