@charset "utf-8";

/* ===== Глобальные переменные ===== */
:root {
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --bg-tertiary: #2a2a2a;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --accent-color: #ff7b25;
    --accent-hover: #ff944d;
    --border-color: #444;
    --border-radius: 6px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    --transition: all 0.3s ease;
}

/* ===== Основные стили ===== */
body {
    font-family: "tahoma";
    font-size: 10pt;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.6;
}

/* ===== Ссылки ===== */
a:link, a:visited {
    text-decoration: none;
    color: #90a6c1;
    font-weight: bold;
    transition: var(--transition);
}

a:hover {
    color: var(--accent-color);
}

a[href^="details.php"]:visited:not(:hover) {
    color: #9999997a;
    text-decoration: none;
}

a.index {
    font-weight: bold;
}

a.biglink {
    font-weight: bold;
    font-size: 12pt;
}

a.online:link, a.online:visited {
    font-weight: normal;
    text-decoration: none;
}

a.menu:link, a.menu:visited {
    font-weight: normal;
}

a.menu:active {
    color: var(--accent-color);
}

a.menu:hover {
    border-left-width: 7px;
    border-left-style: solid;
    border-left-color: var(--accent-color);
    color: white;
}

a.menu {
    display: block;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    background-color: #12121300;
    font-weight: normal;
    border-top: 0px solid red;
}

a.altlink_white:link, a.altlink_white:visited {
    font-weight: bold;
    color: white;
    text-decoration: underline;
}

a.altlink_white:hover {
    text-decoration: underline;
}

a.copyright:link, a.copyright:visited, a.copyright:active {
    text-decoration: none;
    color: #5087AD;
    border-top: dashed 0px #5087AD;
    padding: 0px;
}

/* ===== Заголовки ===== */
h1 {
    font-size: 12pt;
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 15px;
}

h2 {
    background-image: url(images/header.gif);
    font-size: 10pt;
    margin-bottom: 0px;
    margin-top: 5px;
    height: 18px;
    border-width: 0px;
    border-style: solid solid none solid;
    text-align: center;
    color: var(--text-primary);
}

h3 {
    font-size: 10pt;
    margin-bottom: 5px;
    text-align: center;
    color: var(--text-primary);
}

/* ===== Текст ===== */
p {
    font-size: 8.5pt;
    color: var(--text-primary);
    margin-bottom: 10px;
}

p.sub {
    margin-bottom: 4pt;
}

.important {
    font-weight: bold;
    font-size: 9pt;
    color: var(--text-primary);
}

.small {
    font-size: 7pt;
}

.big {
    font-size: 10pt;
}

/* ===== Таблицы ===== */
td {
    font-size: 8.5pt;
    color: var(--text-primary);
}

td.block {
    font-size: 9pt;
    border: 0px;
    background-color: var(--bg-secondary);
}

td.right_menu {
    border: 0px;
    background-color: var(--bg-secondary);
}

td.commenttable {
    background-color: var(--bg-tertiary);
}

td.embedded {
    border: none;
    text-align: left;
    background-color: var(--bg-secondary);
}

td.bottom {
    border: none;
    background-color: var(--bg-secondary);
}

td.heading {
    font-weight: bold;
    min-width: 110px;
    background-color: var(--bg-tertiary);
}

td.text {
    padding: 10pt;
    text-align: left;
    background-color: var(--bg-secondary);
}

td.comment {
    padding: 10pt;
    font-size: 9pt;
    text-align: left;
    background-color: var(--bg-secondary);
}

td.colhead {
    font-weight: bold;
    color: white;
    height: 27px;
    background-image: url(images/header.gif);
    white-space: nowrap;
    background-color: var(--bg-tertiary);
}

td.rowhead {
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    background-color: var(--bg-secondary);
}

td.title {
    font-size: 14pt;
    background-color: var(--bg-secondary);
}

td.navigation {
    font-weight: bold;
    font-size: 10pt;
    border: none;
    background-color: var(--bg-secondary);
}

td.pager {
    background-color: var(--bg-tertiary);
    border: 0px solid #000000;
    padding: 2px;
}

td.pagebr {
    background-color: var(--bg-tertiary);
    border: 0px;
    padding: 0px;
}

td.highlight {
    background-color: #ff000061;
    border: 0px solid #000000;
    padding: 2px;
    border-radius: 5px;
    transition: var(--transition);
}

td.highlight input {
    accent-color: var(--accent-color);
}

td.tablea {
    border: 0px;
    background-color: var(--bg-secondary);
}

/* ===== Формы ===== */
input, file, select, textarea {
    margin-top: 3px;
    margin-bottom: 0px;
    font-family: "tahoma", "arial", "helvetica", "sans-serif";
    font-size: 9pt;
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    padding: 5px;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

input:focus, file:focus, select:focus, textarea:focus {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 2px rgba(255, 123, 37, 0.2);
}

input.button {
    background-color: var(--accent-color);
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    transition: var(--transition);
}

input.button:hover {
    background-color: var(--accent-hover);
}

.editor {
    margin: 0px 0px 1px 0px;
    width: 400px;
    height: 21px;
    border: 0px #D1D8EC solid;
    background-color: var(--bg-tertiary);
}

.editorinput {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    font-size: 11px;
    font-family: Verdana, Helvetica;
    text-decoration: none;
}

.editorbutton {
    float: left;
    cursor: pointer;
    padding: 2px 1px 0px 5px;
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* ===== Списки ===== */
li {
    margin-top: 6pt;
    margin-bottom: 6pt;
    color: var(--text-primary);
}

ul {
    margin-left: 16pt;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 12px;
}

fieldset ul {
    margin-left: 0pt;
}

/* ===== Разное ===== */
hr {
    height: 0px;
    border-top-width: 1px;
    border-color: var(--border-color);
}

form {
    margin-top: 0;
    margin-bottom: 0;
}

.sublink {
    font-style: italic;
    font-size: 7pt;
    font-weight: normal;
    color: var(--text-secondary);
}

/* ===== Цветовые классы ===== */
.red {
    color: #ee0000;
}

.yellow {
    color: #997700;
}

.green {
    color: #ffffff;
}

/* ===== Кнопки ===== */
input[type="button"], input[type="submit"], input[type="reset"], .chat_btn {
    height: auto;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    cursor: pointer;
    text-shadow: 0px 1px 0px #000;
    box-shadow: var(--box-shadow);
    padding: 6px 12px;
    border-radius: var(--border-radius);
    color: var(--text-primary);
    transition: var(--transition);
    /*font-size: 11px;*/
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.chat_btn:hover {
    background-color: var(--accent-color);
    color: white;
    border-color: var(--accent-color);
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
    transform: translateY(1px);
    box-shadow: none;
}
/* Темная тема для спойлера */
.spoiler-wrap {
    width: -webkit-fill-available;
    /*margin: 16px auto;*/
    padding: 0;
    background: #1e1e1e;
    border-radius: 12px;
    border: 1px solid #3a3a3a;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.25s ease;
    overflow: hidden;
}

.spoiler-wrap:hover {
    border-color: #4a4a4a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.spoiler-head {
    padding: 16px 20px;
    margin: 0;
    font-weight: 600;
    font-size: 10pt;
    color: #e1e5e9;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #2d2d2d;
    border-bottom: 1px solid transparent;
}

.spoiler-head:hover {
    background: #3a3a3a;
    color: #58a6ff;
}

.spoiler-body {
    padding: 10px;
    display: none;
    background: #1e1e1e;
    line-height: 1.5;
    color: #d0d7de;
}

.spoiler-body > div {
    /*padding: 20px;*/
    border-top: 1px solid #3a3a3a;
}

.spoiler-foot {
    border-top: 1px solid #3a3a3a;
    color: #8b949e;
    cursor: pointer;
    font-size: 10pt;
    padding: 12px 20px;
    font-weight: 500;
    text-align: right;
    background: #2d2d2d;
}

div.spoiler-head, div.spoiler-foot {
    padding: 5pt 2pt;
}

.clickable {
    cursor: pointer;
}

/* Иконки для темной темы */
.folded::before,
.unfolded::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.folded::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b949e'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");
}

.unfolded::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2358a6ff'%3E%3Cpath d='M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");
    transform: rotate(0deg);
}

/* Анимации */
.spoiler-body {
    /*animation: spoilerSlideDown 0.2s ease-out;*/
}

@keyframes spoilerSlideDown {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        max-height: 1000px;
        transform: translateY(0);
    }
}

/* Состояния */
.unfolded {
    background: #3a3a3a;
    border-bottom-color: #4a4a4a;
}

.unfolded:hover {
    background: #454545;
}

/* Адаптивность */
@media (max-width: 768px) {
    .spoiler-head {
        padding: 14px 16px;
        font-size: 14px;
    }

    .spoiler-body > div {
        padding: 16px;
    }

    .spoiler-foot {
        padding: 10px 16px;
    }
}

/* Улучшенная читаемость контента в темной теме */
.spoiler-body p {
    margin: 0 0 12px 0;
    line-height: 1.6;
}

.spoiler-body p:last-child {
    margin-bottom: 0;
}

.spoiler-body code {
    background: #2d2d2d;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #3a3a3a;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
    color: #d0d7de;
}

.spoiler-body a {
    color: #58a6ff;
    text-decoration: none;
}

.spoiler-body a:hover {
    text-decoration: underline;
}

/*!* ===== Спойлеры ===== *!*/
/*.spoiler-wrap {*/
/*    margin: 6px auto;*/
/*    clear: both;*/
/*    background: var(--bg-tertiary);*/
/*    border: solid var(--border-color);*/
/*    border-width: 1px 1px 1px 2px;*/
/*    border-radius: var(--border-radius);*/
/*    transition: var(--transition);*/
/*}*/

/*.spoiler-head {*/
/*    font-size: 11px;*/
/*    padding: 8px 14px;*/
/*    margin-left: 6px;*/
/*    line-height: 15px;*/
/*    cursor: pointer;*/
/*    color: var(--text-primary);*/
/*    background-color: var(--bg-secondary);*/
/*    transition: var(--transition);*/
/*}*/

/*.spoiler-head:hover {*/
/*    background-color: var(--bg-tertiary);*/
/*}*/

/*.spoiler-body {*/
/*    padding: 10px 6px;*/
/*    display: none;*/
/*    border-top: 1px solid var(--border-color);*/
/*    background: var(--bg-secondary);*/
/*    border-radius: 0 0 var(--border-radius) var(--border-radius);*/
/*}*/

/*.clickable{cursor:pointer;}*/
/*.folded{display:block;background:transparent url(/pic/plus.gif) no-repeat left center;padding-bottom:6px;padding-left:20px;padding-top:6px;}*/
/*.unfolded{display:block;background:transparent url(/pic/minus.gif) no-repeat left center;padding-bottom:6px;padding-left:20px;padding-top:6px;}*/

/*.clickable {*/
/*    cursor: pointer;*/
/*}*/

/* ===== Слои ===== */
.layer {
    overflow: auto;
    height: 425px;
    padding: 10px;
    background: var(--bg-secondary);
    border-radius: var(--border-radius);
}

/* ===== Изображения ===== */
.linked-image {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.resized-linked-image {
    margin: 1px 0px 0px 0px;
    padding: 0px;
    background-color: var(--bg-tertiary);
    border: 0px;
    color: var(--text-primary);
    font-size: 10px;
    width: auto;
    border-radius: 7px 7px 0 0;
}

.resized-linked-image-zoom {
    width: 200px;
    height: 30px;
    background-color: var(--accent-color);
    padding-top: 6px;
    padding-left: 5px;
    top: 0px;
    left: 0px;
    position: absolute;
    display: none;
    border-radius: var(--border-radius);
}

/* ===== Подсказки ===== */
#tooltip {
    position: absolute;
    display: none;
    z-index: 100;
    padding: 8px 12px;
    border-left: 7px solid var(--accent-color);
    background: var(--bg-tertiary);
    color: var(--text-primary);
    margin: 0;
    text-align: center;
    font-weight: bold;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

#tooltip a {
    color: white;
}

/* ===== Уведомления ===== */
.error {
    color: #ffb3b3;
    background-color: #3e3535;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px dashed #ff4d4d;
    border-radius: var(--border-radius);
}

.error b {
    color: #ffb3b3;
    background: inherit;
}

.success {
    color: #69c53c;
    font-weight: bold;
    font-family: sans-serif;
    line-height: 1.6;
    padding: 2px 9px;
/* margin-top: 10px; */
/* margin-bottom: 10px;*/
border: 1px dashed #69c53c;
border-radius: var(--border-radius);
background-color: #1e2e1e;
}

.success b {
color: #7BA813;
background: inherit;
}

/* ===== Код ===== */
code {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    font-size: 11px;
    font-family: Verdana, Helvetica;
    padding: 2px 4px;
    border-radius: 3px;
}

.code {
    color: var(--text-primary);
    font-size: 11px;
    font-family: Verdana, Helvetica;
    background-color: var(--bg-tertiary);
    padding: 2px 4px;
    border-radius: 3px;
}

/* ===== Меню ===== */
.startmenu {
    font-weight: bold;
    text-align: center;
    padding: 8px;
    margin: 0px;
    background-image: url(images/menu_head.gif);
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.menutitle {
    font-weight: bold;
    text-align: center;
    color: var(--text-primary);
    margin: 2px;
    background-color: var(--accent-color);
    padding: 5px;
    border-radius: var(--border-radius);
}

.topnav {
    background-image: url(images/topnav.gif);
    padding: 8px;
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
}

/* ===== Аккордеон ===== */
.accordion h3 {
    font-size: 11px;
    color: var(--text-primary);
    padding-left: 10px;
    background: url(images/accordion.png) no-repeat right 0;
    line-height: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0;
    text-align: left;
    font-weight: bold;
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
}

.accordion h3:hover {
    background: url(images/accordion.png) no-repeat right -25px;
    color: #ffa;
    background-color: var(--bg-tertiary);
}

.accordion h3.active {
    background: url(images/accordion.png) no-repeat right -50px;
    background-color: var(--bg-tertiary);
}

.accordion h3.active:hover {
    background: url(images/accordion.png) no-repeat right -75px;
    background-color: var(--bg-tertiary);
}

.accordion p {
    display: none;
    margin: 0;
    padding: 10px;
    background-color: var(--bg-secondary);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.accordion a {
    font-size: 11px;
    color: var(--text-primary);
    text-align: left;
    font-weight: bold;
    padding-left: 15px;
}

.accordion p.linked a {
    background: url(images/bull.gif) no-repeat 0 50%;
}

/* ===== Новогодний декор ===== */
.b-page__content {
    min-height: 200px;
}

.b-head-decor {
    display: none;
}

.b-page_newyear .b-head-decor {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 115px;
    width: 100%;
    overflow: hidden;
    background: url(images/b-head-decor_newyear.png) repeat-x 0 0;
}

.b-page_newyear .b-head-decor__inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 115px;
    display: block;
    width: 373px;
}

.b-page_newyear .b-head-decor::before {
    content: '';
    display: block;
    position: absolute;
    top: -115px;
    left: 0;
    z-index: 3;
    height: 115px;
    display: block;
    width: 100%;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75);
}

.b-page_newyear .b-head-decor__inner_n2 {
    left: 373px;
}

.b-page_newyear .b-head-decor__inner_n3 {
    left: 746px;
}

.b-page_newyear .b-head-decor__inner_n4 {
    left: 1119px;
}

.b-page_newyear .b-head-decor__inner_n5 {
    left: 1492px;
}

.b-page_newyear .b-head-decor__inner_n6 {
    left: 1865px;
}

.b-page_newyear .b-head-decor__inner_n7 {
    left: 2238px;
}

/* ===== Шары ===== */
.b-ball {
    position: absolute;
}

.b-ball_n1 {
    top: 0;
    left: 3px;
    width: 59px;
    height: 83px;
}

.b-ball_n2 {
    top: -19px;
    left: 51px;
    width: 55px;
    height: 70px;
}

.b-ball_n3 {
    top: 9px;
    left: 88px;
    width: 49px;
    height: 67px;
}

.b-ball_n4 {
    top: 0;
    left: 133px;
    width: 57px;
    height: 102px;
}

.b-ball_n5 {
    top: 0;
    left: 166px;
    width: 49px;
    height: 57px;
}

.b-ball_n6 {
    top: 6px;
    left: 200px;
    width: 54px;
    height: 70px;
}

.b-ball_n7 {
    top: 0;
    left: 240px;
    width: 56px;
    height: 67px;
}

.b-ball_n8 {
    top: 0;
    left: 283px;
    width: 54px;
    height: 53px;
}

.b-ball_n9 {
    top: 10px;
    left: 321px;
    width: 49px;
    height: 66px;
}

.b-ball_n1 .b-ball__i {
    background: url(images/b-ball_n1.png) no-repeat;
}

.b-ball_n2 .b-ball__i {
    background: url(images/b-ball_n2.png) no-repeat;
}

.b-ball_n3 .b-ball__i {
    background: url(images/b-ball_n3.png) no-repeat;
}

.b-ball_n4 .b-ball__i {
    background: url(images/b-ball_n4.png) no-repeat;
}

.b-ball_n5 .b-ball__i {
    background: url(images/b-ball_n5.png) no-repeat;
}

.b-ball_n6 .b-ball__i {
    background: url(images/b-ball_n6.png) no-repeat;
}

.b-ball_n7 .b-ball__i {
    background: url(images/b-ball_n7.png) no-repeat;
}

.b-ball_n8 .b-ball__i {
    background: url(images/b-ball_n8.png) no-repeat;
}

.b-ball_n9 .b-ball__i {
    background: url(images/b-ball_n9.png) no-repeat;
}

.b-ball_i1 .b-ball__i {
    background: url(images/b-ball_i1.png) no-repeat;
}

.b-ball_i2 .b-ball__i {
    background: url(images/b-ball_i2.png) no-repeat;
}

.b-ball_i3 .b-ball__i {
    background: url(images/b-ball_i3.png) no-repeat;
}

.b-ball_i4 .b-ball__i {
    background: url(images/b-ball_i4.png) no-repeat;
}

.b-ball_i5 .b-ball__i {
    background: url(images/b-ball_i5.png) no-repeat;
}

.b-ball_i6 .b-ball__i {
    background: url(images/b-ball_i6.png) no-repeat;
}

.b-ball_i1 {
    top: 0;
    left: 0;
    width: 25px;
    height: 71px;
}

.b-ball_i2 {
    top: 0;
    left: 25px;
    width: 61px;
    height: 27px;
}

.b-ball_i3 {
    top: 0;
    left: 176px;
    width: 29px;
    height: 31px;
}

.b-ball_i4 {
    top: 0;
    left: 205px;
    width: 50px;
    height: 51px;
}

.b-ball_i5 {
    top: 0;
    left: 289px;
    width: 78px;
    height: 28px;
}

.b-ball_i6 {
    top: 0;
    left: 367px;
    width: 6px;
    height: 69px;
}

.b-ball__i {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: 50% 0;
    transition: all .3s ease-in-out;
    pointer-events: none;
}

.b-ball_bounce .b-ball__right {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;
    z-index: 9;
}

.b-ball_bounce:hover .b-ball__right {
    display: none;
}

.b-ball_bounce .b-ball__right:hover {
    left: 0;
    display: block !important;
}

.b-ball_bounce.bounce > .b-ball__i {
    transform: rotate(-9deg);
}

.b-ball_bounce .b-ball__right.bounce + .b-ball__i {
    transform: rotate(9deg);
}

.b-ball_bounce.bounce1 > .b-ball__i {
    transform: rotate(6deg);
}

.b-ball_bounce .b-ball__right.bounce1 + .b-ball__i {
    transform: rotate(-6deg);
}

.b-ball_bounce.bounce2 > .b-ball__i {
    transform: rotate(-3deg);
}

.b-ball_bounce .b-ball__right.bounce2 + .b-ball__i {
    transform: rotate(3deg);
}

.b-ball_bounce.bounce3 > .b-ball__i {
    transform: rotate(1.5deg);
}

.b-ball_bounce .b-ball__right.bounce3 + .b-ball__i {
    transform: rotate(-1.5deg);
}

#rad_block_logo {
    display: none;
}

/* ===== Пагинация ===== */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 4px 0px;
    border-radius: var(--border-radius);
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    border-radius: var(--border-radius);
    margin: 3px;
    color: var(--accent-color);
    padding: 8px 12px;
    transition: var(--transition);
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.5;
    text-decoration: none;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-color);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.pagination > li a:active {
    transform: translateY(2px);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: var(--accent-color);
    color: white;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: white;
    cursor: default;
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #818181;
    cursor: not-allowed;
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    opacity: 0.5;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 6px 10px;
    font-size: 10pt;
}

.pagination-sm > li[class="page"] > a:hover {
    box-shadow: 0px -5px 0 var(--accent-color) inset;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-radius: var(--border-radius);
}

.pager {
    padding-left: 0;
    margin: 15px 0;
    text-align: center;
    list-style: none;
}

.pager:before,
.pager:after {
    display: table;
    content: " ";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 8px 16px;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--text-primary);
    transition: var(--transition);
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: var(--accent-color);
    color: white;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #818181;
    cursor: not-allowed;
    background-color: var(--bg-tertiary);
    opacity: 0.5;
}

/* ===== Каталог ===== */
.catalog-persons ul li a img {
    max-width: 139px !important;
    width: 139px;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.catalog-persons ul {
    min-height: 220px !important;
}

.catalog-persons ul li:hover {
    background-color: var(--accent-color);
    border-radius: var(--border-radius);
}

.catalog-persons ul li:hover a {
    color: white;
}

/* ===== Автодополнение ===== */
.ac_results {
    padding: 0px;
    border: 1px solid var(--border-color);
    background-color: var(--bg-tertiary);
    overflow: hidden;
    z-index: 99999;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 8px 12px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    color: var(--text-primary);
    transition: var(--transition);
}

.ac_results li:hover {
    background-color: var(--accent-color);
    color: white;
}

/* ===== Выпадающие списки ===== */
.bl_left select option,
.bl_left select,
.bl_right select option,
.bl_right select {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 133px;
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 5px;
}

.bl_left > black,
.bl_right black {
    color: white;
}

/* ===== Вкладки ===== */
#tabs .tab,
#tfiles .tab {
    margin-bottom: 3px !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    font-weight: unset !important;
    background-color: var(--bg-tertiary) !important;
    cursor: pointer !important;
    padding: 5px 10px !important;
    border-radius: var(--border-radius) !important;
    transition: var(--transition) !important;
}

#tabs #body {
    background: var(--bg-secondary) !important;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

#tabs > span.tab:hover, #tfiles > span.tab:hover {
    /*background-color: transparent !important;*/
    color: white !important;
}

#tabs > span.tab:hover,
#tfiles > span.tab:hover {
    background-color: var(--accent-color) !important;
    color: white !important;
}

#tabs > span.tab, #tfiles > span.tab {
    text-decoration: none;
    cursor: pointer;
    border-left: 1px transparent solid !important;
    position: relative;
    /*transition: all 0.5s ease;*/
    padding: 5px 10px 4px !important; /* Стандартный отступ */
}

/* Активная вкладка - яркий текст и белая точка */
#tabs > span.tab.active, #tfiles > span.tab.active {
    border-left: 1px solid transparent !important;
    padding-left: 25px !important;
    border-left: 1px solid transparent !important;
}

/* Белая точка для активной вкладки */
#tabs > span.tab.active::before, #tfiles > span.tab.active::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 12px !important; /* Позиция внутри увеличенного отступа */
    transform: translateY(-50%) !important;
    width: 6px !important;
    height: 6px !important;
    background: white !important;
    border-radius: 50% !important;
    /*animation: dotAppear 0.3s ease-out !important;*/
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.7) !important;
    z-index: 1000 !important;
    display: block !important;
}

div #tabs.is_chats > span.tab.archive.active {
    border-top: 1px solid var(--text-primary) !important
}

.tab_rounded span a {
    font-weight: unset !important;
    color: var(--text-primary);
}

.tab:hover .is_private_close {
    opacity: 0.8;
    color: white !important;
    border: 1px solid transparent  !important;
    border-radius: 10px;
}

/* ===== Ссылки-кнопки ===== */
.alink {
    display: inline-block;
    outline: 0;
    padding: 4px;
    transition: var(--transition);
}

.alink:hover {
    text-decoration: none;
    /*color: var(--accent-color);*/
    color: white;
    /*border-radius: var(--border-radius);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ff8000;
}

.alink:hover > font, .alink:hover > span {
    /*color: var(--accent-color);*/
    color: white;
}

.alink:active {
    text-decoration: underline;
}

.alink.glink:hover{background:#2ba32b; color: white}
.alink.rlink:hover{background: #e10100; color: white}

/* ===== Логотипы ===== */
.logofon {
    background-image: url("images_logo/logofon.jpg");
    width: 100%;
    height: 145px;
    background-repeat: repeat-x;
}

.logobg {
    /*background-image: url(images_logo/uniongang_autumn.jpg);
    background-image: url(images_logo/uniongang_winter_2017.jpg);*/
    background-image: url(images_logo/uniongang_spring.jpg);
    width: 99%;
    background-repeat: space;
    position: absolute;
    top: 0px;
}

.tablea.win80let {
    background-image: url(images/pobeda_80_1.png) !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: text-top;
    height: 60px;
    transition: height 0.9s ease;
}

.tablea.win80let:hover {
    height: 400px;
}

/* ===== Превью ===== */
.preview_hidden {
    border: 1px dotted #a584a58c;
    transition: var(--transition);
}

.preview_hidden:hover {
    border: 1px dotted var(--accent-color);
}

.preview_desc .prv_click {
    opacity: 0;
    font-style: italic;
    transition: var(--transition);
}

.preview_desc:hover .prv_click {
    opacity: 1;
}

/* ===== Текстовые логотипы ===== */
.textlogo {
    top: 95px;
    padding-left: 490px;
    position: absolute;
    color: white;
}

.textlogo a:visited {
    color: white;
    font-family: Verdana;
}

.textlogo a:hover {
    color: white;
    font-family: Verdana;
}

.textmenu a {
    color: #c94848;
    font-family: Verdana;
}

.textmenu a:visited {
    color: #c94848;
    font-family: Verdana;
}

.textmenu a:hover {
    color: var(--accent-color);
    font-family: Verdana;
}

.menu_up {
    margin-top: 122px;
}

.forumlogo {
    top: 95px;
    padding-left: 630px;
    position: absolute;
}

.chavologo {
    top: 95px;
    padding-left: 725px;
    position: absolute;
}

.ruleslogo {
    top: 95px;
    padding-left: 805px;
    position: absolute;
}

.stafflogo {
    top: 95px;
    padding-left: 890px;
    position: absolute;
}

/* ===== Формы поиска ===== */
.forms_bloc {
    width: 100%;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.fsearch input[type=text] {
     margin-top: unset !important;
    margin-bottom: 0px !important;
    padding: 8px 12px;
    width: 50%;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    transition: var(--transition);
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

.fsearch input[type=text]:focus {
    width: 75%;
    border-color: var(--accent-color);
    outline: none;
}

/* ===== Таблицы ===== */
td.a,
table.block_bots tr:nth-child(even) > td {
    padding: 8px;
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
}

td.b,
table.block_bots tr:nth-child(odd) > td {
    padding: 8px;
    border: 1px solid var(--border-color);
    background-color: var(--bg-tertiary);
}

tr.preview_opened td {
    background-color: unset !important;
}

/* ===== Разное ===== */
.mju {
    width: 150px;
    text-align: center;
    color: var(--text-secondary);
    font: 10px Arial;
}

.mju a {
    color: var(--text-secondary);
    font: 10px Arial;
    text-decoration: underline;
}

.mju a:hover {
    text-decoration: none;
    color: var(--accent-color);
}



hr {
    color: #555;
    background-color: #555;
    border: 0px none;
    height: 1px;
    clear: both;
}

/* MediaGet */
#mediaget_box {
    background: url(img/promo_bg.jpg) no-repeat;
    height: 200px;
    margin: 20px auto;
    overflow: visible;
    position: relative;
    text-align: left;
    width: 520px;
}

#content_baner {
    color: #000;
    float: left;
    font: 18px/24px Tahoma;
    margin: 15px 0px;
    width: 550px;
}

#download_button {
    background: url(img/button.jpg) no-repeat;
    border: 0px solid green;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    height: 30px;
    padding: 4px 0px 0px 35px;
    position: absolute;
    right: 15px;
    width: 116px;
}

#download_button img {
    height: 36px;
    width: 153px;
}

#header {
    color: #000;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#logo_mediaget_box {
    float: left;
    margin: 10px 20px 0px 20px;
}

#logo_mediaget_box img {
    border: 0px;
    height: 51px;
    width: 159px;
}

#ribbon {
    background: url(img/ribbon.png) no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    padding-top: 1px;
    width: 518px;
}

#mediaget_box a:active {
    color: #007fd8;
}

#mediaget_box a:hover {
    text-decoration: underline;
}

#mediaget_box a:link {
    color: #007fd8;
    font-size: 10pt;
    text-decoration: none;
}

.badge {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: green;
    border-radius: 50%;
    right: 0px;
    bottom: 43px;
    border: 1px solid #ffffff;
}


.preview_desc .prv_click {
    opacity: 0;
    font-style: italic;
    transition: opacity 0.7s, box-shadow .3s;
    -webkit-transition: opacity 0.7s, box-shadow .3s;
    -moz--transition: opacity 0.7s, box-shadow .3s;
}

.preview_desc:hover .prv_click {
    opacity: 1;
}
.reaction_btn {
    border-radius: 6px !important;
}
.reaction_popup_alt .reaction:hover {
    background-color: #ff7b25;
    border-radius: 5px;
}
.alink * font {
    color: white !important;
}

.main * td {
    border: 1px solid #99999380;
}

/* классы по цветам html в каждой теме */
.is_cl_sysop {
    color: #237efd !important;
}

.is_cl_administrator {
    color: red !important;
}

.is_cl_moderator {
    color: #01bf01 !important;
}

.is_cl_uploader {
    color: #FF00FF !important;
}

.is_cl_vip {
    color: #9C2FE0 !important;
}

.is_cl_power_user {
    color: #cea2db !important;
}

.is_cl_user {
    color: #fab460 !important;
}

.is_cl_chat {
    border-bottom: 1px solid #0f4806;
}

/* /классы по цветам html в каждой теме */

#tabs:not([class^="tab_rounded"]) span, #tfiles:not([class^="tab_rounded"]) span {
    border-bottom: 1px solid #545353 !important;
}

/* реакции пользователей */
.reaction_btn {
    background-color: #80808054 !important;
}

.reaction_popup_alt {
    /*max-width: 200px !important;*/
}

/* реакции пользователей */

fieldset {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    border-radius: 4px;
    border: 1px solid #919191e8
}

fieldset:hover {
    animation: fieldsetmymove 5s infinite;
}

.chat .time {
    background-color: #524545;
    padding: 2px 5px;
    border-radius: 5px;
    opacity: 0.8
}

.chat .time:hover {
    opacity: 1
}

.chat:hover {
    border-color: #ffffff1c;
    /* box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 40px rgba(173, 216, 230, 0.4); */
    transition: all 0.3s ease;
    border-radius: 5px;
}

.chat-div * .reaction_btn {
    background-color: #524545 !important;
}

.reaction_popup_alt, .reaction_popup_chat {
    background-color: #4c4748 !important;
}

#daGalContainer .daBottom {
    background: #2c2c2c !important;
}

.soheading > .update_reason {
    margin-bottom: 10px !important;
    padding: 2px 10px 2px 10px !important;
}

.update_reason {
    padding: 2px 5px 2px 5px !important;
    background-color: #666663 !important;
    border: 1px solid #e1acb44f !important;
    color: #dfdcdc !important;
    border-radius: 24px !important;
    margin-bottom: unset !important;
}

.update_reason > span {
    color: #dfdcdc !important;
}


#daGalContainer .daBottom, #daGalContainer .daDesc, #daGalContainer .daBottom {
    color: #ffffff !important;
}

#daGalContainer .daBottom {
    background: #000000 !important;
}

input {
    accent-color: red;
}

.card {
    background: #4a4a4a !important
}

.card--current {
    background: #3d5966 !important
}

input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .divbutton:active, input:active, #prevsmalie img:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}


/* floatrx:stylish buttons]*/
input[type="button"], input[type="submit"], input[type="reset"] {
    height: 18px;
    /*background-color: #cbcbcb;*/
    /*border: 1px solid #141414;*/
    /*cursor: pointer;*/
    /*text-shadow: 0px 1px 0px #efefef;*/
    /*box-shadow: 0px 0px 2px Silver;*/
    /*-moz-box-shadow: 0px 0px 2px Silver;*/
    /*-webkit-box-shadow: 0px 0px 2px Silver;*/
    padding: 3px 14px 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,.chat_btn:hover {
    background-position: 0px -16px;
    border: 1px solid #b6b6b6;
}

input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
    background-position: 0px -34px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] {
    background-position: 0px 0px;
    color: gray;
    opacity: 0.5;
}

input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
}

input[type="checkbox"] {
    border: none;
    outline: none;
}

/* цитаты */
fieldset.quote {
    border-radius: 0.45rem;
}

div.editoroutput {
    max-height: 900px;
    margin-top: 0.35rem;
    margin-bottom: .125rem !important;
    padding: 0.6rem 0.4rem 0.6rem 0.6rem;
    background-color: #bdbdbd0f;
    border-radius: 0.45rem;
    position: relative;
    overflow: hidden;
}

div.editoroutput::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    width: 3px;
    background: #ff8705e0;
}

div.editoroutput:hover::before {
    /*background: #FFA70D;*/
}

hr.style-chat {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #00000000, #e87f0c, #00000000);
}


/* конвертируем ссылки в кнопки (визуальная часть) */
div.right_is_btn {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

div.right_is_btn > a {
    display: inline-block;
    /*font-size: 10pt;*/
    /* margin: 3px; */
    padding: 4px;
    /* height: unset; */
    margin: 4px;
    text-align: center;
    text-shadow: unset;
    border: 0;
    cursor: pointer;
    min-width: 60px;
    /* height: 26px; */
    color: #809097;
    background: #333333;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 5px;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); */
    transition: all 0.3s;
}


div.right_is_btn > a:hover {
    color: #efeeef;
    background: #bb3c27;
}

div.right_is_btn > a.alink::after {
    background: #bb3c27;
}

div.right_is_btn > a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #809097;
    transition: width .3s;
}

div.right_is_btn > a:hover::after {
    width: 100%;
}

span.daGallery a img {
    max-width: 350px !important;
}


.react_chat * .countlist {
}

.react_nochat * .countlist {
    color: white;
    font-size: 10pt;
}

.react_vip {
    width: 100%;
    /* height: 13px; */
    text-align: center;
    padding: 6px 6px;
    font-size: 10pt;
    font-weight: bold;
    color: #f200ff;
    background: black;
    text-decoration: underline;
}

@media screen and (max-width: 1800px) {

    /*.logobg {*/
    /*	background-image:url("images_logo/uniongang_summer_2023_megan.jpg");*/
    /*	width:720px;*/
    /*}*/
    /*.logofon {*/
    /*	background-image: unset;*/
    /*}*/
    /*table.clear td, table.clear {*/
    /*	width: 720px;*/
    /*}*/
    /*td.tablea {*/
    /*	display: none;*/
    /*}*/
    /*.mainouter {*/
    /*	width: min-content;*/
    /*}*/

}

div.chat_btn {
cursor: pointer;
color: black;
width: 13px;
height: 13px;
background-color: #cbcbcb;
border: 1px solid #141414;
text-shadow: 0px 1px 0px #efefef;
box-shadow: 0px 0px 2px Silver;
-moz-box-shadow: 0px 0px 2px Silver;
-webkit-box-shadow: 0px 0px 2px Silver;
/*padding: 3px 14px 16px;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.chat_btn svg {
    width: 26px !important;
    margin: -5px 0px 0px -6px;
}

#drag_drop {
    border: 2px dashed #b218b6 !important;
    border-radius: 5px;
    width: 90%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 13px;
    cursor: pointer;
}
#drag_drop.dragover {
    border-color: #b218b6 !important;
    color: #b218b6 !important;
}

.tab * .count-bubble {
    display: inline-block;
    border: 1px solid #f3f3f333 !important;
    background: #a94848;
    cursor: pointer;
    color: #f0f3f5;
    margin-left: 4px;
    padding: 0px 5px;
    border-radius: 20px !important;
    /*transition: background-color 0.3s ease, color 0.3s ease;*/
}

.tab:hover * .count-bubble {
    /*text-decoration: underline;*/
    animation: flip-in 0.2s ease-out;
}

@keyframes flip-in {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.count-bubble.unread_bubble {
    border-left: 1px dotted #3a8ad0c7 !important;
    color: #f0f3f5;
    border-radius: 4px;
    text-align: center
}

.chat_channels > .count-bubble.unread_bubble {
    animation: flip-in 0.3s ease-out;
    border-radius: 8px;
    min-width: 15px;
}

/* кнопки svg */
.btn_s {
    background-color: var(--accent-color) !important;
}

.btn_s {
    /*mask: unset !important;*/
    /*-webkit-mask: unset !important;*/
}
.btn_s.bt_edit {
    /*background: url('/pic/curriculum_vitae.png') no-repeat center !important;*/
}
.btn_s.bt_bookmark {
    /*background: url('/pic/love_on.gif') no-repeat center !important;*/
}
.btn_s.bt_copy {
    /*background: url('/pic/blank_open.png') no-repeat center !important;*/
}
.btn_s.bt_pict {
    /*background: url('/pic/disk_multiple.png') no-repeat center !important;*/
}
.btn_s.bt_check {
    /*background: url('/pic/head2_2.gif') no-repeat center !important;*/
}
.btn_s.bt_download {
    /*background: url('/pic/megs.gif') no-repeat center !important;*/
}
.btn_s.bt_online {
    /*background-color: white;*/
}

.btn_s.users_polls {
    /*background: url('/pic/forumicons/polls.gif') no-repeat center !important;*/
}


.btn_s.event_snooze {
    background-color: gray !important;
}

.btn_s.event_urgent {
    background-color: yellow !important;
}

.pagination1 {
    position: relative;
    /*display: block;*/
    width: 100%;
    height: auto;
}

.pagination1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://eu-wotp.wgcdn.co/static/6.2.8_cfaf5d/wotp_static/img/core/frontend/scss/common/img/themes/holiday_ops/snowflakes.png)
    top center / 2440px 1252px;
    opacity: 0.3;
    animation: theme__holiday_ops-snow 90s linear infinite;
    pointer-events: none; /* Чтобы псевдоэлемент не блокировал взаимодействие */
    z-index: 1;
}

@keyframes theme__holiday_ops-snow {
    0% {
        background-position-y: 0;
    }
    100% {
        background-position-y: 1252px;
    }
}


/* Контейнер для снега */
.snow-container {
    position: relative;
    width: 100%;
    height: 145px; /* Высота контейнера совпадает с высотой .logofon */
    overflow: hidden; /* Скрываем вылезающий снег */
}

/* Снег анимированный */
.snow_falling {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Устанавливаем слой ниже содержимого */
}

/* текста */
.snow-container * a {
    position: relative;
    z-index: 2; /* Устанавливаем выше снега */
}

.is_blockrl, .is_blockbcd {
    border: 1px solid #80808096;
}
.is_blockrl:hover, .is_blockbcd:hover {
    border: 1px dotted #80808099;
}

.pagination-sm > li > a, .pagination-sm > li > span a {
    padding: 4px 11px;
    font-size: 9pt;
}


@keyframes bounceRate2 {
    from {
        transform: translate(0,0%)
    }

    to {
        transform: translate(-25%,0)
    }
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg:hover {
    animation: bounceRate2 .5s infinite linear;
    animation-direction: alternate;
}

svg.normalFill { fill: #666666a3 }
svg.ratedFill {  fill: #e38e00 }

ul li:hover .unmarks_progress svg.ratedFill {
    fill: red;
}

.tor_browse:hover * .update_reason {
    animation: pulse 2s infinite;
}

.details_btns * img, .preview_hidden * img, .torrent_tables * img {
   border-radius: 5px;
}

div.audio-player {
    background-color: #3c3c3c;
}

/*span.daGallery a:hover img:before {*/
/*    transform: rotate(-2.29deg) scale(1);*/
/*}*/

/*span.daGallery a img:before {*/
/*    background: #f69;*/
/*    border-radius: 16px;*/
/*    content: "";*/
/*    height: 100%;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    transform: scale(.95);*/
/*    transition: transform .3s ease;*/
/*    width: 100%;*/
/*}*/

iframe {
    height: auto;
    display: flex;
    opacity: 0.5;
    transition: all 0.8s ease;
}
iframe:hover {
    height: revert-layer;
    opacity: 1;
}

div.chat-coms {
    max-height: 1000px;
    background: #3c3c3c;
}

div.chat-rgroup {
    background: #b17e7e3d;
}
span.chat-qtext {
    color: unset;
}

.ul_help_spoiler ul {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

div.chat-rquote {
    font-size: 9pt;
    padding: 1px;
}

.commenttable.comm_sticky .comm_bottomside, tr.preview_opened {
    background: repeating-linear-gradient(45deg, #2a2a2a, #2a2a2a 10px, #1c1c1c 10px, #1c1c1c 20px);
}

table.commenttable.comm_sticky {
    position: relative
}

table.commenttable.comm_sticky::before {
    content: "📌 Закреплёно";
    position: absolute;
    top: 13px;
    left: -39px;
    transform: rotate(-45deg);
    background: #ff8705e0;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    border-radius: 12px;
    padding: 4px 14px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    text-align: center;
    white-space: nowrap;
    transition: opacity 1.0s ease
}

table.commenttable.comm_sticky:hover::before {
    opacity: 0
}

.reaction_btn {
    transition: background-color 1.0s ease
}

.chat-div * .reaction_btn, div.cquote, .is_replied {
    background-color: #524545 !important
}
.cquote.quoted {
    color: white !important
}
.chat.rounded:hover div.cquote, .cquote.quoted, .chat-div * .reaction_btn, div.cquote, .is_replied {
    border: 1px solid transparent !important
}

.reaction_btn:hover {
    background-color: #ff8705e0 !important;
}

.filelist_totals {
color: white;
background: unset !important;
}

div.audio-download-btn {
    background-color: #f0f0f0;
    color: #007bff;
    padding: 0px 8px;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.chat:hover div.audio-player:not(.audio-playing) .audio-download-btn {
    opacity: 0.8;
    border: 1px solid #5bbf00;
}
.chat div.audio-player:not(.audio-playing):hover .audio-download-btn {
    opacity: 1
}
div.audio-player:not(.audio-playing) {
    background-color: unset;
    border: 1px solid #9595954f;
}
div.audio-download-btn:hover {
    background-color: #5bbf00;
    color: #fff
}
div.song-title {
    font-size: 11px;
    color: #ffffff;
}
div.progress-bar {
    background-color: #c30cf1;
}

#attachBtn.chat_btn {
    color: #b50000;
}

div.chat-rnotice, div.fileList {
    background: #c54d4d;
    border: 1px solid #bd4454;
    border-radius: 10px;
    padding: 2px 9px;
    color: #ffffff;
}
div.chat-rnotice:hover, div.fileList:hover {
    background: #642121;
}

.tor_browse .prv_click {
    /*flex: auto;*/
    /*float: inline-end;*/
}
.update_reason {

}

div.events-pop .event-time {
    color: #e3e2e3 !important;
}

#events-floats > div.events-pop {
    background-color: #3a4246 !important;
}

div.chat .is_avatar img {
    width: 40px;
    border-radius: 24px;
    border: 2px solid #fff;
}
.is_domain_problem {
    font-size: 7pt;
    padding: 10px 0px 0px 0px;
    opacity: 0.25;
   line-height: 1.5; text-align: center;
    transition: opacity 1.0s ease;
    /*font-style: italic;*/
}
.is_domain_problem:hover {
    opacity: 0.9;
}

/* Общий контейнер панели */
.user-status-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background-color: #1a1a1a;
    border-radius: 10px;
    border: 1px solid #333;
    color: #fff;
    font-family: Arial, sans-serif;
    gap: 20px;
    margin: 0px 6px;
}

/* Блок аватара */
.user-avatar-block {
    position: relative;
}

.avatar-container {
    position: relative;
    width: 64px;
    height: 64px;
}
.avatar-container:hover .online-badge{
display: none;
}
.user-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px double #ccc;
    transition: transform 0.3s ease;
}

.user-avatar-link:hover .user-avatar {
    transform: scale(1.1);
}

.online-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: #4CAF50;
    border: 2px solid #1a1a1a;
    border-radius: 50%;
}

/* Основная информация пользователя */
.user-info-main {
    flex-grow: 1;
    line-height: 1.5;
}

.user-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.welcome-text {
    font-weight: bold;
    color: #888;
}

.username-link {
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
    transition: color 0.3s ease;
}

.username-link:hover {
    color: #00bfff;
}

.user-meta img {
    vertical-align: middle;
    margin-right: 5px;
}

.user-action-links a {
    color: #ccc;
    text-decoration: none;
    font-size: 0.9em;
    transition: color 0.3s ease;
}

.user-action-links a:hover {
    color: #fff;
}

.user-stats-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed #444;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.stat-label {
    color: #808000;
    font-weight: bold;
    white-space: nowrap;
}

.stat-value {
    color: #E0FFFF;
}

.ratio-value {
    font-weight: bold;
}

.bonus-value {
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}

.bonus-value:hover {
    color: #ffcc00;
}

/* Блок торрент-статистики и сообщений */
.torrent-and-pm-stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.torrent-stats {
    display: flex;
    gap: 15px;
}

.torrent-stat-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.torrent-icon {
    vertical-align: middle;
}

.torrent-count {
    font-weight: bold;
}

.pm-stats {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.pm-link {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 0.9em;
}

.pm-link img {
    height: 16px;
}

.pm-link span {
    font-weight: bold;
}

/* Блок поиска */
.search-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.fsearch {
    display: flex;
    gap: 5px;
}

.fsearch input {
    font-size: 10pt;
    padding: 8px 10px;
    border-radius: 5px;
    background: #070707;
    color: white;
    border: 1px solid #070707;
}

.btn-search {
    padding: 8px 15px;
    font-size: 10pt;
    border: 1px solid #474747;
    background: #0d0d0d;
    color: #9f9f9f;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-search:hover {
    background-color: #222;
    color: #fff;
}

/* Блок времени и выхода */
.user-meta-controls {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.current-time {
    font-size: 1.2em;
    color: #00bfff;
}

.logout-link {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.logout-link:hover {
    color: #ff4d4d;
}

/* Адаптация для мобильных устройств */
@media (max-width: 600px) {
    .user-status-panel {
        flex-direction: column;
        align-items: stretch;
    }
    .user-info-main, .search-block, .user-meta-controls {
        width: 100%;
        text-align: center;
        /*margin-top: 15px;*/
    }
    .user-title-row, .user-stats-row, .user-torrents-stats {
        justify-content: center;
    }
    .user-meta-controls {
        align-items: center;
    }
}

.textmenu td a, .textlogo td a{
    padding: 5px 20px;
}

.textmenu td, .textlogo td {
    /*text-align: left;*/
}

.textmenu td a:hover {
    color: white !important;
    padding: 5px 25px;
    background-color: red;
    border-radius: 10px;
}

.textlogo td a:hover {
    color: red !important;
    padding: 5px 25px;
    background-color: white;
    border-radius: 10px;
}
.catalog-persons ul li, ul.licla li {
    /*width: 151px !important;*/
    /*padding: 5px 1px !important;*/
}
body.daGallery-open > *:not(#daGalBg):not(#daGalContainer):not(#tooltip) {
    filter: blur(4px);
}

#topcontrol { display: none !important; }
/* ===== ТЕМНАЯ ТЕМА (compact x0.5) ===== */

#mv-toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    opacity: 0.8;
}
#mv-toolbar:hover { opacity: 1; }

/* Контейнер тулбара */
.mv-toolbar {
    position: fixed;
    right: 12px;
    /*left: 12px;*/
    bottom: 12px;
    z-index: 1000;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

/* Секция */
.mv-toolbar-section {
    width: 30px;
    padding: 3px;
    background: rgba(30, 30, 40, 0.95);
    box-shadow: 0 2px 6px rgba(0,0,0,0.35);
    border-radius: 8px;
    border: 1px solid #444;
    backdrop-filter: blur(6px);
}

.mv-toolbar-section i {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
}

/* Кнопки */
.mv-toolbar-btn,
.mv-toolbar-scrollup a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(50, 50, 60, 0.85);
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.mv-toolbar-btn:hover,
.mv-toolbar-scrollup a:hover {
    background: rgba(70, 70, 90, 0.9);
    transform: scale(1.1);
    box-shadow: 0 0 8px rgba(120,120,255,0.35);
}

.mv-toolbar-btn:active,
.mv-toolbar-scrollup a:active {
    transform: scale(0.92);
}

/* ===== ИКОНКИ ===== */

/* Предыдущая (вверх) */
.mv-toolbar-prev i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #a0a0ff;
    border-right: 2px solid #a0a0ff;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all 0.25s ease;
}

.mv-toolbar-prev:hover i::before {
    border-color: #ffffff;
    transform: translate(-50%, -60%) rotate(-45deg);
}

/* Следующая (вниз) */
.mv-toolbar-next i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #a0a0ff;
    border-right: 2px solid #a0a0ff;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.25s ease;
}

.mv-toolbar-next:hover i::before {
    border-color: #ffffff;
    transform: translate(-50%, -40%) rotate(45deg);
}

/* Scroll Up */
.mv-toolbar-scrollup {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

.mv-toolbar-scrollup.show {
    opacity: 1;
    transform: translateY(0);
}

.mv-toolbar-scrollup i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ff6b6b;
    border-right: 2px solid #ff6b6b;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all 0.25s ease;
}

.mv-toolbar-scrollup a:hover i::before {
    border-color: #ff4444;
    transform: translate(-50%, -60%) rotate(-45deg);
}

/* Подсветка таблицы */
.mv-table-fly {
    box-shadow: 0 0 0 2px #64b5f6 !important;
    border-radius: 4px;
    background: rgba(100,181,246,0.12) !important;
    transition: box-shadow 0.3s ease;
}

/* Hover секции */
.mv-toolbar-section:hover {
    background: rgba(40, 40, 50, 0.98);
    box-shadow: 0 4px 10px rgba(0,0,0,0.45);
}

/* Пульсация фокуса */
@keyframes mv-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.mv-toolbar-btn:focus,
.mv-toolbar-scrollup a:focus {
    outline: none;
    animation: mv-pulse 0.5s ease;
}

/* ===== СКРОЛЛБАР ===== */

::-webkit-scrollbar-track {
    background-color: #000;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(black, red, black);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: rgba(255,0,0,0.4);
}



#events-floats > div.events-pop {
    background: #253d48;
    border-color: #4a5568;
    color: #e2e8f0;
}

.event-content .event-login {
    color: #e2e8f0;
}

.event-content div.event-text {
    color: #c7c7c7
}

.event-content .event-time {
    color: #a0aec0;
}

.event-content .event-rcancel {
    color: #718096;
}

.event-content .event-rcancel:hover {
    color: #fc8181;
    background: rgba(255, 255, 255, 0.1);
}
#events-floats > div.events-pop:hover {
    transform: translateY(-4px) !important;
}

#events-floats>div.events-pop {
    background: #1a202c !important ;
    border: 1px solid #2d3748 !important ;
}

.event-time {
    color: #a0aec0 !important ;
}

.event-text {
    color: #e2e8f0 !important ;
}

.event-rcancel {
    color: #718096 !important ;
}

.event-rcancel:hover {
    color: #fc8181 !important ;
    background: rgba(255,255,255,.1) !important ;
}

.event-type {
    color: #a0aec0 !important ;
}

.events-btn_s {
    background-color: #1a202c !important ;
    color: #e2e8f0 !important ;
    border: 1px solid #4a5568 !important ;
}

.events-btn_s:not(#events-conf_btn):hover {
    background-color: #2d3748 !important ;
    border-color: #718096 !important ;
}

.events-frcontain button, .event-replyform button {
    background-color: #5a67d8 !important ;
    color: #fff !important ;
}

.events-frcontain button:hover {
    background-color: #4c51bf !important ;
}

.event-replybtn {
    color: #718096 !important ;
}

.event-replybtn:hover {
    color: #63b3ed !important ;
    background: rgba(255,255,255,.1) !important ;
}

#events-conf_btn.expanded {
    background-color: #1a202c !important;
}

#descr_option picture img { filter: grayscale(100%); transition: filter 1s ease;}
#descr_option:hover picture img { filter: grayscale(0%); }

.spoiler-head {
    /* Основной вид */
    padding: 10px 15px;
    cursor: pointer;
    font-weight: 600;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.2s ease;
    border-radius: 6px 6px 0 0;
}

a.tglink {
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    cursor: pointer;
    text-shadow: 0px 1px 0px #000;
    box-shadow: var(--box-shadow);
    padding: 6px 12px;
    border-radius: var(--border-radius);
    color: var(--text-primary);
}

a.tglink:hover {
background-color: #4a5568;
color: #ffffff;
border-color: #718096;
}

a.tglink.tg_active {
background-color: var(--accent-color);
color: white;
border-color: var(--accent-color);
box-shadow: 0 2px 6px rgba(49, 130, 206, 0.4);
}



/* Базовые стили для аватаров */
.avatars, .user-avatar, #showrealese ul.lishow li a img, div.catalog-unmarks ul li picture img {
    border: 1px solid #e6f7ff;
    /*box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);*/
    box-shadow: 0 3px 5px rgba(255, 255, 255, 0.3);
}

/* Эффект морозного свечения при наведении */
.avatars:hover, .user-avatar:hover, #showrealese ul.lishow li a img:hover , div.catalog-unmarks ul li picture img:hover{
    border-color: #ffffff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 40px rgba(173, 216, 230, 0.4);
    transition: all 0.3s ease;
}

.block ul {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

span.daGallery a img:first-child {
    margin: 0px 4px 0 0px;
}
span.daGallery a img {
    border-radius: 5px;
    border: 1px solid #ff7b2559;
    margin: 0 4px;
    transition: 0.3s;
}
span.daGallery a img:hover {
    box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 10px, rgba(173, 216, 230, 0.4) 0px 0px 40px;
    border-color: rgb(255, 255, 255);
}

.plsresizeme[src*="stamp"] {
    background-color: #fffdfb;
    border-radius: 10px;
    /*padding: 10px;*/
}


/*вложенные темный стиль*/
/* Вложенность комментариев: Темная тема */
.branch-comments-container {
    line-height: 1.5;
    margin: 0 auto;
    color: #e0e0e0; /* Светлый текст для темного фона */
    background-color: transparent;
}

.p-comment-branch {
    position: relative;
    margin-bottom: 8px;
    /* Добавляем плавный переход для подсветки */
    transition: background-color 0.3s ease;
}

.p-comment-branch.has-children {
    margin-bottom: 12px;
}

.p-comment-main {
    position: relative;
    padding: 8px; /* Добавляем внутренний отступ для подсветки */
    border-radius: 6px; /* Закругляем углы */
    transition: background-color 0.3s ease;
    background-color: #1e1e1e; /* Темный фон для комментария */
    border: 1px solid #2a2a2a; /* Граница для разделения */
}

/* Отступ для вложенных комментариев */
/* Исключаем корневой комментарий */
.p-comment-branch:not([data-is-root="1"]) > .p-comment-main {
    /* Убираем 28px иконки и оставляем только отступ */
    padding-left: 20px;
}

/* --- Стили для уровней вложенности (переменные цвета) --- */
/* Более насыщенные цвета для лучшей видимости на темном фоне */
.p-comment-branch[data-nesting="1"] { --accent-color: rgba(76, 175, 80, 0.15); --control-color: #4CAF50; } /* Green */
.p-comment-branch[data-nesting="2"] { --accent-color: rgba(33, 150, 243, 0.15); --control-color: #2196F3; } /* Blue */
.p-comment-branch[data-nesting="3"] { --accent-color: rgba(156, 39, 176, 0.15); --control-color: #9C27B0; } /* Purple */
.p-comment-branch[data-nesting="4"] { --accent-color: rgba(255, 152, 0, 0.15); --control-color: #FF9800; } /* Orange */
.p-comment-branch[data-nesting="5"] { --accent-color: rgba(244, 67, 54, 0.15); --control-color: #F44336; } /* Red */
.p-comment-branch[data-nesting="6"] { --accent-color: rgba(96, 125, 139, 0.15); --control-color: #607D8B; } /* Blue Grey */
.p-comment-branch[data-nesting="7"] { --accent-color: rgba(121, 85, 72, 0.15); --control-color: #795548; } /* Brown */

/* --- Крутая подсветка: Родительский комментарий при наведении на него --- */
.p-comment-main:hover {
    background-color: var(--accent-color);
    border-color: var(--control-color);
}

/* --- Стили для кнопки Свернуть/Развернуть --- */

.p-branch-line-control {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

/* Стили иконки Свернуть/Развернуть */
.p-comment-branch.has-children .p-branch-line-control:not(.p-branch-no-icon)::after {
    content: "−";
    position: absolute;
    left: 4px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: var(--control-color, #4CAF50);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.5s ease;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); /* Более заметная тень на темном фоне */
}

/* Эффект при наведении на сам контрол (иконку) */
.p-branch-line-control:hover::after {
    box-shadow: 0 0 12px var(--control-color);
    transform: scale(1.1);
}

/* Стили при коллапсе */
.p-comment-branch.collapsed.has-children .p-branch-line-control::after {
    content: "+";
}

/* Скрытие/показ вложенных комментариев */
.p-comment-children {
    position: relative;
    max-height: 9999px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease;
}

.p-comment-branch.collapsed .p-comment-children {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

/* Скрытый плейсхолдер */
.p-branch-collapsed-placeholder {
    display: none;
    padding: 8px 12px 8px 30px;
    background: var(--accent-color);
    border-radius: 6px;
    margin: 4px 0;
    cursor: pointer;
    font-size: 0.9em;
    color: var(--control-color);
    transition: all 0.2s ease;
    font-weight: bold;
    border: 1px solid transparent;
}

.p-branch-collapsed-placeholder:hover {
    background: color-mix(in srgb, var(--accent-color) 90%, black 10%);
    border-color: var(--control-color);
}

.p-comment-branch.collapsed .p-branch-collapsed-placeholder {
    display: block;
}

/* Стили для текста плейсхолдера */
.p-expand-button {
    color: var(--control-color, #4CAF50);
    font-weight: bold;
    margin-right: 6px;
}
.p-username-placeholder {
    color: #b0b0b0; /* Светло-серый вместо темного */
}
.p-comments-count {
    color: #888; /* Серый для второстепенного текста */
    font-size: 0.9em;
    margin-left: 6px;
}
.p-expand-text {
    color: #888; /* Серый для второстепенного текста */
}

/* Корневой комментарий без отступа */
.p-comment-branch[data-is-root="1"] > .p-comment-main {
    padding-left: 8px !important;
}

/* Дополнительные улучшения для темной темы */
.p-comment-main * {
    color: inherit; /* Наследование цвета текста */
}

/* Улучшение контрастности для лучшей читаемости */
.p-comment-main a {
    color: #64b5f6; /* Светло-голубой для ссылок */
}

.p-comment-main a:hover {
    color: #90caf9; /* Более светлый голубой при наведении */
}
/*вложенные темный стиль*/

.catalog-persons ul li, ul.licla li {
    width: 148px !important;
    padding: 4px 1px !important;
}
#showrealese ul.lishow li{
    /*width: 146px !important;*/
}

.meter_poll_result, #poll_result {
    background: linear-gradient(90deg, #0f0f1100, #7b1b1b) !important;
    border-radius: 19px !important;
}



/* санта */
.sleep_santa {
    /*display: none;*/
}

@media (min-width: 720px) {
    /* стили, которые применяются от 1080 и выше */

    /* санта */
    .sleep_santa {
        display: block;
        position: absolute;
        top: 117px;
        /*scale: 0.4;*/
        transform: scale(0.4);
        right: 4%;
        z-index: 100;
    }

    .circular-bg {
        width: 139px;
        height: 0px;
        position: absolute;
        z-index: 5;
        margin: 9px auto;
        right: 8%;
        top: 69%;
    }

    .santa2 {
        position: absolute;
        left: 35%;
        bottom: 25%;
    }
}

.santa2 .furr,.santa2 .hat-space{border-radius:50%}.santa2 .hat,.santa2 .hat-space{position:absolute}.santa2 .hat-space{width:75px;height:100px;box-shadow:30px 0 0 0 #fff inset;background-color:transparent;left:45px;bottom:-18px;transform:rotate(35deg)}.santa2 .hat{width:100px;height:65px;background-color:#da4642;border-radius:100% 20% 20%;left:-60px;bottom:20px;transform:rotate(-15deg)}.santa2 .furr{width:35px;height:35px;background-color:#fff;position:absolute;bottom:-10px;right:40px}.santa2 .eyebrows,.santa2 .face,.santa2 .nose{background-color:transparent;position:absolute;border-radius:50%}.santa2 .eyebrows--left,.santa2 .face{bottom:10px}.santa2 .face{width:60px;height:90px;box-shadow:30px 0 0 0 #f5cfc1 inset;left:10px;transform:rotate(20deg)}.santa2 .eyebrows--left,.santa2 .eyebrows--right{left:10px;box-shadow:5px 0 0 0 #fff inset,8px 0 0 -4px #000}.santa2 .eyebrows{width:10px;height:23px;transform:rotate(-15deg);animation:1.5s ease-in-out infinite eye-scale}@keyframes eye-scale{0%{transform:scale(1)}100%{transform:scale(1.1)}}.santa2 .eyebrows--right{bottom:50px;transform:rotate(10deg)}.santa2 .nose{width:1px;height:1px;box-shadow:5px -8px 0 2.5px #f5cfc1,10px -12px 0 12px #edb39e;left:23px;bottom:27px;z-index:1}.santa2 .beard{width:65px;height:65px;border-radius:50%;background-color:#fff;position:absolute;top:-4px;left:29px;transform:rotate(25deg);box-shadow:15px 40px 0 -5px #fff,35px 40px 0 -3px #fff,20px -15px 0 0 #fff}.santa2 .beard--left,.santa2 .beard--right{width:30px;background-color:#fff;position:absolute}.santa2 .beard--left{height:15px;border-radius:0 0 50% 50%;right:15px;bottom:-52px;transform:rotate(-30deg)}.santa2 .beard--right{height:15px;border-radius:50% 50% 0 0;right:55px;bottom:40px;transform:rotate(-10deg)}.santa2 .mouth{width:12px;height:12px;border-radius:50%;background-color:#f2aba1;position:absolute;right:-5px;bottom:30px;animation:1.5s ease-in-out infinite mouth-scale}@keyframes mouth-scale{0%{transform:scale(1)}100%{transform:scale(1.4)}}@keyframes arm-anim{0%{transform:rotate(-25deg)}30%,70%{width:30px;height:65px;transform:rotate(-85deg) translate(10px,10px);border-radius:0 80% 80% 0;border:none;box-shadow:-2px 10px 0 -3px #fff,-20px 8px 0 0 #b03331 inset,-20px -10px 0 0 #b03331 inset,-20px 15px 0 0 #b03331 inset}100%{width:26px;height:65px;border-radius:20px 20px 0 0;background-color:transparent;transform:rotate(-25deg);box-shadow:0 8px 0 0 #fff,-26px 8px 0 0 #b03331 inset}}.santa2 .hand--up{position:absolute;left:95px;bottom:85px}.santa2 .arm--right{width:26px;height:65px;border-radius:20px 20px 0 0;background-color:transparent;position:absolute;transform:rotate(-25deg);box-shadow:0 8px 0 0 #fff,-26px 8px 0 0 #b03331 inset;animation:6s linear 20ms infinite arm-anim;transform-origin:0 15px}.santa2 .hand--left,.santa2 .hand--right,.santa2 .hand--right:before{background-color:#4c4c4c;position:absolute}.santa2 .hand--right{width:18px;height:25px;border-radius:0 0 50px 20px;transform:rotate(-20deg);transform-origin:0 0;animation:6s linear 20ms infinite hand-anim}@keyframes hand-anim{0%,100%{transform:scale(1) translate(30px,64px) rotate(-25deg)}15%,85%{transform:scale(1) translate(55px,45px) rotate(-55deg)}30%,70%{transform:scale(1) translate(65px,8px) rotate(-85deg)}40%,60%{transform:scaleX(.8) translate(80px,8px) rotate(-85deg)}50%{transform:scaleX(1) translate(65px,8px) rotate(-85deg)}}.santa2 .hand--right:before{content:'';width:10px;height:15px;border-radius:5px 0 50% 50%;left:-5px;bottom:10px;transform:rotate(30deg)}.santa2 .tree-top1:after,.santa2 .tree-top2:after,.santa2 .tree-top3:after,.santa2 .tree-top4:after{color:transparent;text-decoration-color:#77858B;text-decoration-style:wavy;text-decoration-line:underline;transform:rotate(45deg)}.santa2 .hand--left{width:28px;height:18px;border-radius:25px 0 0 70px;left:-10px;bottom:-5px;z-index:-1}.santa2 .stomach{width:110px;height:115px;border-radius:50%;background-color:#da4642;position:absolute;left:80px;bottom:-25px;z-index:-1;box-shadow:-10px -4px 0 0 #da4642 inset,-20px -4px 0 0 #000 inset,-10px -4px 0 0 #fff inset}.santa2 .belt-buckle{width:10px;height:15px;border-radius:4px;border:4px solid #fd9223;background-color:transparent;position:absolute;left:73px;bottom:15px;transform:rotate(30deg)}.santa2 .leg--down:after,.santa2 .leg--up:after{content:'';width:22px;height:30px;border-radius:4px 10px 50% 50%;background-color:#4c4c4c;box-shadow:-10px 0 0 0 #fff}.santa2 .leg--down,.santa2 .leg--up{height:25px;border-radius:4px;background-color:#b9322e;position:absolute}.santa2 .leg--up{width:25px;left:183px;bottom:18px;z-index:-3}.santa2 .leg--up:after{position:absolute;left:30px;bottom:-3px}.santa2 .leg--down{width:38px;left:170px;bottom:-8px;z-index:-2}.santa2 .leg--down:after,.santa2 .tree-top1{left:35px;bottom:-5px;position:absolute}


/* снежинка на кнопке для зимы */
.footer-shape {
    animation: run_animation 20s linear infinite;
    top: 25px;
    position: absolute;
    content: "";
    left: 0;
    z-index: 1000;
    overflow: visible; /* Меняем на visible чтобы не обрезало */
    width: max-content;
    transform-origin: left center;
}

.footer-shape img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    animation: run_img_animation 20s linear infinite;
}

.footer-shape img:active {
    display: none;
}

@keyframes run_img_animation {
    0% {
        max-width: 5%;
        transform: scale(1);
    }
    5% {
        max-width: 35%;
        transform: scale(1);
    }
    25% {
        max-width: 60%;
        transform: scale(1);
    }
    35% {
        max-width: 80%;
        transform: scale(1.1);
    }
    65% {
        max-width: 90%;
        transform: scale(1.1);
    }
    75% {
        max-width: 90%;
        transform: scale(1);
    }
    80% {
        max-width: 60%;
        transform: scale(1);
    }
    90% {
        max-width: 20%;
        transform: scale(1);
    }
    100% {
        max-width: 5%;
        transform: scale(1);
    }
}

@keyframes run_animation {
    0% {
        left: -10%;
        opacity: 0;
    }
    15% {
        opacity: 0.5;
    }
    30% {
        opacity: 1;
    }
    75% {
        opacity: 1;
        left: 65%; /* Уменьшаем чтобы было место для увеличенного размера */
    }
    80% {
        left: 75%;
        opacity: 0.5;
    }
    90% {
        left: 85%;
        opacity: 0.4;
    }
    95% {
        right: -20%;
        opacity: 0;
        left: auto;
    }
    100% {
        left: -10%;
        opacity: 0;
    }
}

/* Контейнер для случайных звезд */
.random-stars {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    pointer-events: none;
    z-index: 1001;
}

/* Общий стиль для звезд */
.star {
    position: absolute;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    animation: star_twinkle 20s ease-in-out infinite;
}

/* Анимация мерцания звезд */
@keyframes star_twinkle {
    0%, 23% {
        opacity: 0;
        transform: scale(0.3);
    }
    25% {
        opacity: 0.8;
        transform: scale(1);
    }
    27% {
        opacity: 0.4;
        transform: scale(0.7);
    }
    29% {
        opacity: 0.9;
        transform: scale(1.1);
    }
    31% {
        opacity: 0.5;
        transform: scale(0.8);
    }
    33% {
        opacity: 0.7;
        transform: scale(1);
    }
    35% {
        opacity: 0.3;
        transform: scale(0.6);
    }
    37% {
        opacity: 0.6;
        transform: scale(0.9);
    }
    39% {
        opacity: 0.4;
        transform: scale(0.7);
    }
    41% {
        opacity: 0.2;
        transform: scale(0.5);
    }
    43% {
        opacity: 0.1;
        transform: scale(0.3);
    }
    45%, 100% {
        opacity: 0;
        transform: scale(0.1);
    }
}

/* Создаем 15 случайных звезд с разными задержками */
.star:nth-child(1) {
    width: 7px; height: 7px;
    top: 45px; left: 45%;
    animation-delay: 3s;
    filter: blur(0.5px);
}

.star:nth-child(2) {
    width: 5px; height: 5px;
    top: 60px; left: 48%;
    animation-delay: 3.2s;
    filter: blur(0.3px);
}

.star:nth-child(3) {
    width: 6px; height: 6px;
    top: 35px; left: 52%;
    animation-delay: 3.4s;
    filter: blur(0.2px);
}

.star:nth-child(4) {
    width: 9px; height: 9px;
    top: 70px; left: 55%;
    animation-delay: 3.6s;
    filter: blur(0.7px);
}

.star:nth-child(5) {
    width: 13px;
    height: 13px;
    top: 25px;
    left: 39%;
    animation-delay: 3.8s;
    filter: blur(0.4px);
}

.star:nth-child(6) {
    width: 14px; height: 14px;
    top: 80px; left: 46%;
    animation-delay: 4s;
    filter: blur(0.6px);
}

.star:nth-child(7) {
    width: 12px; height: 12px;
    top: 50px; left: 50%;
    animation-delay: 4.2s;
    filter: blur(0.3px);
}

.star:nth-child(8) {
    width: 10px; height: 10px;
    top: 65px; left: 53%;
    animation-delay: 4.4s;
    filter: blur(0.5px);
}

.star:nth-child(9) {
    width: 14px; height: 14px;
    top: 40px; left: 57%;
    animation-delay: 4.6s;
    filter: blur(0.4px);
}

.star:nth-child(10) {
    width: 12px; height: 12px;
    top: 75px; left: 59%;
    animation-delay: 4.8s;
    filter: blur(0.2px);
}

.star:nth-child(11) {
    width: 15px; height: 15px;
    top: 30px; left: 47%;
    animation-delay: 5s;
    filter: blur(0.8px);
}

.star:nth-child(12) {
    width: 13px; height: 13px;
    top: 55px; left: 51%;
    animation-delay: 5.2s;
    filter: blur(0.5px);
}

.star:nth-child(13) {
    width: 14px; height: 14px;
    top: 85px; left: 54%;
    animation-delay: 5.4s;
    filter: blur(0.6px);
}

.star:nth-child(14) {
    width: 12px; height: 12px;
    top: 45px; left: 56%;
    animation-delay: 5.6s;
    filter: blur(0.3px);
}

.star:nth-child(15) {
    width: 13px; height: 13px;
    top: 65px; left: 60%;
    animation-delay: 5.8s;
    filter: blur(0.4px);
}

/*уведомления*/
/* Основной контейнер кнопок управления */
.events-control_div {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-wrap: wrap;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.events-control_div:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
}

/* Общие стили для кнопок */
.events-control_div > div:not(#events-conf_btn) {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: linear-gradient(135deg, #2a2a2a 0%, #1e1e1e 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.events-control_div > div:not(#events-conf_btn)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 123, 37, 0.25) 0%, rgba(255, 123, 37, 0) 70%);
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
    z-index: 0;
}

.events-control_div > div:not(#events-conf_btn):hover::before {
    width: 100px;
    height: 100px;
}

.events-control_div > div:not(#events-conf_btn):hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 123, 37, 0.4);
    background: linear-gradient(135deg, #333333 0%, #2a2a2a 100%);
}

.events-control_div > div:not(#events-conf_btn):active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Иконки внутри кнопок */
.events-control_div .icon {
    position: relative;
    z-index: 1;
    font-size: 20px;
    color: #b0b0b0;
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

.events-control_div > div:not(#events-conf_btn):hover .icon {
    color: #ff7b25;
    transform: scale(1.1);
    filter: drop-shadow(0 3px 6px rgba(255, 123, 37, 0.6));
}

/* Специфичные стили для каждой кнопки */

/* Кнопка "Закрыть все уведомления" */
#events-notif_close {
    background: linear-gradient(135deg, #3d1f1f 0%, #2d1818 100%);
    border-color: rgba(239, 68, 68, 0.2);
}

#events-notif_close:hover {
    background: linear-gradient(135deg, #4d2424 0%, #3d1f1f 100%);
    border-color: rgba(239, 68, 68, 0.4);
}

#events-notif_close .icon {
    color: #ef4444;
}

#events-notif_close:hover .icon {
    color: #f87171;
    filter: drop-shadow(0 3px 8px rgba(239, 68, 68, 0.7));
}

#events-notif_close::before {
    background: radial-gradient(circle, rgba(239, 68, 68, 0.3) 0%, rgba(239, 68, 68, 0) 70%);
}

/* Кнопка "Отключить звук" */
#events_mute {
    background: linear-gradient(135deg, #1f3d2a 0%, #182d1f 100%);
    border-color: rgba(34, 197, 94, 0.2);
}

#events_mute:hover {
    background: linear-gradient(135deg, #244d33 0%, #1f3d2a 100%);
    border-color: rgba(34, 197, 94, 0.4);
}

#events_mute .icon {
    color: #22c55e;
}

#events_mute:hover .icon {
    color: #4ade80;
    filter: drop-shadow(0 3px 8px rgba(34, 197, 94, 0.7));
}

#events_mute::before {
    background: radial-gradient(circle, rgba(34, 197, 94, 0.3) 0%, rgba(34, 197, 94, 0) 70%);
}

/* Кнопка "Настройки" */
#events-conf_btn {
    position: relative;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3d2f1a 0%, #2d2313 100%);
    border: 1px solid rgba(255, 123, 37, 0.3);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 123, 37, 0.15);
}

#events-conf_btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 123, 37, 0.3) 0%, rgba(255, 123, 37, 0) 70%);
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
    z-index: 0;
}

#events-conf_btn:hover::before {
    width: 100px;
    height: 100px;
}

#events-conf_btn:hover:not(.expanded) {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 123, 37, 0.2);
    border-color: rgba(255, 123, 37, 0.5);
    background: linear-gradient(135deg, #4d3820 0%, #3d2f1a 100%);
}

#events-conf_btn .icon,
#events-conf_btn .events-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 1;
    z-index: 1;
    color: #ff7b25;
    font-size: 20px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

#events-conf_btn:hover:not(.expanded) .icon,
#events-conf_btn:hover:not(.expanded) .events-btn {
    color: #ff944d;
    transform: translate(-50%, -50%) scale(1.1) rotate(90deg);
    filter: drop-shadow(0 3px 6px rgba(255, 123, 37, 0.7));
}

/* Развернутое состояние кнопки настроек */
#events-conf_btn.expanded {
    width: 460px;
    min-width: 460px;
    background: linear-gradient(135deg, #2a2a2a 0%, #1e1e1e 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    padding: 0 16px;
}

#events-conf_btn.expanded .icon,
#events-conf_btn.expanded .events-btn {
    opacity: 0 !important;
    pointer-events: none;
}

/* Контейнер формы */
.events-frcontain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 90%;
    box-sizing: border-box;
}

#events-conf_btn.expanded .events-frcontain {
    opacity: 1;
    pointer-events: auto;
}

/* Поля ввода и select */
.events-frcontain select, .events-frcontain input {
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    height: 38px;
    flex: 1;
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 14px;
    color: #e0e0e0;
    background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

.events-frcontain select:focus, .events-frcontain input:focus {
    outline: none;
    border-color: #ff7b25;
    box-shadow: 0 0 0 3px rgba(255, 123, 37, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
    background: linear-gradient(135deg, #2a2a2a 0%, #333333 100%);
}

.events-frcontain select:hover, .events-frcontain input:hover {
    border-color: rgba(255, 255, 255, 0.25);
    background-color: #252525 !important;
}

.events-frcontain select {
    text-align: center;
    text-align-last: center;
    cursor: pointer;
}

/* Кнопки отправки */
.events-frcontain button, .event-replyform button {
    background: linear-gradient(135deg, #ff7b25 0%, #ff944d 100%);
    color: #ffffff;
    padding: 0 16px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 36px;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(255, 123, 37, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    font-size: 14px;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.events-frcontain button::before, .event-replyform button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.events-frcontain button:hover::before, .event-replyform button:hover::before {
    width: 300px;
    height: 300px;
}

.events-frcontain button:hover, .event-replyform button:hover {
    background: linear-gradient(135deg, #ff944d 0%, #ffb366 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 123, 37, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

.events-frcontain button:active, .event-replyform button:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(255, 123, 37, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Форма ответа */
.event-replyform {
    padding-top: 12px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.event-replyform input {
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
    color: #e0e0e0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

.event-replyform input:focus {
    outline: none;
    border-color: #ff7b25;
    box-shadow: 0 0 0 3px rgba(255, 123, 37, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
    background: linear-gradient(135deg, #2a2a2a 0%, #333333 100%);
}

.event-replyform input::placeholder {
    color: #666666;
}

/* Кнопка ответа */
.event-replybtn {
    opacity: 0;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    background: linear-gradient(135deg, #2a2a2a 0%, #1e1e1e 100%);
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 16px;
    color: #718096;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.event-replybtn:hover {
    color: #ff7b25;
    background: linear-gradient(135deg, #3d2f1a 0%, #2d2313 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 123, 37, 0.1);
    border-color: rgba(255, 123, 37, 0.3);
}

.event-replybtn::after {
    content: "↩";
}

.parent_popup .events-pop:hover .event-replybtn {
    opacity: 1;
}

/* Активное состояние для ответа */
.event-replyact .event-close-container {
    top: 30%;
}

/* Пульсирующая анимация для новых уведомлений */
#events-floats:has(.event_new) #events_mute .icon {
    -webkit-animation: shake 1.0s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 1.0s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* Анимация при обработке */
.in_prgrs .icon {
    animation: pulse_anim 1s ease infinite;
}

@keyframes pulse_anim {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.15);
        opacity: 0.7;
    }
}

@keyframes shake {
    0%, 100% { transform: translateX(0) rotate(0deg); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-3px) rotate(-2deg); }
    20%, 40%, 60%, 80% { transform: translateX(3px) rotate(2deg); }
}

/* Дополнительные эффекты свечения для темной темы */
.events-control_div > div:not(#events-conf_btn):hover {
    box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.6),
            inset 0 1px 1px rgba(255, 255, 255, 0.1),
            0 0 20px rgba(255, 123, 37, 0.15);
}

#events-notif_close:hover {
    box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.6),
            inset 0 1px 1px rgba(239, 68, 68, 0.1),
            0 0 20px rgba(239, 68, 68, 0.25);
}

#events_mute:hover {
    box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.6),
            inset 0 1px 1px rgba(34, 197, 94, 0.1),
            0 0 20px rgba(34, 197, 94, 0.25);
}

#events-conf_btn:hover:not(.expanded) {
    box-shadow:
            0 8px 20px rgba(0, 0, 0, 0.6),
            inset 0 1px 1px rgba(255, 123, 37, 0.2),
            0 0 20px rgba(255, 123, 37, 0.25);
}

/* Адаптивность для планшетов */
@media (max-width: 768px) {
    .events-control_div {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
    }

    .events-control_div > div:not(#events-conf_btn) {
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }

    #events-conf_btn {
        height: 42px;
        min-width: 42px;
        border-radius: 11px;
    }

    #events-conf_btn.expanded {
        width: 360px;
        min-width: 360px;
        padding: 0 12px;
    }

    .events-frcontain {
        flex-wrap: wrap;
        gap: 8px;
        width: 95%;
    }

    .events-frcontain select,
    .events-frcontain input,
    .events-frcontain button {
        flex: 1 1 100%;
        max-width: 300px;
        height: 36px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
    .events-control_div {
        gap: 8px;
        padding: 8px;
        border-radius: 14px;
    }

    .events-control_div > div:not(#events-conf_btn) {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    #events-conf_btn {
        height: 40px;
        min-width: 40px;
        border-radius: 10px;
    }

    #events-conf_btn.expanded {
        width: 100%;
        min-width: 280px;
        padding: 0 10px;
    }

    .events-frcontain {
        gap: 6px;
        width: 98%;
    }

    .events-frcontain select,
    .events-frcontain input {
        font-size: 13px;
        height: 34px;
    }

    .events-frcontain button,
    .event-replyform button {
        font-size: 13px;
        height: 34px;
        padding: 0 12px;
    }

    .events-control_div .icon {
        font-size: 18px;
    }
}

/* Улучшенные эффекты для уменьшения движения (accessibility) */
@media (prefers-reduced-motion: reduce) {
    .events-control_div > div:not(#events-conf_btn)::before,
    #events-conf_btn::before,
    .events-frcontain button::before,
    .event-replyform button::before {
        transition: none;
    }

    .events-control_div > div:not(#events-conf_btn):hover,
    #events-conf_btn:hover:not(.expanded),
    .events-frcontain button:hover,
    .event-replyform button:hover {
        transform: none;
    }

    .in_prgrs .icon {
        animation: none;
    }

    #events-floats:has(.event_new) #events_mute .icon {
        animation: none;
    }
}
/*уведомления*/