/* ГОПНИК ТЕМА*/
[data-theme="gopnik"] #chat-messages {
  background: -webkit-linear-gradient(90deg, #1c1c1c,#82e384,#333333);
background: linear-gradient(90deg, #1c1c1c,#82e384,#333333);  
  border: 2px solid #111;
  padding: 12px;
  backdrop-filter: blur(4px);
}

/* Контейнер одного сообщения */
[data-theme="gopnik"] .chat-message {
  display: flex;
  align-items: flex-end;
  gap: 10px!important;
  margin-bottom: 5px!important;
  max-width: 100%!important;
}

/* Свои сообщения (разворачиваем, цвет другой) */
[data-theme="gopnik"] .chat-message.own-msg {
  flex-direction: row-reverse;
}

/* Аватарка с салатовым кольцом и трениками снизу */
[data-theme="gopnik"] .chat-avatar {
  border: 3px solid #9eff63; /* салатовая майка */
  border-radius: 50%;
  padding: 2px;
  background: #000; /* чёрные треники */
  width: 40px;
  height: 40px;
  object-fit: cover;
}

/* Баббл */
[data-theme="gopnik"] .chat-bubble {
  position: relative;
  background: #111!important;
  color: #fff!important;
  padding: 12px 16px!important;
  border-radius: 12px!important;
  max-width: 75%;
  margin: 4px 0;
  font-family: 'Arial Black', sans-serif!important;
  font-size: 14px;
  line-height: 1.4;
  border: 2px solid white;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

/* Три полоски Adidas сверху */
[data-theme="gopnik"] .chat-bubble::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 12px;
  height: 4px;
  width: 28px;
  background: repeating-linear-gradient(
    to right,
    white,
    white 6px,
    transparent 6px,
    transparent 10px
  );
}

/* Хвостик — у кого своё */
[data-theme="gopnik"] .chat-bubble.own-msg::after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/* Хвостик — у чужих */
[data-theme="gopnik"] .chat-bubble:not(.own-msg)::after {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-right: 6px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

[data-theme="gopnik"] #chat-avatar-preview {
  border: 3px solid #9eff63!important;
  filter: grayscale(0%) brightness(1);
}
[data-theme="gopnik"]  #chat-username-preview {
  border: solid 1px #f1f1f1;
    background-color: #1c1c1c;
    color: #fff!important;
}
    
[data-theme="gopnik"] #chat-messages::-webkit-scrollbar {
  width: 8px;
}

[data-theme="gopnik"] #chat-messages::-webkit-scrollbar-thumb {
  background: #fff!important;
  border-radius: 4px;
}

[data-theme="gopnik"] #chat-messages::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[data-theme="gopnik"] #chat-messages::-webkit-scrollbar-track {
  background: transparent;
}

[data-theme="gopnik"] #chat-messages::-webkit-scrollbar-thumb {
  background-color: #9eff63!important;
  border-radius: 10px;
  transition: background-color 0.3s ease;
}

[data-theme="gopnik"] #chat-messages::-webkit-scrollbar-thumb:hover {
  background-color: #9eff63!important;
}

/* Firefox */
[data-theme="gopnik"] * {
  scrollbar-width: thin;
  scrollbar-color: #9eff63 transparent;
}

[data-theme="gopnik"] #chat-header {
    border-bottom: 1px solid #111!important;
    background: #111!important;
  }
    
  [data-theme="gopnik"]  #chat-form {
    background: #111!important;
  }
  
[data-theme="gopnik"]  {
    border: 1px solid #111!important;
  }
  
   [data-theme="gopnik"] #main-page {
    background: #111!important;
   }
   
[data-theme="gopnik"] #chat-main {
    background: #111!important;
}

[data-theme="gopnik"] #chat-title {
    font-family: 'Arial Black', sans-serif!important;
    color: #fff;
}
[data-theme="gopnik"] .format-btn { cursor: url("https://cur.cursors-4u.net/symbols/sym-1/sym26.cur"), auto;
    background-color: #333333!important;
    color: #fff!important;
    box-shadow: 0 1px 2px #9eff63!important;
}
[data-theme="gopnik"] .format-btn::after {
    content: '\1F37A'!important;
   
}
[data-theme="gopnik"] #chat-send {
    background-color: #333333!important;
    color: #fff!important;
    box-shadow: 0 1px 2px #9eff63!important;
}
[data-theme="gopnik"] #chat-send::after {
    content: '\1F37A'!important;
    
}
[data-theme="gopnik"] #chat-input {
    background-color: #333333!important;
    color: #fff!important;
   box-shadow: 0 1px 2px #9eff63!important;
}

[data-theme="gopnik"] #image-url {
     background-color: #333333!important;
    color: #fff!important;
   box-shadow: 0 1px 2px #9eff63!important;
}

[data-theme="gopnik"] .ph-bold .ph-microphone {
    color:#fff!important;
}

[data-theme="gopnik"] .ph-bold .ph-images {
      color:#fff!important;
}
[data-theme="gopnik"] #voice-preview i {
    color:#f1f1f1!important;
}
[data-theme="gopnik"] #topics {
    background: #111!important;
}
[data-theme="gopnik"] .this_h3 {
    border: solid 1px #9eff63!important;
    background-color: #111!important;
    color: #9eff63!important;
}

[data-theme="gopnik"] #close-topics, [data-theme="gopnik"] #settings-toggle {
    color:#fff!important;
}

[data-theme="gopnik"] .chat-topic {
    background-color: #111!important;
    border: 1px solid #333333!important;
}

[data-theme="gopnik"] .chat-topic-title {
    color:#fff!important;
}

[data-theme="gopnik"] .chat-topic-preview {
    color: #9eff63!important;
}

[data-theme="gopnik"] .chat-topic.active {
    background: #333333!important;
    border: 1px solid #fff!important;
}

[data-theme="gopnik"] .chat-topic:hover {
    background-color: #222222!important;
}

[data-theme="gopnik"] .chat-settings {
    background: #111!important;
    border: 1px solid #333333!important;
    box-shadow: 0 1px 2px #9eff63!important;
}

[data-theme="gopnik"] .setting-item {
    color:#fff!important;
}
[data-theme="gopnik"] #notify-icon {
    color: #9eff63!important;
}