/* ========================================================================
   Vice Forum Editorial 2026
   Final non-home layer: topic indexes inherit the restrained newsroom and
   city-index language established on the portal without changing SMF data.
   ======================================================================== */

body.vice-white-2026.vice-inner-shell {
	--vfe-paper: #fbfaf7;
	--vfe-paper-muted: #f1efe9;
	--vfe-line: #d8d6d0;
	--vfe-line-soft: #e3e0da;
	--vfe-ink: #233247;
	--vfe-text: #56667a;
	--vfe-muted: #8793a1;
	--vfe-night: #151b24;
	--vfe-night-2: #1b232e;
	--vfe-gold: #9a8051;
}

body.vice-white-2026.vice-inner-shell .navigate_section,
body.vice-white-2026.vice-inner-shell #linktree {
	background: rgba(251, 250, 247, 0.94) !important;
	border-color: var(--vfe-line) !important;
	border-radius: 10px !important;
	box-shadow: 0 12px 30px rgba(32, 43, 57, 0.055) !important;
}

body.vice-white-2026.vice-inner-shell .navigate_section a,
body.vice-white-2026.vice-inner-shell .navigate_section li > span,
body.vice-white-2026.vice-inner-shell #linktree a,
body.vice-white-2026.vice-inner-shell #linktree li > span {
	color: var(--vfe-text) !important;
}

body.vice-white-2026.vice-inner-shell .navigate_section .nav_icon i,
body.vice-white-2026.vice-inner-shell #linktree .nav_icon i {
	color: var(--vfe-gold) !important;
	background: rgba(154, 128, 81, 0.07) !important;
	border-color: rgba(154, 128, 81, 0.24) !important;
}

/* Board topic list: one connected publication index rather than a collection
   of floating template cards. */
body.vice-white-2026.vice-inner-shell #messageindex {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.vice-white-2026.vice-inner-shell #messageindex #topic_header {
	display: grid !important;
	grid-template-columns: 44px minmax(280px, 1fr) 112px minmax(210px, 258px) 36px !important;
	gap: 13px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 11px 14px !important;
	align-items: center !important;
	color: #aeb7c4 !important;
	background:
		linear-gradient(110deg, rgba(154, 128, 81, 0.09), transparent 32%),
		var(--vfe-night) !important;
	border: 1px solid rgba(154, 128, 81, 0.2) !important;
	border-radius: 10px 10px 0 0 !important;
	box-shadow: none !important;
	font-size: 9px !important;
	font-weight: 720 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase;
}

body.vice-white-2026.vice-inner-shell #messageindex #topic_container {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--vfe-paper) !important;
	border: 1px solid var(--vfe-line) !important;
	border-top: 0 !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 0 18px 42px rgba(32, 43, 57, 0.07) !important;
	overflow: hidden !important;
}

body.vice-white-2026.vice-inner-shell #messageindex #topic_container > .topic_row,
body.vice-white-2026.vice-inner-shell #messageindex #topic_container > div {
	display: grid !important;
	grid-template-columns: 44px minmax(280px, 1fr) 112px minmax(210px, 258px) 36px !important;
	gap: 13px !important;
	min-height: 76px !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	align-items: center !important;
	color: var(--vfe-text) !important;
	background: var(--vfe-paper) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--vfe-line-soft) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

body.vice-white-2026.vice-inner-shell #messageindex #topic_container > .topic_row:last-child,
body.vice-white-2026.vice-inner-shell #messageindex #topic_container > div:last-child {
	border-bottom: 0 !important;
}

body.vice-white-2026.vice-inner-shell #messageindex #topic_container > .topic_row:hover,
body.vice-white-2026.vice-inner-shell #messageindex #topic_container > div:hover {
	background: #f5f2ec !important;
}

body.vice-white-2026.vice-inner-shell #messageindex :is(.board_icon,.info,.board_stats,.lastpost,.moderation) {
	min-width: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .board_icon img {
	width: 22px !important;
	height: 22px !important;
	filter: grayscale(1) sepia(0.12) saturate(0.55) opacity(0.72);
}

body.vice-white-2026.vice-inner-shell #messageindex .message_index_title,
body.vice-white-2026.vice-inner-shell #messageindex .message_index_title a,
body.vice-white-2026.vice-inner-shell #messageindex .message_index_title span > a {
	color: var(--vfe-ink) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	letter-spacing: -0.01em;
}

body.vice-white-2026.vice-inner-shell #messageindex .info p,
body.vice-white-2026.vice-inner-shell #messageindex .topic_starter,
body.vice-white-2026.vice-inner-shell #messageindex .topic_starter a {
	color: var(--vfe-muted) !important;
	font-size: 10px !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .new_posts {
	display: inline-flex !important;
	margin-right: 7px !important;
	padding: 2px 5px !important;
	color: #7d653c !important;
	background: rgba(154, 128, 81, 0.09) !important;
	border: 1px solid rgba(154, 128, 81, 0.23) !important;
	border-radius: 4px !important;
	font-size: 7px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.vice-white-2026.vice-inner-shell #messageindex .board_stats {
	padding: 0 10px !important;
	border-right: 1px solid var(--vfe-line-soft) !important;
	border-left: 1px solid var(--vfe-line-soft) !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .board_stats p {
	color: #627185 !important;
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
	font-size: 9px !important;
	font-variant-numeric: tabular-nums;
	line-height: 1.65 !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .lastpost {
	align-self: stretch !important;
	margin: -10px -14px -10px 0 !important;
	padding: 10px 12px !important;
	display: flex !important;
	align-items: center !important;
	background: rgba(237, 235, 229, 0.58) !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .lastpost p,
body.vice-white-2026.vice-inner-shell #messageindex .lastpost a {
	color: #718094 !important;
	font-size: 9.5px !important;
	line-height: 1.45 !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .lastpost a:hover,
body.vice-white-2026.vice-inner-shell #messageindex .lastpost a:focus-visible {
	color: #755f39 !important;
}

body.vice-white-2026.vice-inner-shell #messageindex .moderation input {
	accent-color: var(--vfe-gold);
}

body.vice-white-2026.vice-inner-shell .pagesection .buttonlist a,
body.vice-white-2026.vice-inner-shell .pagesection .button,
body.vice-white-2026.vice-inner-shell .pagelinks .navPages {
	color: var(--vfe-text) !important;
	background: var(--vfe-paper) !important;
	border-color: var(--vfe-line) !important;
	box-shadow: none !important;
}

body.vice-white-2026.vice-inner-shell .pagesection .buttonlist a:hover,
body.vice-white-2026.vice-inner-shell .pagesection .button:hover,
body.vice-white-2026.vice-inner-shell .pagelinks .navPages:hover,
body.vice-white-2026.vice-inner-shell .pagelinks .current_page {
	color: #f4f5f7 !important;
	background: #2b3d51 !important;
	border-color: #2b3d51 !important;
}

@media (max-width: 900px) {
	body.vice-white-2026.vice-inner-shell #messageindex #topic_header,
	body.vice-white-2026.vice-inner-shell #messageindex #topic_container > .topic_row,
	body.vice-white-2026.vice-inner-shell #messageindex #topic_container > div {
		grid-template-columns: 40px minmax(0, 1fr) 34px !important;
	}

	body.vice-white-2026.vice-inner-shell #messageindex :is(.board_stats,.lastpost),
	body.vice-white-2026.vice-inner-shell #messageindex #topic_header :is(.board_stats,.lastpost) {
		display: none !important;
	}
}

@media (max-width: 620px) {
	body.vice-white-2026.vice-inner-shell #messageindex #topic_header {
		display: none !important;
	}

	body.vice-white-2026.vice-inner-shell #messageindex #topic_container {
		border-top: 1px solid var(--vfe-line) !important;
		border-radius: 10px !important;
	}

	body.vice-white-2026.vice-inner-shell #messageindex #topic_container > .topic_row,
	body.vice-white-2026.vice-inner-shell #messageindex #topic_container > div {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		padding: 11px !important;
	}

	body.vice-white-2026.vice-inner-shell #messageindex .moderation {
		display: none !important;
	}
}