/* INFO MESSAGES, ERRORS */
.message-info {line-height: 1.5; margin-bottom: 24px; 
	background-color: var(--ui-bg-attention); box-shadow: 0 1px 3px rgba(0,0,0,.08);
	border: 1px solid var(--ui-bd-attention); position: relative; padding: 20px 24px 20px 72px; border-radius: 1px;}
.message-info__title {font-weight: var(--ui-fw-bolder); color: #7c2d12;}
.message-info::before {content:"\f071"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); font-size: 24px;
	color: #fff; background-color: var(--ui-bd-attention); position: absolute; left: 0; top: 0; 
	width: 52px; height: 100%; display: grid; place-items: center;}

/* SERVICE PAGE COMMON, FORM
----------------------------------------------- */
.serv__title {font-size: 28px; font-weight: var(--ui-fw-bolder); margin-bottom: 32px; color: var(--tt); padding-bottom: 12px; border-bottom: 2px solid var(--accent);}
.serv__subtitle {font-size: 20px; font-weight: var(--ui-fw-bolder); margin-bottom: 24px; color: var(--tt);}
.serv__section {margin-bottom: 32px; background: #ffffff; padding: 28px; border-radius: 1px; border: 1px solid var(--bdc);}
.serv__gap {gap: 12px;}
.serv__links a {color: var(--accent); border-bottom: 1px solid var(--accent); font-weight: 500;}
.serv__table-resp {overflow-y: hidden; overflow-x: auto; border: 1px solid var(--bdc); border-radius: 1px;}
.serv__table table {width: 100%;}
.serv__table table thead tr, .pm tbody tr:first-child {background: linear-gradient(135deg, var(--accent) 0%, #1e3e1a 100%); color: #fff;}
.serv__table table td {padding: 12px 16px; font-size: 14px; border: 1px solid var(--ui-bdc);}
.serv__table table tbody tr:nth-child(2n) {background-color: var(--ui-bg-darker);}

.form__row + .form__row {margin-top: 24px;}
.form__row {display: grid; gap: 12px 24px; align-items: center; grid-template-columns: 220px minmax(220px,1fr); position: relative;}
.form__row--textarea, .form__row--textarea .form__label, .form__row--wide {display: block;}
.form__row--textarea .form__label {background: linear-gradient(135deg, var(--accent) 0%, #1e3e1a 100%); color: #fff; padding: 16px; font-weight: 600;}
.form__label--important::after {content: "*"; margin: 0 0 0 6px; color: var(--red); font-weight: 600;}
#result-registration, .ui-helper-hidden-accessible, #related_news, .form__vote {grid-column: 1 / -1; padding: 24px; 
	background-color: var(--ui-bg-attention); border: 1px solid var(--ui-bd-attention); border-radius: 1px;}
.form__find-related {position: absolute; right: 0; top: 0; border-radius: 0 1px 1px 0; background: var(--accent); color: #fff; height: 100%;}
.form__content select, #category {width: 100% !important; background: #ffffff;}
.bb-pane + textarea {border-radius: 0 0 1px 1px;}
.xfieldsnote {color: var(--ui-tt-fade); font-size: 14px; margin-top: 6px;}

.form__table {width: 100%;}
.form__table tr + tr td {padding-top: 24px;}
.form__table .addnews {width: 240px;}
.xfields textarea, .xprofile textarea, .form__textarea--height {height:120px !important;}
.xfields .bb-editor, .xfields .wseditor {margin-top:12px;}
td.xfields {position: relative;}

.form__row--checkboxes-group {display: grid; grid-gap: 24px 24px; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); align-items: start;}
.form__sec-code > input {flex: 1 1 0; margin-right: 12px; height: 84px; line-height: 84px; text-align: center; background: #ffffff; border: 1px solid var(--bdc);}
.form__row--submit {display: flex !important; background: var(--bg-darker); padding: 24px; border-radius: 1px; margin-top: 32px;}
.form__row--submit button {min-width: auto; white-space: nowrap; background: var(--accent); font-weight: 600;}
.form__btn {width: 240px;}

/* CHECKBOXES, RADIO BUTTONS
----------------------------------------------- */
.has-radiobox label {position: relative; padding-left: 36px; display: block; cursor: pointer; line-height: 1.5;}
.has-radiobox input {appearance: none; -webkit-appearance: none; display: block; width: 24px; height: 24px; cursor: pointer;
	border: 1px solid var(--ui-bdc); background: #ffffff; border-radius: 1px;
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.has-radiobox label input:checked::before {content: ''; background: var(--accent); 
	width: 14px; height: 14px; border-radius: 1px; position: absolute; left: 4px; top: 4px;}
.has-checkbox, .checkbox {display: block; position: relative; padding-left: 56px; cursor: pointer;}
.has-checkbox, .checkbox label {cursor: pointer; display: block; line-height: 1.5;}
.has-checkbox input, .checkbox input {
	appearance: none; -webkit-appearance: none; display: inline-block; transition: all .2s linear;
	height: 24px; width: 48px; border-radius: 1px; background-color: var(--ui-bg-darker); cursor: pointer;
	box-shadow: var(--ui-bsh-inset); position: absolute; left: 0; top: 50%; margin-top: -12px; border: 1px solid var(--bdc);}
.has-checkbox input::before, .checkbox input::before {content: ''; width: 20px; height: 20px; border-radius: 1px; 
	position: absolute; left: 1px; top: 1px; background-color: #ffffff; transition: all .2s linear; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.has-checkbox input:checked, .checkbox input:checked {background: var(--accent); border-color: var(--accent);}
.has-checkbox input:checked::before, .checkbox input:checked::before {left: 25px;}

/* STATS, PM, TABLES
----------------------------------------------- */
.stats__list, .stats__latest {min-width: 220px; display: grid; gap: 12px;}
.stats__list .serv__subtitle, .pmessages__status .serv__subtitle {margin-bottom: 0; background: var(--accent); color: #fff; padding: 12px 16px; border-radius: 1px;}

.pmessages__links li {white-space: nowrap; min-width: auto;}
.pm_progress_bar {border-radius: 1px; margin: 12px 0; overflow: hidden; background-color: var(--ui-bg-darker); 
	box-shadow: var(--ui-bsh-inset); border: 1px solid var(--bdc);}
.pm_progress_bar span {background: linear-gradient(135deg, var(--accent) 0%, #1e3e1a 100%); font-size: 0; height: 24px; display: block;}
.pmessages-item {border: 1px solid var(--ui-bdc); padding: 20px; gap: 16px; background: #ffffff; border-radius: 1px;}
.pmessages-item__img {width: 64px; height: 64px; border-radius: 1px; border: 1px solid var(--bdc);}
.pmessages-item__text {margin: 8px 0 12px 0; color: var(--tt-fade-0);}
.pmessages-item__meta > span {font-size: 14px; color: var(--tt-fade);}
.pm tr td:first-child {width: 40px;}
.pm select {width:100%; margin-bottom:12px;}

/* USER PROFILE, USER POPUP
----------------------------------------------- */
.us__one {background: linear-gradient(135deg, var(--accent) 0%, #1e3e1a 100%); color: #fff; 
	position: relative; padding: 24px; padding-left: 172px;}
.us__img {width: 108px; height: 108px; border-radius: 1px; position: absolute; left: 32px; bottom: -32px; border: 3px solid #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
.us__name {font-size: 26px; font-weight: var(--ui-fw-bolder);}
.us__status {margin-top: 12px; font-size: 14px; text-transform: uppercase; gap: 12px; display: inline-flex; 
	height: 32px; border-radius: 16px; background-color: var(--red); color: #fff; padding: 0 16px; width: auto; font-weight: 600; align-items: center;}
.us__status.on {background-color: var(--green);}
.us__two {background-color: var(--ui-bg-darker); padding: 12px 24px; padding-left: 172px; gap: 24px; font-size: 18px; border-bottom: 1px solid var(--bdc);}
.us__info-caption {font-size: 14px; color: var(--ui-tt-fade); margin-left: 4px;}
.us__btn a {border: 1px solid var(--accent); color: var(--accent); padding: 0 16px; height: 32px; white-space: nowrap;
	border-radius: 16px; font-size: 14px; text-transform: uppercase; display: flex; align-items: center; font-weight: 600; background: rgba(45, 90, 39, 0.1);}
.us__three {border: 12px solid var(--ui-bg-darker); border-top: 0; padding: 12px 24px 24px 160px; margin-bottom: 32px;}
.us__list li {position: relative; padding: 10px 0; padding-left: 220px; min-height: 36px; border-bottom: 1px solid var(--bdc);}
.us__list li:nth-child(2n) {background-color: var(--ui-bg-darker);}
.us__list li > span:first-child {position: absolute; left: 24px; top: 50%; transform: translateY(-50%); color: var(--ui-tt-fade); font-size: 14px; font-weight: 600;}

.dle-popup-userprofile .ui-dialog-content {padding: 0;}
@media screen and (min-width: 760px) {
	.dle-popup-userprofile .ui-dialog-titlebar {position: absolute; left: 0; top: 0; width: 100%; border: 0; 
		z-index: 10; color: #fff; padding-left: 172px; padding-top: 12px; background: none;}
	.dle-popup-userprofile .ui-dialog-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.dle-popup-userprofile .ui-dialog-titlebar-close {margin-right: -24px;}
	.us--card .us__one {padding-top: 48px; border-radius: 1px 1px 0 0;}
}
.us--card .us__three {padding: 12px 32px 24px 32px; border: 0; margin: 0;}
.us--card .us__list li {padding-left: 140px; background: none; border-bottom: 1px solid var(--ui-bdc);}
.us--card .us__list li > span:first-child {left: 0px;}

@media screen and (max-width: 760px) {
	.us__one {padding: 20px 12px 20px 88px;}
	.us__name {font-size: 18px;}
	.us__img {width: 64px; height: 64px; left: 12px; bottom: auto; top: 50%; margin-top: -32px;}
	.us__two {padding: 20px 12px; gap: 20px 12px; justify-content: center;}
	.us__btn {justify-content: center; min-width: 100%;}
	.us__three {padding: 0; border: 0;}
	.us__list li {padding-left: 160px; font-size: 14px;}
	.us__list li.d-flex {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.us__list li.d-flex a {margin-left: 6px;}
	.us__list li > span:first-child {left: 12px;}
	.us--card .us__one {padding: 8px 24px 44px 88px;}
	.us--card .us__two {padding: 12px 24px 24px 88px; background: none; color: #fff; --ui-tt-fade: #fff; 
		position: relative; z-index: 10; margin-top: -40px; justify-content: flex-start; 
		font-size: 14px; white-space: nowrap;}
	.us--card .us__three {padding: 0px 24px 24px 24px;}
}

/* SEARCH PAGE, SEARCH TABLE */
.search-page__simple-form {gap: 12px; margin-bottom: 24px; background: #ffffff; padding: 24px; border-radius: 1px; border: 1px solid var(--bdc);}
.search-page__ext-form {display: grid; gap: 24px 32px; 
	grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); margin-bottom: 24px;}
.search-page__ext-form-label {margin-bottom: 12px; font-size: 14px; color: var(--ui-tt-fade); font-weight: 600;}
.search-page__ext-form-content, .search-page__ext-form-input {gap: 12px;}
.search-page__ext-form-input input {width: 48px; padding: 0; text-align: center; background: #ffffff; border: 1px solid var(--bdc);}
.search-page__ext-form-row .has-checkbox {margin-top: 12px; font-size: 14px; color: var(--ui-tt-fade);}
.search-page__ext-form-row--category {grid-row: span 2;}
.search-page__ext-form-row--category select {height: 140px;}
.search-page__ext-form-row--wide {grid-column: 1 / -1;}
.search-page__ext-form-row--btns input {min-width: auto; padding: 0 44px; background: var(--accent); font-weight: 600;}
@media screen and (max-width: 590px) {
	.search-page__btn-ext {width: 100%; height: 44px;}
}

/*--- AJAX LOADER ---*/
#loading-layer {background-color: rgba(45, 90, 39, 0.95); border-radius: 1px; box-shadow: var(--ui-bsh); 
	padding: 24px; color: #fff; line-height: 1.6; max-width: calc(100w - 36px); border: 1px solid rgba(255,255,255,0.1);}
#loading-layer::before {content: ''; width: 48px; height: 48px; border-radius: 50%; 
	border: 4px solid rgba(255,255,255,0.2); border-left-color: #ffffff; 
	display: block; box-sizing: border-box; animation: rotate 1s linear infinite; margin: 0 auto 16px auto;}
@keyframes rotate { 100% {transform: rotate(360deg);} }
#loading-layer svg {display: none;}
#loading-layer.withtext {position: relative; padding: 20px 24px 20px 88px; min-height: 64px;}
#loading-layer.withtext::before {width: 48px; height: 48px; border-width: 4px; 
	position: absolute; left: 24px; top: 50%; margin-top: -24px;}

/*--- QUOTES, SPOILERS, HIDDEN TEXT, SCRIPTCODE ---*/
.scriptcode, .title_spoiler, .text_spoiler { padding: 6px 8px; background: #f8f9fa; border: 1px solid #e5e7eb; border-radius: 1px; }
.title_quote {background: linear-gradient(135deg, var(--accent) 0%, #1e3e1a 100%); color: #fff; padding: 8px 16px; font-size: 14px; font-weight: 600; border-radius: 1px 1px 0 0;}
.quote {margin-bottom: 24px; padding: 20px; padding-left: 108px; position: relative; font-size: 15px;
	background: rgba(45, 90, 39, 0.05) url(../dleimages/quotes.svg) 32px center /  44px no-repeat; border: 1px solid var(--bdc); border-radius: 1px;}
.comm__text .quote {margin: 0 0 12px 0; font-size: 14px; padding: 16px 20px 12px 48px; 
	background-size: 24px; background-position: 16px 16px;}
.title_spoiler {margin-top: 4px; background: var(--bg-darker); border-radius: 1px 1px 0 0;}
.text_spoiler { margin-bottom: 4px; border-radius: 0 0 1px 1px; }
.title_spoiler img { vertical-align: middle !important; margin:0 6px 0 0; border:0;}
.scriptcode { color: var(--accent); text-align: left; font-family: "Courier New", monospace; background: #1a1a1a; color: #e5e7eb; }
.title_spoiler { font-weight: 600; }
.text_spoiler { border-top: 0; text-align: justify; }
.hide { background-color: #f8f9fa; padding: 8px; color: var(--tt); margin: 0 0 1em 0; border: 1px solid var(--bdc); border-radius: 1px; }
.hide a { text-decoration: underline; color: var(--accent); } 
.hide a:hover { text-decoration: none }
.inhide { border: 1px solid var(--bdc); padding: 8px; background-color: #fff; margin-bottom: 8px; border-radius: 1px; }

/*--- RATING ---*/
.unit-rating {display: inline-flex; position: relative; --size: 20px; --size-1: -20px; --size-2: -40px}
.unit-rating li {background:url(../dleimages/rating.svg) no-repeat; position: relative; z-index: 5; 
	background-size: var(--size) auto}
.unit-rating li a {display:block; width: var(--size); aspect-ratio: 1 / 1; text-indent: -100px; overflow: hidden;}
.unit-rating:hover li {background-position: 0 var(--size-1); z-index: 10;}
.unit-rating li:hover ~ li {background-position: 0 0 !important; z-index: 5;}
.unit-rating li.current-rating {background-position: 0 var(--size-2); background-repeat: repeat-x; pointer-events: none;
	position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;}

/*---BB EDITOR ---*/
.bb-pane {border: 1px solid var(--ui-bdc); background: var(--ui-bg-darker); padding: 8px 12px; margin-bottom: 1px;
	border-radius: 1px 1px 0 0; gap: 6px 6px; position: relative; z-index: 10; border-bottom: 0;
	display: grid; grid-template-columns: repeat(auto-fill,minmax(32px,1fr));}
.bb-btn {display: grid; place-items: center; height: 32px; cursor: pointer; font-size: 15px; border-radius: 1px; background: #ffffff; border: 1px solid var(--bdc);}
.bb-btn:hover {background-color: var(--accent); color: #fff; border-color: var(--accent);}

/* Остальная часть файла остается без изменений, так как она содержит специфические стили для DLE */
/* ... остальной код engine.css ... */
@font-face {font-family: 'bb-editor-font'; src: url(../webfonts/bb-editor.woff) format('woff'); font-weight: normal; font-style: normal;}
[class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font'; font-style: normal; 
    font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#b_b:before {content: "\f032";}
#b_i:before {content: "\f033";}
#b_u:before {content: "\f0cd";}
#b_s:before {content: "\f0cc";}
#b_img:before { content: "\f03e"; }
#b_up:before { content: "\e930"; }
#b_emo:before { content: "\f118"; }
#b_url:before { content: "\f0c1"; }
#b_leech:before { content: "\e98d"; }
#b_mail:before { content: "\f003"; }
#b_video:before { content: "\e913"; }
#b_audio:before { content: "\e911"; }
#b_hide:before { content: "\e9d1"; }
#b_quote:before { content: "\e977"; }
#b_code:before { content: "\f121"; }
#b_left:before { content: "\f036"; }
#b_center:before { content: "\f037"; }
#b_right:before { content: "\f038"; }
#b_color:before { content: "\e601"; }
#b_spoiler:before { content: "\e600"; }
#b_fla:before { content: "\ea8d"; }
#b_yt:before { content: "\f166"; }
#b_tf:before { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#b_br:before { content: "\ea68"; }
#b_pl:before { content: "\ea72"; }
#b_size:before { content: "\f034"; }
#b_font:before { content: "\f031"; }
#b_header:before { content: "\f1dc"; }
#b_sub:before { content: "\f12c"; }
#b_sup:before { content: "\f12b"; }
#b_justify:before { content: "\f039"; }
.bb-pane h1{font-size:36px;margin-top:8px;margin-bottom:8px}
.bb-pane h2{font-size:30px;margin-top:8px;margin-bottom:8px}
.bb-pane h3{font-size:24px;margin-top:8px;margin-bottom:8px}
.bb-pane h4{font-size:18px;margin-top:8px;margin-bottom:8px}
.bb-pane h5{font-size:14px;margin-top:8px;margin-bottom:8px}
.bb-pane h6{font-size:12px;margin-top:8px;margin-bottom:8px}
.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:200px;padding:8px 0;margin:4px 0 0;list-style:none;font-size:12px;border:1px solid var(--ui-bdc);border-radius:8px;background:var(--bg);box-shadow:var(--bsh)}
.bb-pane-dropdown > li > a{display:block;padding:6px 16px;clear:both;font-weight:500;line-height:1.42857;color:var(--tt);white-space:nowrap}
.bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:var(--accent);background-color:var(--bg-darker)}
.bb-pane-dropdown .color-palette div .color-btn{width:20px;height:20px;padding:0;margin:0;border:2px solid var(--bg);cursor:pointer; border-radius: 4px;}
.bb-pane-dropdown .color-palette{padding:8px 8px}
.bb-editor textarea{margin-top:-1px; border-radius: 0 0 8px 8px;}

/*--- DROP MENU ---*/
#dropmenudiv {font: 14px 'inter', sans-serif; padding: 16px; display: none; background: var(--ui-bg); 
    border-radius: 12px;  box-shadow: var(--bsh-long); z-index:200 !important; border: 1px solid var(--bdc);}
#dropmenudiv a {display: block; text-decoration: none; padding: 8px 12px; width: 180px; border-radius: 6px;}
#dropmenudiv a:hover {background: var(--bg-darker); color: var(--accent);}

/*--- TAGS CLOUD ---*/

/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions .updli-1 {float:left;margin-top:12px;margin-left:8px;margin-right:12px;}
#searchsuggestions .updli-1 {width:80px!important;height:120px!important;left;}
#searchsuggestions .updli {height:160px;display:block;width:100%!important;position:relative;}
#searchsuggestions .updli:hover {background:var(--bg-darker); border-radius: 8px;}
#searchsuggestions .line-clamp {font-size:18px;color:var(--tt);padding-top:8px;font-weight:700;}
#searchsuggestions .line-clamp:hover{opacity:0.8}
#searchsuggestions .line-clamp-gray {font-size:16px;color:var(--tt-fade);opacity:0.8}
#searchsuggestions .text__search {font-size:14px;margin-top:16px;display:block;line-height:1.5;}
#searchsuggestions {z-index: 99998; word-wrap: break-word; max-height: 60vh; overflow-x: hidden; overflow-y: auto; border-radius: 12px;
    background: var(--ui-bg); box-shadow: var(--bsh-long); width: var(--searchWidth,320px); border: 1px solid var(--bdc);}
#searchsuggestions span {display: block; font-size: 15px;}
#searchsuggestions span.notfound {padding: 24px; border-bottom: 1px solid var(--ui-bdc); text-align: center; color: var(--tt-fade);}
#searchsuggestions span.seperator a {padding: 20px; text-align: center; background: var(--ui-bg-darker); display: block; font-weight: 600; color: var(--accent);}
.fs-result {padding: 16px; border-bottom: 1px solid var(--ui-bdc); border-radius: 8px; margin: 4px;}
.fs-result__img {width: 48px; height: 72px; margin-right: 12px; border-radius: 6px;}
.fs-result__title {font-weight: var(--ui-fw-bolder); font-size: 15px; line-height: 1.3;}
.fs-result__meta {margin-top: 4px; color: var(--ui-tt-fade); font-size: 13px; gap: 12px;}
.fs-result__rating {border-radius: 4px; padding: 2px 8px; font-size: 12px; font-weight: var(--ui-fw-bolder); background: linear-gradient(135deg, var(--green) 0%, #059669 100%); color: #fff;}

/*--- UI DIALOG ---*/
.ui-front {z-index: 1000;}
.ui-widget-overlay {background: rgba(0,0,0,0.7); left: 0; top: 0; right: 0; bottom: 0; position: fixed; backdrop-filter: blur(5px);}
.ui-dialog {background-color: var(--ui-bg); border-radius: 16px; max-width: 100% !important;
    box-shadow: var(--ui-bsh); width: 640px; position: absolute; border: 1px solid var(--bdc);}
.ui-dialog-titlebar {padding: 20px 32px; border-radius: 16px 16px 0 0;
    display: flex; align-items: center; gap: 12px; background: linear-gradient(135deg, var(--ui-bg-black) 0%, #0f172a 100%); color: #fff;}
.ui-dialog-title {font-size: 20px; font-weight: var(--ui-fw-bolder);}
.ui-dialog-titlebar-close {color: #fff; font-size: 24px; width: 44px; height: 44px; 
    overflow: hidden; text-indent: -200px; position: relative; margin-right: -12px; border-radius: 8px; background: rgba(239,68,68,0.9);}
.ui-icon-closethick {display: grid; place-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ui-icon-closethick::before {content:"\f00d"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); text-indent: 0;}
.ui-dialog-content {padding: 24px 32px;}
.ui-dialog-buttonpane {padding: 0 32px 24px 32px;}
.ui-dialog-buttonset, .save-buttons {display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px;}
.ui-dialog-buttonset button, .save-buttons input.bbcodes {height: 44px; padding: 0 20px; font-size: 15px; 
    flex: 1 1 0; max-width: 100%; min-width: auto; white-space: nowrap; border-radius: 8px; font-weight: 600;}
.ui-dialog .ui-resizable-se {bottom: 4px; height: 16px; right: 4px; width: 16px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.dle-popup-complaint .ui-dialog-content textarea, .dle-popup-sendpm .ui-dialog-content textarea {margin: 12px 0 24px 0; height: 120px !important; border-radius: 8px;}
.dle-popup-complaint .ui-dialog-content textarea:last-child {margin-bottom: 0;}
.ui-dialog-content br + input, .ui-dialog-content br + select {margin-top: 12px; width: 100% !important; border-radius: 8px;}
@media screen and (max-width: 760px) {
    .ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane {padding-left: 24px; padding-right: 24px;}
}

/* ---  UI MENU --- */
.ui-autocomplete { position: absolute; cursor: default; }
.ui-menu { list-style:none; padding: 8px; margin: 0; display:block; float: left; background: var(--bg); border: 1px solid var(--bdc); color: var(--tt); border-radius: 8px; box-shadow: var(--bsh); }
.ui-menu .ui-menu { margin-top: -4px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:8px 12px; line-height:1.5; border-radius: 4px;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: 600; margin: -1px; border: 1px solid var(--accent); color: var(--accent); background: var(--bg-darker); }

/*--- UPDATES TO NEW VERSIONS ---*/
.comments-tree-list .comments-tree-list {padding-left: 56px;}
.commentsreplyname, .commentsreplymail, #dlereplypopup textarea, #dlereplypopup .comments_subscribe {margin-top: 12px;}
.pollallvotes {text-align: center; margin-top: 12px; background: var(--bg-darker); padding: 16px; border-radius: 8px;}
.comments-edit-area, #dlefastreplycomments {border: 2px solid var(--ui-bd-attention); padding: 16px; margin-bottom: 16px; border-radius: 12px;}
.comments-edit-area .bb-editor textarea, #dlefastreplycomments textarea, #dlereplypopup textarea {height: 160px !important; border-radius: 8px;}
#dlefastreplycomments textarea, #dlefastreplycomments .quick-edit-text {margin: 12px 0;}
#dlefastreplycomments .comments_subscribe {margin-bottom: 16px; margin-top: -8px;}

/*--- 11, 12 ---*/
.emoji {border: none;vertical-align: middle;width: 24px;height: 24px;}
.xfieldsrow {padding-top:8px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.file-box {width: 95%;max-width: 480px;border:2px solid var(--bdc); border-radius: 12px;background-color: var(--bg-darker);padding: 16px;margin-top: 16px;}
.qq-uploader {position:relative; width: 100%;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 480px;background:var(--red); text-align:center; border-radius: 12px; }
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; color: white;}
.qq-upload-drop-area-active {background:var(--red);}

div[id*=uploadedfile], .file-preview-box {display: grid !important; gap: 16px !important; padding: 0 !important;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); margin-bottom: 16px;}
.uploadedfile {background-color: var(--ui-bg); border: 1px solid var(--ui-bdc); font-size: 14px;
    box-shadow: var(--bsh); text-align: center; padding: 16px; border-radius: 8px;}
.uploadedfile .uploadimage {height: 100px; margin: 12px 0; cursor: move; border-radius: 6px;}
.uploadedfile .uploadimage img {width: 100%; height: 100%; object-fit: contain; border-radius: 6px;}
.sortable-ghost {opacity: 0.4;}
.uploadedfile .info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.uploadedfile .info a {display: block; padding: 8px; background-color: var(--ui-bg-darker); border-radius: 4px;}
.uploadedfile .info a + br + a {background: linear-gradient(135deg, var(--ui-red) 0%, #dc2626 100%); color: #fff;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity:0.6;}
span[id*=uploadedfile] {margin: 16px 0; display: block;}
.file-preview-card, .folder-preview-card {width: 100% !important; padding: 0 !important;}

.progress {overflow: hidden; margin-top: 16px; margin-bottom: 16px; height: 12px;
    border-radius: 6px; background:var(--ui-bg-darker); box-shadow: var(--ui-bsh-inset);}
.progress .progress-bar {float: left; width: 0%; font-size: 14px; line-height: 20px; color: #fff; 
    text-align: center; background: linear-gradient(135deg, var(--accent) 0%, #1e40af 100%); transition: width 0.6s ease; border-radius: 6px; height: 10px;}
.progress-bar span{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;}
.progress-blue {background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); 
    background-repeat: repeat-x; border: 1px solid #55aeee;}
/*
.xfieldimagegallery, .comments-image-gallery {display: grid; gap: 16px; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); margin-bottom: 32px;}
.xfieldimagegallery a, .comments-image-gallery a {display: block; border: 6px solid var(--ui-bg); box-shadow: var(--bsh); 
    position: relative; border-radius: 8px;}
.xfieldimagegallery img, .comments-image-gallery img {display: block; width: 100%; object-fit: cover;aspect-ratio: 3/2; border-radius: 6px;}
.xfieldimagegallery a::before, .comments-image-gallery a::before {content:"\f00e"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); 
    position: absolute; right: 8px; top: 8px; border-radius: 6px; width: 36px; height: 36px; font-size: 18px; 
    background-color: rgba(0,0,0,0.7); color: #fff; backdrop-filter: blur(10px); display: grid; place-items: center;}
*/.dle-captcha { position: relative; border-radius: 8px; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 8px; }
.dle-captcha img {position: relative; display: block; width: 140px; height: 52px; transition: all ease .2s; border-radius: 6px;}
.dle-captcha > input { float: left; width: 140px; border-radius: 6px; }
.instagram-media, .twitter-tweet {display: inline-block !important;}
.comments-image-gallery {margin-bottom: 20px;}

/*--- 13, 14, 15, 16, 17 ---*/
.emoji_box {width:100%; max-width: 420px;}
.emoji_category {padding:12px; clear:both;}
.emoji_list {margin-top:8px; margin-bottom:8px; width:100%;
    font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2.2em;}
.emoji_symbol {float:left; margin-bottom: 12px; width:12.5%; text-align:center;}
.emoji_symbol a,  .emoji_symbol a:hover {cursor: pointer; text-decoration:none;}
.native-emoji {font-size: 1.4em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}
.mce-toc {border-bottom: 2px solid var(--bdc); padding-bottom: 20px; margin-bottom: 32px; margin-top: -20px;}
.mce-toc h2 {font-size: 20px; margin-bottom: 16px; color: var(--accent);}
.mce-toc ul li {position: relative; padding-left: 40px; margin-bottom: 8px;}
.mce-toc a {text-decoration: none; color: var(--tt); font-weight: 500;}
.mce-toc ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
    background: var(--accent); position: absolute; top: 8px; left: 20px;}
figure {margin: 0;}
figure.align-left {float: left; margin: 0 20px 20px 0;}
figure.align-right {float: right; margin: 0 0 20px 20px;}
figure.image.align-center {display: table; margin-left: auto; margin-right: auto;}
figure.image figcaption {padding: 12px; background: var(--bg-darker); font-size: 14px; border-radius: 0 0 8px 8px;
    caption-side: bottom; word-break: break-word; text-align: center;}
figure.image.align-center figcaption {display: table-caption;}
.image-bordered {border: 2px solid var(--bdc); border-radius: 8px;}
.image-shadows {box-shadow: var(--bsh); border-radius: 8px;}
.image-padded {padding: 12px; background: var(--bg-darker); border-radius: 8px;}
.comments-user-profile {font-weight: 700; cursor: pointer; color: var(--accent);}
.mce-accordion summary {cursor: pointer; font-weight: 600; color: var(--accent);}
.self_delete_link {margin: 0; color: var(--ui-accent); text-decoration: underline; font-weight: 500;}

.dle-popup-quickedit .ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button-text {text-indent: -200px;}
.ui-dialog-titlebar .ui-button-text::before {content:"\f00d"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); text-indent: 0; 
    position: absolute; inset: 0; display: grid; place-items: center;}
    .dle-popup-quickedit .ui-dialog-content {height: calc(100vh - 200px) !important;}
.quick-edit-text {width: 100%; border-radius: 8px;}
.xfieldsrow::after {content: ''; clear: both; display: table;}

.title_spoiler {display: flex; align-items: center; gap: 8px; padding: 12px 16px;}
.title_spoiler a {display: block;}
.title_spoiler a:first-child, .title_spoiler svg {width: 20px; height: 20px;}
.title_spoiler a + a {flex: 1 1 0; max-width: 100%; min-width: 50px; font-weight: 600;}

.DLEPush {z-index: 1000; position: fixed; right: 24px; top: 24px;}
@keyframes DLEPush-show {
    0% {transform: translateY(100%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 0.3s; position: relative;
    display: grid; gap: 12px; margin-bottom: 12px; width: 440px; max-width: calc(100vw - 48px); 
    color: var(--tt); background: var(--bg); box-shadow: var(--bsh-long); 
    border-radius: 12px; padding: 20px 32px 20px 72px; overflow: hidden; border-left: 4px solid hsl(var(--hue,174), 100%, 27%);}
.DLEPush-notification .DLEPush-icon {display: grid; place-items: center; position: absolute; left: 0; top: 0; 
    color: #fff; background: hsl(var(--hue,174), 100%, 27%); width: 52px; height: 100%;}
.DLEPush-notification .DLEPush-icon svg {scale: 0.9;}
.DLEPush-notification .DLEPush-header {font-weight: 700; font-size: 1.2em;}
.DLEPush-notification .DLEPush-header:empty {display: none;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 50%; right: 16px; background: none;
    border: 0; padding: 0; color: inherit; font-size: 1.4em; transform: translateY(-50%);}
.DLEPush-notification.wrapper.push-success {--hue: 174;}
.DLEPush-notification.wrapper.push-warning {--hue: 36;}
.DLEPush-notification.wrapper.push-error {--hue: 14;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 16px; border-radius: 8px;}

/* --- ADAPTIVE --- */
@media screen and (max-width: 760px) {
    .serv__gap, .form__row--submit {gap: 12px;}
    .form__row {grid-template-columns: minmax(220px,1fr);}
    .form__table, .form__table tr, .form__table td, .form__table tbody {display: block; width: 100%; min-height: 24px; padding: 0 !important;}
    .form__table tr + tr {padding-top: 24px !important;}
    .form__table .addnews {width: 100%; padding: 0 0 12px 0 !important;}
    .form__find-related {position: static; width: 100%; border-radius: 8px; margin-top: 12px;}
    .qq-upload-button {width: 100% !important;}
    .form__btn {width: 100%;}
}
@media screen and (max-width: 590px) {
    .form__sec-code img {height: 72px; width: 140px;}
    .form__sec-code > input {height: 72px; line-height: 72px;}
    .comments-tree-list .comments-tree-list {padding-left: 24px;}
    .xfieldimagegallery, .comments-image-gallery {grid-template-columns: repeat(auto-fill,minmax(160px,1fr));}
}