/**
 * Vice inner page dark compatibility layer.
 * Keeps legacy SMF profile, moderation and administration markup inside the
 * 2026 dark surface without changing templates, permissions or form logic.
 */

body.vice-modern-ui.action_profile,
body.vice-modern-ui.action_moderate,
body.vice-modern-ui.action_admin {
	--vic-surface: #111821;
	--vic-surface-2: #171f2a;
	--vic-surface-3: #1c2632;
	--vic-border: rgba(255, 255, 255, 0.1);
	--vic-text: #e5ebf3;
	--vic-muted: #98a5b5;
	--vic-accent: #2d81d5;
	--vic-accent-soft: rgba(45, 129, 213, 0.18);
}

/* GenericMenu is emitted after the linked stylesheets. Use a stronger scope
 * so Bootstrap and the old inline menu skin cannot paint white menu rows. */
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__subpanel,
body.vice-modern-ui #admin_menu.vp-admin-menu ul.dropdown-menu {
	color: var(--vic-text, #e5ebf3) !important;
	background: #141b24 !important;
	border: 1px solid var(--vic-border, rgba(255, 255, 255, 0.1)) !important;
	border-radius: 10px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.48) !important;
}

body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel > li,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__subpanel > li,
body.vice-modern-ui #admin_menu.vp-admin-menu ul.dropdown-menu > li {
	background: transparent !important;
}

body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel > li > a,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__subpanel > li > a,
body.vice-modern-ui #admin_menu.vp-admin-menu ul.dropdown-menu > li > a {
	color: #cbd5e1 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 7px !important;
}

body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel > li > a:hover,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel > li > a:focus,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel > li > a.active,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__panel > li > a.chosen,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__subpanel > li > a:hover,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__subpanel > li > a:focus,
body.vice-modern-ui #admin_menu.vp-admin-menu .vp-admin-menu__subpanel > li > a.active {
	color: #fff !important;
	background: var(--vic-accent-soft, rgba(45, 129, 213, 0.18)) !important;
}

body.vice-modern-ui #adm_submenus .dropmenu li ul,
body.vice-modern-ui #adm_submenus .dropmenu li li {
	color: var(--vic-text, #e5ebf3) !important;
	background: #141b24 !important;
	border-color: var(--vic-border, rgba(255, 255, 255, 0.1)) !important;
}

body.vice-modern-ui #adm_submenus .dropmenu li li a {
	color: #cbd5e1 !important;
	background: transparent !important;
}

body.vice-modern-ui #adm_submenus .dropmenu li li a:hover,
body.vice-modern-ui #adm_submenus .dropmenu li li a:focus,
body.vice-modern-ui #adm_submenus .dropmenu li li a.active {
	color: #fff !important;
	background: var(--vic-accent, #2d81d5) !important;
}

/* Profile/UCP legacy forms and activity lists. */
body.vice-modern-ui.action_profile .vp-account-center__content .windowbg,
body.vice-modern-ui.action_profile .vp-account-center__content .windowbg2,
body.vice-modern-ui.action_profile .vp-account-center__content .windowbg3,
body.vice-modern-ui.action_profile .vp-account-center__content .roundframe,
body.vice-modern-ui.action_profile .vp-account-center__content .information,
body.vice-modern-ui.action_profile .vp-account-center__content .description,
body.vice-modern-ui.action_profile .vp-account-center__content .plainbox,
body.vice-modern-ui.action_profile .vp-account-center__content .tborder,
body.vice-modern-ui.action_profile .vp-account-center__content .flow_hidden .windowbg,
body.vice-modern-ui.action_profile .vp-account-center__content .flow_hidden .windowbg2 {
	color: var(--vic-text) !important;
	background: var(--vic-surface-2) !important;
	background-color: var(--vic-surface-2) !important;
	border-color: var(--vic-border) !important;
}

body.vice-modern-ui.action_profile .vp-account-center__content .content,
body.vice-modern-ui.action_profile .vp-account-center__content .inner,
body.vice-modern-ui.action_profile .vp-account-center__content .innerframe,
body.vice-modern-ui.action_profile .vp-account-center__content .post,
body.vice-modern-ui.action_profile .vp-account-center__content .list_posts,
body.vice-modern-ui.action_profile .vp-account-center__content form,
body.vice-modern-ui.action_profile .vp-account-center__content dl,
body.vice-modern-ui.action_profile .vp-account-center__content ul:not(.quickbuttons) {
	color: var(--vic-text) !important;
	background-color: transparent !important;
}

body.vice-modern-ui.action_profile .vp-account-center__content table,
body.vice-modern-ui.action_profile .vp-account-center__content table.table_grid,
body.vice-modern-ui.action_profile .vp-account-center__content table tbody,
body.vice-modern-ui.action_profile .vp-account-center__content table tr,
body.vice-modern-ui.action_profile .vp-account-center__content table td {
	color: var(--vic-text) !important;
	background: transparent !important;
	background-color: transparent !important;
	border-color: var(--vic-border) !important;
}

body.vice-modern-ui.action_profile .vp-account-center__content table th,
body.vice-modern-ui.action_profile .vp-account-center__content table tr.catbg,
body.vice-modern-ui.action_profile .vp-account-center__content table tr.titlebg {
	color: #fff !important;
	background: rgba(45, 129, 213, 0.2) !important;
	border-color: var(--vic-border) !important;
}

body.vice-modern-ui.action_profile .vp-account-center__content dt,
body.vice-modern-ui.action_profile .vp-account-center__content dd,
body.vice-modern-ui.action_profile .vp-account-center__content label,
body.vice-modern-ui.action_profile .vp-account-center__content li,
body.vice-modern-ui.action_profile .vp-account-center__content p,
body.vice-modern-ui.action_profile .vp-account-center__content span {
	border-color: var(--vic-border);
}

body.vice-modern-ui.action_profile .vp-account-center__content .smalltext,
body.vice-modern-ui.action_profile .vp-account-center__content .middletext,
body.vice-modern-ui.action_profile .vp-account-center__content em {
	color: var(--vic-muted) !important;
}

body.vice-modern-ui.action_profile .vp-account-center__content hr,
body.vice-modern-ui.action_profile .vp-account-center__content .hrcolor {
	border: 0 !important;
	border-top: 1px solid var(--vic-border) !important;
	background: transparent !important;
}

/* Awards plug-in pages do not constrain uploaded badge dimensions. */
body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] table {
	table-layout: auto !important;
}

body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] table td:first-child {
	width: 132px !important;
	min-width: 132px;
	text-align: center;
}

body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] table td img,
body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] .award img,
body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] .awards img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 112px !important;
	max-height: 112px !important;
	margin: 8px auto !important;
	object-fit: contain;
}

/* Moderation dashboard and its asynchronously filled news boxes. */
body.vice-modern-ui.action_moderate #modcenter .windowbg,
body.vice-modern-ui.action_moderate #modcenter .windowbg2,
body.vice-modern-ui.action_moderate #modcenter .windowbg3,
body.vice-modern-ui.action_moderate #modcenter .roundframe,
body.vice-modern-ui.action_moderate #modcenter .information,
body.vice-modern-ui.action_moderate #modcenter .description {
	color: var(--vic-text) !important;
	background: var(--vic-surface-2) !important;
	background-color: var(--vic-surface-2) !important;
	border-color: var(--vic-border) !important;
}

body.vice-modern-ui.action_moderate #modcenter .content,
body.vice-modern-ui.action_moderate #modcenter .modbox,
body.vice-modern-ui.action_moderate #modcenter .modbox ul,
body.vice-modern-ui.action_moderate #modcenter #smfAnnouncements,
body.vice-modern-ui.action_moderate #modcenter #smfAnnouncements dl,
body.vice-modern-ui.action_moderate #modcenter #smfAnnouncements dt,
body.vice-modern-ui.action_moderate #modcenter #smfAnnouncements dd {
	color: var(--vic-text) !important;
	background: transparent !important;
	background-color: transparent !important;
}

body.vice-modern-ui.action_moderate #modcenter .smalltext,
body.vice-modern-ui.action_moderate #modcenter #smfAnnouncements dd {
	color: var(--vic-muted) !important;
}

/* Native SMF administration pages. */
body.vice-modern-ui.action_admin #main_content_section {
	width: 100%;
	max-width: 1445px;
	margin: 0 auto;
	padding: 8px 20px 36px;
	box-sizing: border-box;
	color: var(--vic-text);
}

body.vice-modern-ui.action_admin #main_content_section .windowbg,
body.vice-modern-ui.action_admin #main_content_section .windowbg2,
body.vice-modern-ui.action_admin #main_content_section .windowbg3,
body.vice-modern-ui.action_admin #main_content_section .roundframe,
body.vice-modern-ui.action_admin #main_content_section .information,
body.vice-modern-ui.action_admin #main_content_section .description,
body.vice-modern-ui.action_admin #main_content_section .plainbox,
body.vice-modern-ui.action_admin #main_content_section .tborder,
body.vice-modern-ui.action_admin #main_content_section .flow_hidden .windowbg,
body.vice-modern-ui.action_admin #main_content_section .flow_hidden .windowbg2 {
	color: var(--vic-text) !important;
	background: var(--vic-surface) !important;
	background-color: var(--vic-surface) !important;
	border: 1px solid var(--vic-border) !important;
	border-radius: 11px !important;
	box-shadow: none !important;
}

body.vice-modern-ui.action_admin #main_content_section .content,
body.vice-modern-ui.action_admin #main_content_section .inner,
body.vice-modern-ui.action_admin #main_content_section .innerframe,
body.vice-modern-ui.action_admin #main_content_section .admincenter,
body.vice-modern-ui.action_admin #main_content_section form,
body.vice-modern-ui.action_admin #main_content_section dl,
body.vice-modern-ui.action_admin #main_content_section ul:not(.dropmenu):not(.vp-admin-menu__list) {
	color: var(--vic-text) !important;
	background: transparent !important;
	background-color: transparent !important;
}

body.vice-modern-ui.action_admin #main_content_section table,
body.vice-modern-ui.action_admin #main_content_section table tbody,
body.vice-modern-ui.action_admin #main_content_section table tr,
body.vice-modern-ui.action_admin #main_content_section table td {
	color: var(--vic-text) !important;
	background: transparent !important;
	background-color: transparent !important;
	border-color: var(--vic-border) !important;
}

body.vice-modern-ui.action_admin #main_content_section table th,
body.vice-modern-ui.action_admin #main_content_section table tr.catbg,
body.vice-modern-ui.action_admin #main_content_section table tr.titlebg {
	color: #fff !important;
	background: rgba(45, 129, 213, 0.2) !important;
	border-color: var(--vic-border) !important;
}

body.vice-modern-ui.action_admin #main_content_section .cat_bar,
body.vice-modern-ui.action_admin #main_content_section .title_bar {
	background: transparent !important;
	border: 0 !important;
}

body.vice-modern-ui.action_admin #main_content_section .catbg,
body.vice-modern-ui.action_admin #main_content_section .titlebg,
body.vice-modern-ui.action_admin #main_content_section h3.catbg,
body.vice-modern-ui.action_admin #main_content_section h3.titlebg {
	color: #fff !important;
	background: linear-gradient(90deg, rgba(45, 129, 213, 0.24), rgba(45, 129, 213, 0.05)) !important;
	border: 1px solid rgba(45, 129, 213, 0.22) !important;
	border-radius: 9px !important;
}

body.vice-modern-ui.action_admin #main_content_section dt,
body.vice-modern-ui.action_admin #main_content_section dd,
body.vice-modern-ui.action_admin #main_content_section label,
body.vice-modern-ui.action_admin #main_content_section strong {
	color: var(--vic-text);
}

body.vice-modern-ui.action_admin #main_content_section .smalltext,
body.vice-modern-ui.action_admin #main_content_section .middletext,
body.vice-modern-ui.action_admin #main_content_section p,
body.vice-modern-ui.action_admin #main_content_section em {
	color: var(--vic-muted);
}

body.vice-modern-ui.action_admin #main_content_section input[type='text'],
body.vice-modern-ui.action_admin #main_content_section input[type='password'],
body.vice-modern-ui.action_admin #main_content_section input[type='email'],
body.vice-modern-ui.action_admin #main_content_section input[type='number'],
body.vice-modern-ui.action_admin #main_content_section input[type='search'],
body.vice-modern-ui.action_admin #main_content_section select,
body.vice-modern-ui.action_admin #main_content_section textarea {
	box-sizing: border-box;
	max-width: 100%;
	min-height: 38px;
	padding: 8px 11px;
	color: var(--vic-text) !important;
	background: #0d141d !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 8px !important;
}

body.vice-modern-ui.action_admin #main_content_section input:focus,
body.vice-modern-ui.action_admin #main_content_section select:focus,
body.vice-modern-ui.action_admin #main_content_section textarea:focus {
	outline: none;
	border-color: rgba(45, 129, 213, 0.8) !important;
	box-shadow: 0 0 0 3px rgba(45, 129, 213, 0.14);
}

body.vice-modern-ui.action_admin #main_content_section fieldset {
	color: var(--vic-text);
	background: rgba(255, 255, 255, 0.015);
	border: 1px solid var(--vic-border);
	border-radius: 10px;
}

body.vice-modern-ui.action_admin #main_content_section legend,
body.vice-modern-ui.action_admin #main_content_section a:hover {
	color: #fff;
}

body.vice-modern-ui.action_admin #main_content_section a {
	color: #79b8ee;
}

body.vice-modern-ui.action_admin #main_content_section hr,
body.vice-modern-ui.action_admin #main_content_section .hrcolor {
	border: 0 !important;
	border-top: 1px solid var(--vic-border) !important;
	background: transparent !important;
}

@media (max-width: 768px) {
	body.vice-modern-ui.action_admin #main_content_section {
		padding: 8px 12px 28px;
	}

	body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] table td:first-child {
		width: 92px !important;
		min-width: 92px;
	}

	body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] table td img,
	body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] .award img,
	body.vice-modern-ui.action_profile .vp-account-center[data-profile-area='awards'] .awards img {
		max-width: 76px !important;
		max-height: 76px !important;
	}
}