body { 
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);
  background-attachment: fixed;
  margin: 0px; 
  padding: 15px;
  scrollbar-arrow-color: #667eea;
  scrollbar-face-color: #f0f0f0;
  scrollbar-track-color: #e8e8e8;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #d0d0d0;
  scrollbar-shadow-color: #f0f0f0;
  scrollbar-darkshadow-color: #b0b0b0;
}

font,th,td,p { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px;
  color: #333;
}

a { 
  text-decoration: underline; 
  color: #667eea;
  transition: color 0.3s ease;
}

a:visited { 
  text-decoration: underline; 
  color: #764ba2;
}

a:hover, a:active { 
  text-decoration: underline; 
  color: #ff6b9d;
  text-shadow: 0 0 5px rgba(102, 126, 234, 0.3);
}

hr { 
  height: 0px; 
  border: solid #667eea 0px; 
  border-top-width: 2px;
  opacity: 0.6;
}

img { 
  border: 0px; 
}

form { 
  display: inline; 
}

table.forumline { 
  background-color: #f5f5f5;
  border: 2px solid #667eea;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
  overflow: hidden;
}

table.forumline:hover { 
  background-color: #f9f9f9;
  border-color: #764ba2;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
  transition: all 0.3s ease;
}

.row, .row1, .row2 { 
  background-color: #ffffff;
  border-bottom: 1px solid rgba(102, 126, 234, 0.15);
  color: #333;
}

.row:hover, .row1:hover, .row2:hover {
  background-color: #f8f5ff;
  transition: background-color 0.2s ease;
}

.row3 { 
  background-color: #f5f0ff;
  color: #333;
}

th, td.th { 
  color: #ffffff; 
  font-size: 14px; 
  font-weight: bold; 
  background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
  background-image: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
  background-repeat: repeat-x; 
  height: 25px; 
  border-style: solid; 
  border-color: #667eea;
  border-width: 0px 1px 0px 1px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

td.cat,td.catHead,td.catLeft, td.rowpic, td.catSides,td.catRight,td.catBottom { 
  color: #333; 
  font-size: 14px; 
  background: linear-gradient(180deg, #e8e0ff 0%, #f0e8ff 100%);
  background-image: linear-gradient(180deg, #e8e0ff 0%, #f0e8ff 100%);
  background-repeat: repeat-x; 
  height: 27px; 
  padding: 1px;
  border: 1px solid rgba(102, 126, 234, 0.3);
  font-weight: bold;
}

.gen { 
  font-size: 14px;
  color: #333;
}

.genmed { 
  font-size: 13px;
  color: #555;
}

.gensmall { 
  font-size: 12px;
  color: #666;
}

.nav { 
  font-weight: bold; 
  font-size: 14px; 
  color: #764ba2;
}

.nav a, .nav a:visited { 
  text-decoration: underline; 
  color: #667eea;
}

.nav a:hover, .nav a:active { 
  text-decoration: underline; 
  color: #ff6b9d;
}

table.nav { 
  background: linear-gradient(180deg, #f5f0ff 0%, #f0e8ff 100%);
  background-image: linear-gradient(180deg, #f5f0ff 0%, #f0e8ff 100%);
  border: solid 2px #667eea;
  border-radius: 6px;
  height: 25px;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}

table.nav:hover { 
  border: solid 2px #764ba2;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.25);
  transition: all 0.3s ease;
}

.forumlink { 
  font-weight: bold; 
  font-size: 14px;
  color: #667eea;
}

a.forumlink, a.forumlink:visited { 
  text-decoration: none;
  color: #667eea;
}

a.forumlink:hover, a.forumlink:active { 
  text-decoration: underline;
  color: #ff6b9d;
}

input { 
  text-indent: 2px; 
}

input, textarea, select { 
  color: #333; 
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border: solid 1.5px #667eea;
  border-radius: 4px;
  transition: all 0.3s ease;
}

input:focus, textarea:focus, select:focus {
  background-color: #f5f0ff;
  border-color: #764ba2;
  box-shadow: 0 0 10px rgba(102, 126, 234, 0.2);
  outline: none;
}

input.post, textarea.post, select { 
  background-color: #ffffff; 
  border: solid 1.5px #667eea;
  color: #333;
}

input.post { 
  height: 17px; 
}

input.button { 
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff; 
  font-size: 14px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1.5px #667eea;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 6px 12px;
}

input.button:hover { 
  background: linear-gradient(135deg, #ff6b9d 0%, #764ba2 100%);
  border-color: #ff6b9d;
  box-shadow: 0 4px 12px rgba(255, 107, 157, 0.3);
  transform: translateY(-2px);
}

input.button:active {
  transform: translateY(0px);
}

input.mainoption { 
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff; 
  font-weight: bold;
  border: solid 1.5px #667eea;
  border-radius: 4px;
  height: 17px;
  cursor: pointer;
  transition: all 0.3s ease;
}

input.mainoption:hover { 
  background: linear-gradient(135deg, #ff6b9d 0%, #764ba2 100%);
  border-color: #ff6b9d;
  box-shadow: 0 2px 8px rgba(255, 107, 157, 0.2);
}

input.liteoption { 
  background-color: #ffffff; 
  color: #333;
  font-weight: normal;
  border: solid 1.5px #e0e0e0;
  border-radius: 4px;
  height: 17px; 
  cursor: pointer;
  transition: all 0.3s ease;
}

input.liteoption:hover { 
  border: solid 1.5px #667eea;
  background-color: #f5f0ff;
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.15);
}

select optgroup { 
  background-color: #f0e8ff; 
  color: #667eea;
  border: 1px solid #667eea;
}

select option, select optgroup option { 
  background-color: #ffffff; 
  color: #333;
}

.code {
  font-family: Courier, 'Courier New', sans-serif; 
  font-size: 14px; 
  color: #667eea;
  background-color: #f5f0ff;
  border: solid 1.5px #667eea;
  border-style: solid;
  border-left-width: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 4px;
  padding: 10px;
  margin: 8px 0;
  box-shadow: inset 0 0 10px rgba(102, 126, 234, 0.1);
  overflow-x: auto;
}

.quote {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  color: #764ba2;
  line-height: 125%;
  background-color: #f0e8ff;
  border: solid 1.5px #667eea;
  border-style: solid;
  border-left-width: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 4px;
  padding: 10px;
  margin: 8px 0;
  box-shadow: inset 0 0 10px rgba(102, 126, 234, 0.1);
}

.postbody { 
  font-size: 14px; 
  color: #333;
}

.postbody a, .postbody a:visited { 
  text-decoration: underline;
  color: #667eea;
}

.postbody a:hover, .postbody a:active { 
  text-decoration: underline;
  color: #ff6b9d;
}

.name { 
  font-weight: bold; 
  font-size: 13px;
  color: #764ba2;
}

.name a, .name a:visited { 
  text-decoration: underline;
  color: #667eea;
}

.name a:hover, a.name a:active { 
  text-decoration: underline;
  color: #ff6b9d;
}

.postdetails { 
  color: #888; 
  font-size: 12px;
}

td.spacerow { 
  background: linear-gradient(90deg, rgba(102, 126, 234, 0.1) 0%, transparent 100%);
  background-image: linear-gradient(90deg, rgba(102, 126, 234, 0.1) 0%, transparent 100%);
  height: 2px; 
  padding: 0px;
}

.cattitle { 
  font-weight: bold; 
  font-size: 14px; 
  letter-spacing: 1px; 
  color: #764ba2;
}

a.cattitle { 
  text-decoration: none;
  color: #667eea;
}

a.cattitle:hover { 
  text-decoration: underline;
  color: #ff6b9d;
}

.maintitle, h1, h2 {
  font-weight: bold; 
  font-size: 22px; 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none; 
  line-height: 120%; 
  color: #667eea;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 - переделано для forum general */

/* 1) КНОПКИ НАВИГАЦИИ */
.pgbutt a {
  font-family: Verdana; 
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none; 
  border: 1.5px solid #667eea;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(102, 126, 234, 0.05) 100%);
  color: #667eea;
  padding: 4px 8px 4px 8px; 
  margin: 5px 1px 0 0;
  border-radius: 6px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.pgbutt a:hover {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(102, 126, 234, 0.1) 100%);
  border-color: #764ba2;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
  color: #764ba2;
}

input, input.liteoption, .fakebut { 
  border: 1.5px solid #667eea; 
  font-size: 13px; 
  font-weight: bold;
  color: #667eea;
  background-color: #f5f0ff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

input:hover, input.liteoption:hover, .fakebut:hover { 
  border: 1.5px solid #764ba2;
  color: #764ba2;
  background-color: #ede5ff;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}

/* 2) QR-CODE */
#qr img {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 10px;
  top: 100px;
  border: 2px solid #667eea;
  padding: 3px;
  background-color: #ffffff;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
  border-radius: 4px;
  transition: all 0.3s ease;
}

#qr img:hover {
  width: 200px;
  height: 200px;
  z-index: 100;
  padding: 5px;
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.35);
  border: 2px solid #764ba2;
}

/* 3) АВАТАР - если нет аватара добавляем квадрат с первой буквой логина */
.guestavatar {
  width: 120px;
  height: 120px;
  text-align: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
  display: table-cell;
  border-radius: 12px;
  position: relative;
  vertical-align: middle;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
  border: 2px solid #667eea;
  transition: all 0.3s ease;
}

.guestavatar:hover {
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
  transform: translateY(-2px);
}

/* 4) НАВИГАЦИОННОЕ МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li {
  margin: 0;
  padding: 0;
  border: 0;
}

#nav8, #nav8 ul {
  background: #f5f0ff;
}

#nav8 {
  border-spacing: 0 0;
  position: relative;
  z-index: 50;
  width: 100%;
  border: 1.5px solid #667eea;
  border-radius: 6px;
}

#nav8 ul {
  position: absolute;
  display: none;
  background: #f5f0ff;
  border: 1.5px solid #667eea;
  border-radius: 4px;
}

#nav8 td:hover ul {
  display: block;
}

#nav8 ul li {
  list-style: none;
}

#nav8 .right {
  direction: rtl;
}

#nav8 .right ul {
  right: 0;
}

#nav8 .right li {
  direction: ltr;
}

#nav8 a {
  display: block;
  padding: 7px 0;
  text-align: center;
  text-decoration: none;
  color: #667eea;
  font-weight: 500;
}

#nav8 ul a {
  padding: 7px 15px;
  text-align: left;
}

#nav8 td:hover, #nav8 li:hover {
  background: #ede5ff;
  color: #764ba2;
}

#nav8 td {
  text-align: center;
}

/* 5) СТИЛЬ ДЛЯ БЛОКА ЗАГРУЗКИ */
#cssbar-wrapper {
  width: 300px; 
  height: 19px; 
  position: absolute; 
  left: 50%;
}

#cssbar-border {
  border: 3px solid #667eea; 
  height: 100%; 
  width: 100%; 
  position: relative; 
  left: -50%; 
  top: -50%; 
  padding: 4px 3px;
  border-radius: 6px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

#cssbar-whitespace {
  overflow: hidden; 
  height: 100%; 
  width: 100%; 
  margin: 0 auto; 
  position: relative;
  background-color: #f0e8ff;
  border-radius: 3px;
}

#cssbar-line {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  position: absolute; 
  height: 100%; 
  width: 100%; 
  animation: cssbar-slide 4s steps(40) infinite;
  -o-animation: cssbar-slide 4s steps(40) infinite;
  -ms-animation: cssbar-slide 4s steps(40) infinite;
  -webkit-animation: cssbar-slide 4s steps(40) infinite;
  -moz-animation: cssbar-slide 4s steps(40) infinite;
}

@keyframes cssbar-slide {
  0% { left: -100%; }
  100% { left: 100%; }
}

@-o-keyframes cssbar-slide {
  0% { left: -100%; }
  100% { left: 100%; }
}

@-ms-keyframes cssbar-slide {
  0% { left: -100%; }
  100% { left: 100%; }
}

@-webkit-keyframes cssbar-slide {
  0% { left: -100%; }
  100% { left: 100%; }
}

@-moz-keyframes cssbar-slide {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ГАРМОНИИ С ШАПКĄ */

/* Постовые контейнеры */
.post {
  background-color: #ffffff;
  border-left: 3px solid #667eea;
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);
  transition: all 0.3s ease;
}

.post:hover {
  background-color: #f5f0ff;
  border-left: 3px solid #764ba2;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

/* Отступы и интервалы */
.windowbg {
  background-color: #ffffff;
  color: #333;
  border: 1.5px solid #667eea;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);
}

.windowbg2 {
  background-color: #f5f0ff;
  color: #333;
  border: 1px solid rgba(102, 126, 234, 0.2);
  border-radius: 6px;
}

/* Заголовки категорий */
.tborder {
  border: 1.5px solid #667eea;
  border-radius: 6px;
}

/* Общие переходы и эффекты */
* {
  transition: all 0.2s ease;
}

/* Дополнительные стили для белого фона форума */
.bodyline {
  background-color: #ffffff;
  border: 2px solid #667eea;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.15);
  margin: 10px 0;
}