@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);
.DLEPush {z-index: 2001;position: fixed;right: 20px;top: 20px}
@keyframes DLEPush-show {0% {transform: translateY(100%);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.DLEPush-notification.wrapper {animation-name: DLEPush-show;animation-duration: 1s;position: relative;display: grid;grid-template-columns: auto 1fr;align-items: center;color: #333;margin-bottom: 10px;width: 100%;max-width: 400px;box-shadow: 0 10px 15px rgb(0 0 0 / 20%);background-color: #fff;border-radius: 10px}
.DLEPush-notification .DLEPush-icon {grid-column: 1;grid-row: 1 / span 2;display: flex;align-items: center;justify-content: center;color: #fff;width: 45px;height: 100%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;text-align: center;}
.DLEPush-notification .DLEPush-icon svg {scale: .8;}
.DLEPush-notification .DLEPush-header {font-weight: 500;grid-column: 2;grid-row: 1;font-size: 1rem;margin-left: 1rem;margin-top: .5rem;}
.DLEPush-notification .DLEPush-header:empty {margin-top: 0;}
.DLEPush-notification .DLEPush-message {grid-column: 2;grid-row: 2;font-size: .875rem;margin: 1rem;}
.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {list-style-type: none;padding-left: 0;}
.DLEPush-notification .DLEPush-close {position: absolute;top: 8px;right: 10px;font-weight: 300;background: none;border: 0;font-size: 1.15rem;cursor: pointer;line-height: 1;padding: 0;color: inherit;outline: 0;opacity: 0.75;}

@media only screen and (min-width: 601px) {.DLEPush-notification.wrapper {min-width: 400px;}}
@media only screen and (max-width: 600px) {
.xfieldscolleft {float: none;width: 100%;}
.xfieldscolright {float: none;width: 100%;}
}

.DLEPush-notification .DLEPush-close:hover {opacity: 1;}
.DLEPush-notification.wrapper.push-success {background-color: #e0f2f1;}
.DLEPush-notification.wrapper.push-success .DLEPush-icon {background-color: #00897b;}
.DLEPush-notification.wrapper.push-warning {background-color: #FFF3E0;}
.DLEPush-notification.wrapper.push-warning .DLEPush-icon {background-color: #FF9800;}
.DLEPush-notification.wrapper.push-error {background-color: #444444; color: #fff;}
.DLEPush-notification.wrapper.push-error .DLEPush-icon {background-color: #9c22ff;}

/* Основной контейнер */
.dle-popup-userprofile.ui-dialog {
 /* border: deeppink; */
 border-radius: 1rem !important;
 box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
 border-style: dashed !important;
 border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
 background-color: #1e2129 !important;
 font-family: "Inter", sans-serif;
}

/* Заголовок */
.dle-popup-userprofile .ui-dialog-titlebar {
 padding: 1rem 1.25rem !important;
 font-size: 1rem;
 font-weight: 600;
 color: #e91e63;
 border-bottom: 1px dashed #e91e6330;
}

/* Кнопка закрытия */
.ui-dialog-titlebar {
 position: relative; /* важно! родитель для абсолютного позиционирования */
}

/* Стили для кнопки-крестика */
.ui-dialog-titlebar-close {
 position: absolute;
 top: 0.75rem;
 right: 1rem;
 width: 2rem;
 height: 2rem;
 background-color: transparent;
 border: none;
 cursor: pointer;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 18px 18px;
 padding: 0;
 z-index: 10;

 /* SVG крестик внутри как background */
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237e8299' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%237e8299' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
 transition: background-image 0.2s ease;
}

/* При наведении */
.ui-dialog-titlebar-close:hover {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f1416c' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23f1416c' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* Контент */
.dle-popup-userprofile .ui-dialog-content {
 padding: 1.25rem !important;
 font-size: 0.95rem;
 color: #3f4254;
}

/* Нижняя панель с кнопками */
.dle-popup-userprofile .ui-dialog-buttonpane {

 padding: 1rem 1.25rem;
 border-top: 1px dashed #e91e6330;
}

/* Кнопки */
.dle-popup-userprofile .ui-dialog-buttonset button {
 background-color: #E91E63;
 border: none;
 color: #fff;
 padding: 0.6rem 1rem;
 font-size: 0.875rem;
 font-weight: 500;
 border-radius: 0.475rem;
 margin-left: 0.5rem;
 transition: all 0.2s ease;
}
.dle-popup-userprofile .ui-dialog-buttonset button:hover {
 background-color: #a71446;
}

/* Тёмная тема для модального окна жалобы */
/* Основной контейнер */
.dle-popup-complaint.ui-dialog {
 background-color: #1e1e2d;
 color: #fff;
 border-radius: 12px;
 border: 1px solid #2c2c3c;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
 font-family: "Inter", "Segoe UI", sans-serif;

}

/* Заголовок */
.dle-popup-complaint .ui-dialog-titlebar {
 background-color: #2a2a3c;
 color: #ffffff;
 font-weight: 600;
 padding: 16px 20px;
 font-size: 1rem;
 border-bottom: 1px solid #3a3a4a;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

/* Кнопка закрытия */
.dle-popup-complaint .ui-dialog-titlebar-close {
 background: none;
 border: none;
 color: #aaa;
 font-size: 20px;
 cursor: pointer;
 transition: color 0.2s ease;
}
.dle-popup-complaint .ui-dialog-titlebar-close::after {
 content: "×";
}
.dle-popup-complaint .ui-dialog-titlebar-close:hover {
 color: #fff;
}

/* Контент */
.dle-popup-complaint .ui-dialog-content {
 background-color: #1e1e2d;
 color: #ccc;
 padding: 20px;
 font-size: 0.95rem;
 line-height: 1.5;
}

/* Текстовое поле */
#dle-promt-text {
 background-color: #2b2b3c;
 color: #fff;
 border: 1px solid #3c3c4e;
 border-radius: 8px;
 padding: 10px;
 resize: vertical;
 font-size: 0.95rem;
}

/* Кнопки снизу */
.dle-popup-complaint .ui-dialog-buttonpane {
 background-color: #232333;
 border-top: 1px solid #3a3a4a;
 padding: 16px 20px;
 display: flex;
 justify-content: flex-end;
}

/* Стили кнопок */
.dle-popup-complaint .ui-dialog-buttonset button {
 background-color: #3a3a4d;
 color: #fff;
 border: none;
 padding: 10px 18px;
 font-size: 0.95rem;
 font-weight: 500;
 border-radius: 6px;
 margin-left: 10px;
 transition: background-color 0.2s ease, transform 0.15s ease;
}

.dle-popup-complaint .ui-dialog-buttonset button:hover {
 background-color: #4d4d60;
 transform: scale(1.03);
}
/* Пульсирующая рамка и выцветание контента */


/* Сохранение существующего медиа-запроса */
@media (max-width: 1719px) and (min-width: 991px) {
 .col-custom {
 flex: 0 0 33.3333%;
 max-width: 33.3333%;
 }
} 

 .comment-card {
 transition: all 0.3s ease-in-out;
 }

 .comment-user-avatar {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 }

 .comment-text {
 color: #5E6278;
 font-size: 14px;
 font-weight: 500;
 }

 .popover-body {
 padding: 10px;
 }

 .popover-content {
 display: flex;
 flex-direction: column;
 gap: 8px;
 }

 .popover-user {
 display: flex;
 align-items: center;
 gap: 10px;
 }

 .popover-user img {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 }

 .popover-user-info {
 display: flex;
 flex-direction: column;
 }

 .popover-user-info strong {
 font-size: 14px;
 color: #2A3547;
 }

 .popover-user-info small {
 font-size: 12px;
 color: #6C757D;
 }

 .popover-footer {
 margin-top: 8px;
 text-align: right;
 }