/** Кнопка добавить код **/
.PlusCod {
        margin: 2px;
        padding: 2px 12px 2px 12px;
	font-family: Arial;
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height: 0;
	font-weight: 100;
	text-decoration: none;
	background-color: rgb(0 194 254 / 39%);
	width: auto;
	height: 25px;
	border-radius: 55px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	transition-duration: 0.50s;
        cursor: pointer;
}

.PlusCod:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(195, 0, 254);
}

/** Кнопка добавить код >> svg**/
.PlusCod svg {
    width: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}



/** Кнопка a1 **/
.a1 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    background-image: linear-gradient(90deg, rgb(16, 176, 194), rgb(195, 0, 254));
    padding: 4px 12px 4px 12px;
    margin: 2px;
    border-radius: 22px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    grid-column-gap: 6px;
    column-gap: 10px;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer;
}

/** Кнопка a1 (:hover) **/
.a1:hover {
    color: rgb(255, 255, 255);
    background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(0, 145, 255));
}

/** Кнопка a1 (:active) **/
.a1_active {
    color: rgb(255, 255, 255);
    background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(9, 22, 33));
}

/** Кнопка a1 >> TXT **/
.a1 div {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    text-shadow: 0 0 6px rgba(202, 252, 0, 0.99);
}

/** Кнопка a1 >> svg**/
.a1 div svg {
    width: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}







/** Размер блока **/
  .Karkas100 {
     width: 100%;
  }

  .Karkas75 {
     width: 75%;
  }

  .Karkas67 {
     width: 66.67%;
  }
  
  .Karkas50 {
     width: 50%;
  }

  .Karkas33 {
     width: 33.33%;
  }
  
  .Karkas25 {
     width: 25%;
  }



/** Стиль блока **/
.KarkasStil_1 {
    background-color: rgba(117, 74, 217, 0.06);
    width: 100%;
    padding: 12px;
    margin: 16px 6px 16px 6px;
    border: 1px solid rgba(119, 41, 111, 0.16);
    border-radius: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



/* Мобильная версия ( < 768 )*/
@media (max-width: 767.98px) {
    /** Каркас сайта **/
    .Karkas {
        margin-right: 10px;
        margin-left: 10px;
    }

  h1 {
    font-size: 30px;
    font-weight: bold;
  }

  h2 {
    font-size: 26px;
    font-weight: bold;
  }

  h3 {
    font-size: 22px;
    font-weight: bold;
  }

  h4 {
    font-size: 18px;
    font-weight: bold;
  }

  h5 {
    font-size: 16px;
    font-weight: bold;
  }

  h6 {
    font-size: 14px;
    font-weight: bold;
  }


/** Авторизация **/
.Karkas_2 {
    width: 85%;
}


/** Размер блока **/
  .Karkas768_100 {
     width: 100%;
  }

  .Karkas768_75 {
     width: 75%;
  }

  .Karkas768_67 {
     width: 66.67%;
  }

  .Karkas768_50 {
     width: 50%;
  }
  
  .Karkas768_33 {
     width: 33.33%;
  }
  
  .Karkas768_25 {
     width: 25%;
  }


/** Стиль блока **/
  .KarkasStil_1 {
    margin: 6px 6px 6px 6px;
  }

/** Обводка с заголовком **/
fieldset {
margin: 6px 6px 6px 6px;
}
}

/* ============================================
   Стили страницы авторизации / пользователей
   ============================================ */

/** Контейнер шапки 1200px **/
.header1200 {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

/** Отступ 20px сверху и снизу **/
.ot20-20 {
padding-top: 20px;
padding-bottom: 20px;
}

/** Внешний блок авторизации **/
.Users_1 {
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 60vh;
padding: 40px 15px;
}

/** Карточка авторизации **/
.Users_2 {
width: 100%;
max-width: 420px;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 30px 25px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/** Заголовок вкладки **/
.Users_txt_1 {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
text-align: center;
}

.Users_txt_1 a {
color: #0073e6;
text-decoration: none;
}

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

/** Центрированный блок **/
.Users_3 {
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}

/** Иконка **/
.Users_img_1 {
width: 48px;
height: 48px;
}

/** Сообщение об ошибке / информации **/
.Users_txt_2 {
font-size: 15px;
color: #d32f2f;
text-align: center;
margin: 10px 0;
font-weight: 500;
}

/** Кнопка отправки **/
.input_buton_1 {
display: inline-block;
padding: 10px 30px;
font-size: 16px;
font-weight: 500;
color: #fff;
background: linear-gradient(90deg, #10b0c2, #6c2bd9);
border: none;
border-radius: 22px;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: background 0.3s ease;
}

.input_buton_1:hover {
background: linear-gradient(90deg, #0091ff, #000000);
color: #fff;
}

/** Обёртка поля формы **/
.padding_20 {
display: flex;
flex-direction: column;
padding: 10px 0;
}

/** Подпись поля **/
.label_1 {
font-size: 14px;
font-weight: 500;
color: #444;
margin-bottom: 6px;
}

/** Поле ввода **/
.input_1 {
width: 100%;
padding: 10px 14px;
font-size: 15px;
border: 1px solid #ccc;
border-radius: 8px;
outline: none;
transition: border-color 0.2s ease;
box-sizing: border-box;
}

.input_1:focus {
border-color: #0073e6;
box-shadow: 0 0 0 2px rgba(0, 115, 230, 0.15);
}

/** Ссылка "Забыли пароль" **/
.Users_3 a {
font-size: 14px;
color: #0073e6;
text-decoration: none;
}

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

/* Мобильная адаптация */
@media (max-width: 767.98px) {
.Users_1 {
padding: 20px 10px;
}
.Users_2 {
padding: 20px 15px;
}
}

/* ============================================
Стили макета: шапка, подвал, поиск, мобильное меню
(восстановление стилей отсутствующего active-styles.css)
============================================ */

/** Верхняя навигационная панель (десктоп) **/
.header1 {
background-color: rgb(34, 36, 42);
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 15px;
box-sizing: border-box;
}
.header2 {
display: flex;
align-items: center;
}
.header3 {
display: flex;
align-items: center;
margin-left: auto;
}
.header3 .notif-bell-btn {
color: #e8eaed;
}
.header3 .notif-bell-btn:hover {
color: #ffffff;
}

/** Навигация nav1 **/
.nav1 ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.nav1 a {
display: flex;
align-items: center;
gap: 6px;
padding: 14px 12px;
color: #ffffff;
font-size: 15px;
text-decoration: none;
transition: color 0.2s ease;
}
.nav1 a:hover {
color: #00b7ff;
}
.nav1 a svg:not([fill="none"]) path {
fill: #ffffff;
transition: fill 0.2s ease;
}
.nav1 a:hover svg:not([fill="none"]) path {
fill: #00b7ff;
}

/** Строка логотипа и поиска **/
.header4 {
width: 100%;
background-color: #ffffff;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
padding: 12px 15px;
box-sizing: border-box;
}
.header5 {
display: flex;
align-items: center;
}
.headerlogo {
width: 180px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.headerlogo a {
display: block;
width: 100%;
height: 100%;
}
.header6 {
flex: 1 1 300px;
min-width: 220px;
position: relative;
display: flex;
align-items: center;
}
.search1 {
width: 100%;
max-width: 600px;
display: flex;
align-items: center;
background-color: #f7f7f7;
border: 1px solid #d0d0d0;
border-radius: 24px;
overflow: hidden;
}
.search2 {
flex: 1;
}
.search2 input {
width: 100%;
padding: 10px 16px;
font-size: 15px;
border: none;
background: transparent;
outline: none;
box-sizing: border-box;
}
.search3 {
display: flex;
align-items: center;
padding: 0 12px;
cursor: pointer;
}
.search3 svg {
width: 20px;
height: 20px;
}
#poisk_1 {
position: absolute;
top: calc(100% + 6px);
left: 0;
width: 100%;
max-width: 600px;
z-index: 950;
}
#vne_klik:not(:empty) {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 10px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
padding: 10px;
}
.header7 {
display: flex;
align-items: center;
margin-left: auto;
}

/** Кнопки nav2 (градиент) **/
.nav2 ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.nav2 a {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
color: #ffffff;
font-size: 15px;
text-decoration: none;
white-space: nowrap;
border-radius: 22px;
background-image: linear-gradient(90deg, rgb(16, 176, 194), rgb(195, 0, 254));
transition-duration: 0.5s;
}
.nav2 a:hover {
color: #ffffff;
background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(0, 145, 255));
}

/** Мобильная шапка **/
.Mobiheader1 {
display: none;
background-color: rgb(34, 36, 42);
width: 100%;
padding: 8px 12px;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.Mobiheader2 {
display: flex;
align-items: center;
}
.Mobiheaderlogo {
width: 140px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
.Mobiheaderlogo a {
display: block;
width: 100%;
height: 100%;
}
.Mobiheader3 {
display: flex;
align-items: center;
gap: 10px;
}

/** Содержимое выездного мобильного меню **/
.menu-panel-2 {
display: flex;
justify-content: flex-end;
padding: 12px;
cursor: pointer;
}
.menu-panel-2 svg {
width: 22px;
height: 22px;
}
.menu-panel-2 svg polygon {
fill: #ffffff;
}
.nav5 ul,
.nav4 ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.nav5 a,
.nav4 a {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
color: #ffffff;
font-size: 15px;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
transition: color 0.2s ease;
}
.nav5 a:hover,
.nav4 a:hover {
color: #00b7ff;
}
.nav5 svg path,
.nav4 svg path {
fill: #ffffff;
transition: fill 0.2s ease;
}
.nav5 a:hover svg path,
.nav4 a:hover svg path {
fill: #00b7ff;
}
.menu-panel .nav2 {
padding: 12px 16px;
}

/** Подвал **/
footer {
width: 100%;
background-color: rgb(34, 36, 42);
}
.footer1200 {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.footer1 .headerlogo {
margin-right: 20px;
background-position: left center;
}
.footer1 > span {
color: #cfd2d6;
font-size: 14px;
line-height: 1.6;
max-width: 720px;
}
.footer2 {
display: flex;
flex-wrap: wrap;
gap: 30px;
padding: 20px 0;
}
.footer3,
.footer4 {
flex: 1 1 220px;
min-width: 200px;
}
.nav3 ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.nav3 a {
color: #cfd2d6;
font-size: 14px;
text-decoration: none;
transition: color 0.2s ease;
}
.nav3 a:hover {
color: #ffffff;
}
.footer5 {
display: flex;
justify-content: center;
padding: 16px 0;
}
.Copyright {
display: block;
text-align: center;
color: #8a8f98;
font-size: 13px;
line-height: 1.5;
padding: 16px 15px 24px;
}

/** Адаптивность макета **/
@media (max-width: 991.98px) {
.header7 {
margin-left: 0;
width: 100%;
}
.header7 .nav2 ul {
justify-content: center;
}
}
@media (max-width: 767.98px) {
.header1 {
display: none;
}
.Mobiheader1 {
display: flex;
}
.header4 {
padding: 10px;
}
.headerlogo {
width: 140px;
height: 40px;
}
.header6 {
flex: 1 1 100%;
}
}