/* =============================================
 AJAX-ОКНА uCoz — CRIMSON DESERT (MINIMAL)
 Только лёгкая подкраска под тему сайта.
============================================= */


/* ============================================================
 ЧАСТЬ 1: MAGNIFIC POPUP (.mfp-*)
 Окна: репутация, друзья, награды, аватары
============================================================ */

.mfp-bg {
 background: rgba(8, 6, 4, 0.75) !important;
 opacity: 1 !important;
 z-index: 9990 !important;
}

.mfp-wrap,
.mfp-container {
 z-index: 9991 !important;
}

.mfp-container {
 padding: 20px !important;
}

.mfp-content {
 max-width: 820px !important;
 width: 100% !important;
 margin: 0 auto !important;
 position: relative !important;
}

.white-popup,
.mfp-content > div[id$="_dialog"] {
 position: relative !important;
 background: #1f1812 !important;
 border: 1px solid rgba(174, 137, 84, 0.25) !important;
 border-radius: 4px !important;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
 padding: 0 !important;
 color: #d4c4a8 !important;
 font-family: 'Open Sans', sans-serif !important;
}

.popup-caption {
 padding: 14px 50px 14px 20px !important;
 background: rgba(174, 137, 84, 0.06) !important;
 border-bottom: 1px solid rgba(174, 137, 84, 0.15) !important;
 color: #e8dcc8 !important;
 font-family: 'Russo One', sans-serif !important;
 font-size: 14px !important;
 letter-spacing: 1.2px !important;
 text-transform: uppercase !important;
}

.popup-body {
 padding: 18px 20px !important;
 color: #d4c4a8 !important;
 font-size: 13px !important;
 line-height: 1.5 !important;
 max-height: 75vh !important;
 overflow-y: auto !important;
}

.popup-body::-webkit-scrollbar { width: 6px; }
.popup-body::-webkit-scrollbar-track { background: transparent; }
.popup-body::-webkit-scrollbar-thumb {
 background: rgba(174, 137, 84, 0.35);
 border-radius: 3px;
}

.popup-body a { color: #d4a868 !important; }
.popup-body a:hover { color: #ffa54f !important; }

.popup-body .u-rep-history-count b { color: #ffa54f !important; }


/* Кнопка закрыть × у Magnific */
.mfp-close {
 color: #ae8954 !important;
 opacity: 0.7 !important;
 font-size: 28px !important;
 font-family: Arial, sans-serif !important;
 font-weight: 300 !important;
 width: 36px !important;
 height: 36px !important;
 line-height: 36px !important;
 padding: 0 !important;
 right: 4px !important;
 top: 4px !important;
 text-align: center !important;
 background: transparent !important;
 border: none !important;
 transition: opacity 0.2s ease, color 0.2s ease !important;
}

.mfp-close:hover,
.mfp-close:focus {
 opacity: 1 !important;
 color: #ffa54f !important;
 background: transparent !important;
}

.mfp-preloader { color: #ae8954 !important; }

.mfp-content .mfp-error {
 background: #1f1812 !important;
 color: #ff6b6b !important;
 padding: 18px !important;
 text-align: center !important;
}


/* ============================================================
 ЧАСТЬ 2: uWnd (.xw-*)
 Окна: магазин, формы, системные сообщения
============================================================ */

.xw-tl, .xw-tr, .xw-tc,
.xw-ml, .xw-mr, .xw-mc,
.xw-bl, .xw-br, .xw-bc,
.xw-sps {
 background: none !important;
 background-image: none !important;
 border: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
 height: auto !important;
}

.xw-plain {
 background: #1f1812 !important;
 border: 1px solid rgba(174, 137, 84, 0.25) !important;
 border-radius: 4px !important;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
 font-family: 'Open Sans', sans-serif !important;
 color: #d4c4a8 !important;
}

.xw-hdr {
 padding: 12px 50px 12px 20px !important;
 background: rgba(174, 137, 84, 0.06) !important;
 border-bottom: 1px solid rgba(174, 137, 84, 0.15) !important;
 cursor: move !important;
 position: relative !important;
}

.xw-hdr-text {
 color: #e8dcc8 !important;
 font-family: 'Russo One', sans-serif !important;
 font-size: 13px !important;
 letter-spacing: 1.2px !important;
 text-transform: uppercase !important;
}

.xw-icon { display: none !important; }


/* Кнопка × у uWnd */
.xt {
 background: none !important;
 background-image: none !important;
 width: 28px !important;
 height: 28px !important;
 top: 8px !important;
 cursor: pointer !important;
 transition: opacity 0.2s ease !important;
 opacity: 0.7 !important;
}

.xt:hover { opacity: 1 !important; }

.xt-close,
.xt-close2 {
 right: 10px !important;
 background: transparent !important;
 border: none !important;
 position: absolute !important;
}

.xt-close::before,
.xt-close::after,
.xt-close2::before,
.xt-close2::after {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 width: 14px;
 height: 1px;
 background: #ae8954;
 transition: background 0.2s ease;
}
.xt-close::before,
.xt-close2::before { transform: translate(-50%, -50%) rotate(45deg); }
.xt-close::after,
.xt-close2::after { transform: translate(-50%, -50%) rotate(-45deg); }

.xt-close:hover::before,
.xt-close:hover::after,
.xt-close2:hover::before,
.xt-close2:hover::after { background: #ffa54f !important; }

.xt-mini, .xt-maxi, .xt-rest { display: none !important; }


.xw-body {
 padding: 16px 20px !important;
 background: transparent !important;
 color: #d4c4a8 !important;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 13px !important;
 line-height: 1.5 !important;
}

.myWinCont {
 color: #d4c4a8 !important;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 13px !important;
}

#shop_wnd_warning {
 color: #ff6b6b !important;
 padding: 8px 12px !important;
 background: rgba(255, 68, 68, 0.08) !important;
 margin-bottom: 10px !important;
}
#shop_wnd_warning:empty { display: none !important; }

.xw-body a,
.myWinCont a { color: #d4a868 !important; }
.xw-body a:hover,
.myWinCont a:hover { color: #ffa54f !important; }

.xw-mask {
 background: rgba(8, 6, 4, 0.75) !important;
 opacity: 1 !important;
}


/* ============================================================
 ЧАСТЬ 3: НАГРАДЫ — ЕДИНЫЙ БЛОК
 Цепляемся ТОЛЬКО за td с onclick="...54-1-N..."
 (это и в .popup-body, и в .myWinCont — селектор универсальный)
============================================================ */

/* Таблица наград — на всю ширину окна */
.popup-body table:has(td[onclick*="/index/54-1-"]),
.myWinCont table:has(td[onclick*="/index/54-1-"]) {
 width: 100% !important;
 border-spacing: 3px !important;
 border-collapse: separate !important;
 table-layout: fixed !important;
}

/* Ячейка награды */
td[onclick*="/index/54-1-"] {
 padding: 4px 2px !important;
 vertical-align: middle !important;
 text-align: center !important;
 background: transparent !important;
 cursor: pointer !important;
}

/* Иконка награды — строго 32×32 */
td[onclick*="/index/54-1-"] img {
 width: 32px !important;
 height: 32px !important;
 max-width: 32px !important;
 max-height: 32px !important;
 min-width: 32px !important;
 min-height: 32px !important;
 object-fit: contain !important;
 display: block !important;
 margin: 0 auto !important;
 padding: 0 !important;
 border: 0 !important;
 vertical-align: middle !important;
 box-sizing: border-box !important;
}

/* Счётчик под иконкой */
td[onclick*="/index/54-1-"] div,
td[onclick*="/index/54-1-"] b {
 padding-top: 2px !important;
 font-size: 11px !important;
 line-height: 1.2 !important;
 text-align: center !important;
}


/* ============================================================
 ЧАСТЬ 4: ОТКЛЮЧЕНИЕ HOVER В ПОПАПАХ
 Никаких подсветок при наведении на награды
============================================================ */

.popup-body td,
.popup-body tr,
.popup-body table,
.popup-body tbody,
.popup-body fieldset {
 background: transparent !important;
 background-color: transparent !important;
 background-image: none !important;
}

.popup-body *:hover,
.popup-body td:hover,
.popup-body tr:hover,
.popup-body img:hover {
 background: transparent !important;
 background-color: transparent !important;
 transform: none !important;
 filter: none !important;
 opacity: 1 !important;
}

.popup-body img {
 transition: none !important;
 transform: none !important;
 filter: none !important;
}


/* ============================================================
 ЧАСТЬ 5: ПАГИНАЦИЯ uCoz (.pgSwch / .pgSwchA)
============================================================ */

.myWinCont .pgSwch,
.myWinCont .pgSwchA,
.popup-body .pgSwch,
.popup-body .pgSwchA {
 display: inline-block !important;
 min-width: 26px !important;
 height: 26px !important;
 line-height: 22px !important;
 padding: 0 8px !important;
 margin: 0 3px 4px 0 !important;
 background: transparent !important;
 border: 1px solid rgba(174, 137, 84, 0.3) !important;
 border-radius: 4px !important;
 color: #d4c4a8 !important;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 12px !important;
 font-weight: 600 !important;
 text-align: center !important;
 text-decoration: none !important;
 vertical-align: middle !important;
 box-sizing: border-box !important;
 transition: all 0.2s ease !important;
}

.myWinCont .pgSwch a,
.myWinCont .pgSwch b,
.myWinCont .pgSwchA b,
.popup-body .pgSwch a,
.popup-body .pgSwch b,
.popup-body .pgSwchA b {
 color: inherit !important;
 text-decoration: none !important;
 font-weight: inherit !important;
 background: transparent !important;
 border: none !important;
 padding: 0 !important;
 margin: 0 !important;
}

.myWinCont .pgSwch:hover,
.popup-body .pgSwch:hover {
 background: rgba(174, 137, 84, 0.12) !important;
 border-color: rgba(174, 137, 84, 0.6) !important;
 color: #ffa54f !important;
}

.myWinCont .pgSwch:hover a,
.myWinCont .pgSwch:hover b,
.popup-body .pgSwch:hover a,
.popup-body .pgSwch:hover b {
 color: #ffa54f !important;
}

.myWinCont .pgSwchA,
.popup-body .pgSwchA {
 background: linear-gradient(135deg, #ae8954 0%, #8a6a3e 100%) !important;
 border: 1px solid #ae8954 !important;
 color: #fff !important;
 font-weight: 700 !important;
 cursor: default !important;
 box-shadow: 0 0 8px rgba(174, 137, 84, 0.25) !important;
}

.myWinCont .pgSwchA b,
.popup-body .pgSwchA b { color: #fff !important; }

.myWinCont .pgSwchDots,
.popup-body .pgSwchDots {
 background: transparent !important;
 border: none !important;
 color: #8a7e6e !important;
 cursor: default !important;
 padding: 0 4px !important;
 min-width: auto !important;
}


/* ============================================================
 АДАПТИВ — МОБИЛКИ
============================================================ */

@media (max-width: 768px) {
 /* Magnific Popup */
 .mfp-container { padding: 8px !important; }
 .mfp-content { max-width: 100% !important; }
 .popup-caption {
 padding: 12px 42px 12px 14px !important;
 font-size: 12px !important;
 letter-spacing: 1px !important;
 }
 .popup-body {
 padding: 14px !important;
 font-size: 12px !important;
 max-height: 80vh !important;
 }
 .mfp-close {
 font-size: 24px !important;
 width: 32px !important;
 height: 32px !important;
 line-height: 32px !important;
 right: 2px !important;
 top: 2px !important;
 }

 /* uWnd — жёстко прибиваем к экрану */
 .xw-plain {
 left: 8px !important;
 right: 8px !important;
 top: 60px !important;
 max-width: calc(100vw - 16px) !important;
 width: calc(100vw - 16px) !important;
 transform: none !important;
 margin: 0 !important;
 position: fixed !important;
 }
 .xw-hdr {
 padding: 10px 40px 10px 14px !important;
 }
 .xw-hdr-text {
 font-size: 12px !important;
 letter-spacing: 1px !important;
 }
 .xw-body {
 padding: 14px !important;
 font-size: 12px !important;
 }

 .xw-plain .xw-body,
 .xw-plain .myWinCont {
 max-width: 100% !important;
 width: 100% !important;
 box-sizing: border-box !important;
 overflow-x: hidden !important;
 }

 .myWinCont table,
 .myWinCont form,
 .myWinCont tbody,
 .myWinCont tr,
 .myWinCont td {
 max-width: 100% !important;
 box-sizing: border-box !important;
 }

 .myWinCont input[type="text"],
 .myWinCont input[type="password"],
 .myWinCont input[type="email"],
 .myWinCont textarea,
 .myWinCont select {
 max-width: 100% !important;
 width: 100% !important;
 box-sizing: border-box !important;
 }
}

@media (max-width: 480px) {
 .mfp-container { padding: 4px !important; }
 .popup-caption {
 padding: 10px 38px 10px 12px !important;
 font-size: 11px !important;
 }
 .popup-body { padding: 12px !important; }

 .xw-plain {
 left: 4px !important;
 right: 4px !important;
 top: 50px !important;
 max-width: calc(100vw - 8px) !important;
 width: calc(100vw - 8px) !important;
 }
 .xw-hdr {
 padding: 10px 36px 10px 12px !important;
 }
 .xw-body { padding: 12px !important; }
}

/* ============================================================
 ЧАСТЬ 6: ОКНО «ВРУЧИТЬ НАГРАДУ» (/index/55-2-N)
 Полный аналог оформления окна просмотра наград
============================================================ */

/* Таблица наград — на всю ширину окна */
.myWinCont table:has(td[onclick*="/index/55-2-"]),
.popup-body table:has(td[onclick*="/index/55-2-"]) {
 width: 100% !important;
 border-spacing: 3px !important;
 border-collapse: separate !important;
 table-layout: fixed !important;
}

/* Ячейка награды */
td[onclick*="/index/55-2-"] {
 padding: 4px 2px !important;
 vertical-align: middle !important;
 text-align: center !important;
 background: transparent !important;
 cursor: pointer !important;
}

/* Иконка награды — строго 32×32 */
td[onclick*="/index/55-2-"] img {
 width: 32px !important;
 height: 32px !important;
 max-width: 32px !important;
 max-height: 32px !important;
 min-width: 32px !important;
 min-height: 32px !important;
 object-fit: contain !important;
 display: block !important;
 margin: 0 auto !important;
 padding: 0 !important;
 border: 0 !important;
 vertical-align: middle !important;
 box-sizing: border-box !important;
}

/* Fieldset с заголовками категорий («Знаки отличия», «Любовь», «Еда»...) */
.myWinCont fieldset {
 border: 1px solid rgba(174, 137, 84, 0.15) !important;
 border-radius: 4px !important;
 margin: 0 0 12px 0 !important;
 padding: 6px 10px 10px !important;
 background: transparent !important;
}

.myWinCont fieldset legend {
 padding: 0 8px !important;
 color: #e8dcc8 !important;
 font-family: 'Russo One', sans-serif !important;
 font-size: 12px !important;
 letter-spacing: 1px !important;
 text-transform: uppercase !important;
}

.myWinCont fieldset legend b {
 color: #e8dcc8 !important;
 font-weight: normal !important;
}


/


/* ============================================================
 ЧАСТЬ 8: ОТКЛЮЧЕНИЕ HOVER В ОКНЕ «ВРУЧИТЬ НАГРАДУ»
 Убираем подсветку myWinTD1/myWinTD2 при наведении
============================================================ */

.myWinCont .myWinTD1,
.myWinCont .myWinTD2,
.myWinCont td.myWinTD1,
.myWinCont td.myWinTD2 {
 background: transparent !important;
 background-color: transparent !important;
 background-image: none !important;
}

.myWinCont td[onclick*="/index/55-2-"]:hover,
.myWinCont td[onclick*="/index/55-2-"].myWinTD2,
.myWinCont td[onclick*="/index/55-2-"].myWinTD1 {
 background: rgba(174, 137, 84, 0.08) !important;
 background-color: rgba(174, 137, 84, 0.08) !important;
 background-image: none !important;
 border-radius: 4px !important;
 transition: background 0.15s ease !important;
}

.myWinCont td[onclick*="/index/55-2-"] img {
 transition: none !important;
 transform: none !important;
 filter: none !important;
}

.myWinCont td[onclick*="/index/55-2-"]:hover img {
 transform: none !important;
 filter: none !important;
 opacity: 1 !important;
}
/* ============================================================
 ФИНАЛЬНЫЙ БЛОК — УВЕЛИЧЕННЫЕ ИКОНКИ (ID 56–67)
 ВАЖНО: должен идти ПОСЛЕДНИМ в файле,
 чтобы перебить базовый размер 32×32
============================================================ */

/* Окно просмотра наград (/index/54-1-N) */
td[onclick*="/index/54-1-56'"] img,
td[onclick*="/index/54-1-57'"] img,
td[onclick*="/index/54-1-58'"] img,
td[onclick*="/index/54-1-59'"] img,
td[onclick*="/index/54-1-60'"] img,
td[onclick*="/index/54-1-61'"] img,
td[onclick*="/index/54-1-62'"] img,
td[onclick*="/index/54-1-63'"] img,
td[onclick*="/index/54-1-64'"] img,
td[onclick*="/index/54-1-65'"] img,
td[onclick*="/index/54-1-66'"] img,
td[onclick*="/index/54-1-67'"] img,
div[onclick*="/index/54-1-56'"] img,
div[onclick*="/index/54-1-57'"] img,
div[onclick*="/index/54-1-58'"] img,
div[onclick*="/index/54-1-59'"] img,
div[onclick*="/index/54-1-60'"] img,
div[onclick*="/index/54-1-61'"] img,
div[onclick*="/index/54-1-62'"] img,
div[onclick*="/index/54-1-63'"] img,
div[onclick*="/index/54-1-64'"] img,
div[onclick*="/index/54-1-65'"] img,
div[onclick*="/index/54-1-66'"] img,
div[onclick*="/index/54-1-67'"] img,

/* Окно вручения награды (/index/55-2-N) */
td[onclick*="/index/55-2-56'"] img,
td[onclick*="/index/55-2-57'"] img,
td[onclick*="/index/55-2-58'"] img,
td[onclick*="/index/55-2-59'"] img,
td[onclick*="/index/55-2-60'"] img,
td[onclick*="/index/55-2-61'"] img,
td[onclick*="/index/55-2-62'"] img,
td[onclick*="/index/55-2-63'"] img,
td[onclick*="/index/55-2-64'"] img,
td[onclick*="/index/55-2-65'"] img,
td[onclick*="/index/55-2-66'"] img,
td[onclick*="/index/55-2-67'"] img {
 width: 32px !important;
 height: 32px !important;
 max-width: 32px !important;
 max-height: 32px !important;
 min-width: 32px !important;
 min-height: 32px !important;
}
/* ============================================================
 ЧАСТЬ 9: ФОРМЫ ВНУТРИ uWnd
 (репутация, вручение награды, комментарии)
============================================================ */

/* Поля ввода и textarea */
.myWinCont input[type="text"],
.myWinCont input[type="password"],
.myWinCont input[type="email"],
.myWinCont input[type="number"],
.myWinCont input:not([type]),
.myWinCont textarea,
.myWinCont select,
.xw-body input[type="text"],
.xw-body input[type="password"],
.xw-body input[type="email"],
.xw-body input[type="number"],
.xw-body input:not([type]),
.xw-body textarea,
.xw-body select {
 background: rgba(8, 6, 4, 0.6) !important;
 border: 1px solid rgba(174, 137, 84, 0.3) !important;
 border-radius: 4px !important;
 color: #e8dcc8 !important;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 13px !important;
 padding: 8px 10px !important;
 box-sizing: border-box !important;
 outline: none !important;
 transition: border-color 0.2s ease, background 0.2s ease !important;
}

.myWinCont textarea,
.xw-body textarea {
 min-height: 90px !important;
 resize: vertical !important;
 line-height: 1.5 !important;
}

.myWinCont input[type="text"]:focus,
.myWinCont input[type="password"]:focus,
.myWinCont input[type="email"]:focus,
.myWinCont input[type="number"]:focus,
.myWinCont input:not([type]):focus,
.myWinCont textarea:focus,
.myWinCont select:focus,
.xw-body input[type="text"]:focus,
.xw-body input[type="password"]:focus,
.xw-body input[type="email"]:focus,
.xw-body input[type="number"]:focus,
.xw-body input:not([type]):focus,
.xw-body textarea:focus,
.xw-body select:focus {
 border-color: #ae8954 !important;
 background: rgba(8, 6, 4, 0.8) !important;
 box-shadow: 0 0 0 2px rgba(174, 137, 84, 0.15) !important;
}

.myWinCont input::placeholder,
.myWinCont textarea::placeholder,
.xw-body input::placeholder,
.xw-body textarea::placeholder {
 color: rgba(212, 196, 168, 0.4) !important;
}


/* Radio + checkbox — нативные, но подкрашиваем */
.myWinCont input[type="radio"],
.myWinCont input[type="checkbox"],
.xw-body input[type="radio"],
.xw-body input[type="checkbox"] {
 accent-color: #ae8954 !important;
 width: 14px !important;
 height: 14px !important;
 margin: 0 6px 0 0 !important;
 vertical-align: middle !important;
 cursor: pointer !important;
}

/* Подписи у радио-кнопок (с эмодзи 💡 ➕ ➖) */
.myWinCont label,
.xw-body label {
 cursor: pointer !important;
 color: #d4c4a8 !important;
 line-height: 1.8 !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 4px !important;
}


/* Кнопки (Применить / Добавить) */
.myWinCont input[type="submit"],
.myWinCont input[type="button"],
.myWinCont button,
.xw-body input[type="submit"],
.xw-body input[type="button"],
.xw-body button {
 background: linear-gradient(135deg, rgba(174, 137, 84, 0.15) 0%, rgba(138, 106, 62, 0.15) 100%) !important;
 border: 1px solid rgba(174, 137, 84, 0.5) !important;
 border-radius: 4px !important;
 color: #e8dcc8 !important;
 font-family: 'Russo One', sans-serif !important;
 font-size: 12px !important;
 letter-spacing: 1.5px !important;
 text-transform: uppercase !important;
 padding: 10px 22px !important;
 cursor: pointer !important;
 transition: all 0.2s ease !important;
 box-shadow: none !important;
}

.myWinCont input[type="submit"]:hover,
.myWinCont input[type="button"]:hover,
.myWinCont button:hover,
.xw-body input[type="submit"]:hover,
.xw-body input[type="button"]:hover,
.xw-body button:hover {
 background: linear-gradient(135deg, #ae8954 0%, #8a6a3e 100%) !important;
 border-color: #ae8954 !important;
 color: #fff !important;
 box-shadow: 0 0 12px rgba(174, 137, 84, 0.4) !important;
}

.myWinCont input[type="submit"]:active,
.myWinCont input[type="button"]:active,
.myWinCont button:active,
.xw-body input[type="submit"]:active,
.xw-body input[type="button"]:active,
.xw-body button:active {
 transform: translateY(1px) !important;
}


/* Fieldset + legend (старый стиль uCoz перебиваем нашим) */
.myWinCont fieldset,
.xw-body fieldset {
 border: 1px solid rgba(174, 137, 84, 0.2) !important;
 border-radius: 4px !important;
 margin: 0 0 14px 0 !important;
 padding: 10px 14px 14px !important;
 background: rgba(0, 0, 0, 0.15) !important;
}

.myWinCont fieldset legend,
.xw-body fieldset legend {
 padding: 0 8px !important;
 color: #e8dcc8 !important;
 font-family: 'Russo One', sans-serif !important;
 font-size: 11px !important;
 letter-spacing: 1.2px !important;
 text-transform: uppercase !important;
 font-weight: normal !important;
}

.myWinCont fieldset legend b,
.xw-body fieldset legend b {
 color: #e8dcc8 !important;
 font-weight: normal !important;
}


/* Ссылка [Все награды] */
.myWinCont a,
.xw-body a {
 color: #d4a868 !important;
 text-decoration: none !important;
 transition: color 0.2s ease !important;
}

.myWinCont a:hover,
.xw-body a:hover {
 color: #ffa54f !important;
 text-decoration: none !important;
}


/* Аватарка пользователя в окне (например "Валли") */
.myWinCont img[src*="/avatar/"],
.xw-body img[src*="/avatar/"] {
 border-radius: 4px !important;
 vertical-align: middle !important;
}
/* ============================================================
 ЧАСТЬ 10: SELECT И КНОПКА В ФОРМЕ СМЕНЫ ГРУППЫ (профиль)
 Перебиваем inline-стили через !important
============================================================ */

/* Select смены группы (Пользователи / Друзья / Заблокированные...) */
form[name="chgr"] select,
form[name="chgr"] select[name="c"] {
 padding: 8px 32px 8px 12px !important;
 background-color: rgba(8, 6, 4, 0.6) !important;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ae8954' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
 background-repeat: no-repeat !important;
 background-position: right 10px center !important;
 border: 1px solid rgba(174, 137, 84, 0.3) !important;
 border-radius: 4px !important;
 color: #e8dcc8 !important;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 13px !important;
 cursor: pointer !important;
 width: 100% !important;
 margin-bottom: 8px !important;
 box-sizing: border-box !important;
 outline: none !important;
 -webkit-appearance: none !important;
 -moz-appearance: none !important;
 appearance: none !important;
 transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

form[name="chgr"] select:hover,
form[name="chgr"] select:focus {
 border-color: #ae8954 !important;
 background-color: rgba(8, 6, 4, 0.8) !important;
}

/* Цвет пунктов внутри dropdown (Windows может игнорировать,
 но в Chrome/Firefox на Linux/Mac работает) */
form[name="chgr"] select option {
 background: #1f1812 !important;
 color: #e8dcc8 !important;
 padding: 6px 10px !important;
}




form[name="chgr"] input[type="button"]:hover,
form[name="chgr"] input[name="ok"]:hover {
 background: linear-gradient(135deg, #c69a5e 0%, #9a7848 100%) !important;
 border-color: #c69a5e !important;
 box-shadow: 0 0 12px rgba(174, 137, 84, 0.4) !important;
}

form[name="chgr"] input[type="button"]:active,
form[name="chgr"] input[name="ok"]:active {
 transform: translateY(1px) !important;
}


/* Тонкая разделительная полоска под формой */
form[name="chgr"] + div,
form[name="chgr"] div[style*="height: 1px"],
form[name="chgr"] div[style*="height:1px"] {
 background: rgba(174, 137, 84, 0.15) !important;
 margin: 14px 0 !important;
 height: 1px !important;
}


/* ============================================================
 ЧАСТЬ 11: ОБЩИЕ SELECT В uWnd / POPUP (на всякий случай)
============================================================ */

.myWinCont select,
.xw-body select,
.popup-body select {
 padding: 8px 32px 8px 12px !important;
 background-color: rgba(8, 6, 4, 0.6) !important;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ae8954' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
 background-repeat: no-repeat !important;
 background-position: right 10px center !important;
 border: 1px solid rgba(174, 137, 84, 0.3) !important;
 border-radius: 4px !important;
 color: #e8dcc8 !important;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 13px !important;
 cursor: pointer !important;
 -webkit-appearance: none !important;
 -moz-appearance: none !important;
 appearance: none !important;
 outline: none !important;
}

.myWinCont select option,
.xw-body select option,
.popup-body select option {
 background: #1f1812 !important;
 color: #e8dcc8 !important;
}