/* SH3D UI tweaks — feature 1: collapsible category groups on the board index.
   mvnForum parity: a chevron on each category header collapses/expands the
   forum list below it. State is kept client-side in localStorage. */

.forabg > .inner > ul.topiclist > li.header {
	position: relative;
}

/* make room on the left of the category title for the chevron + watch button */
.forabg > .inner > ul.topiclist > li.header dl.row-item dt .list-inner {
	padding-left: 40px;
}

button.sh3d-cat-toggle {
	position: absolute;
	z-index: 1;
	left: 10px;
	top: -1px;
	bottom: 0;
	width: 22px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	cursor: pointer;
	color: inherit;
	font-size: 1em;
	line-height: 1;
}

button.sh3d-cat-toggle:hover {
	opacity: .75;
}

button.sh3d-cat-toggle .icon {
	color: #fff;
}

ul.topiclist.forums.sh3d-collapsed {
	display: none;
}

/* feature 2: category-level "Watch" button (mvnForum parity). Icon-only,
   sits just right of the chevron in the header gutter; tooltip carries the label. */
a.sh3d-cat-watch {
	position: absolute;
	z-index: 1;
	right: 4px;
	top: 2px;
	width: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	text-decoration: none;
}

a.sh3d-cat-watch:hover {
	opacity: .75;
}

a.sh3d-cat-watch .icon {
	color: inherit;
}

/* feature 3: language flag in forum descriptions (mvnForum parity). The desc
   carries the flag as [img] BBCode rendered to <img> by the listener. */
img.sh3d-lang-flag {
	vertical-align: middle;
	margin-left: 4px;
	border: 0;
}

/* feature 4: mvnForum-style Quick Go + Sort/Order/Go bar on viewforum. */
.sh3d-go-bar {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin: 8px 0 0;
	padding: 4px 0;
	font-size: 1em;
	color: #536482;
}

.sh3d-go-quick,
.sh3d-go-sort {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	white-space: nowrap;
}

.sh3d-go-sort {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.sh3d-go-sort label {
	display: flex;
	align-items: center;
	gap: 4px;
}

.sh3d-go-bar select {
	max-width: 260px;
}

.sh3d-go-sort select {
	min-width: 120px;
}

.sh3d-go-submit {
	margin-left: 2px;
}

/* feature 5: first-post preview below topic titles on viewforum. */
.sh3d-topic-preview {
	margin-top: 3px;
	color: #536482;
	font-size: .95em;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

/* feature 6: high-priority marker before the topic title, as in mvnForum. */
img.sh3d-high-priority-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: text-bottom;
}

/* feature 7: attachment marker before the topic title, as in mvnForum. */
.sh3d-attachment-icon {
	color: #536482;
	vertical-align: text-bottom;
}

/* feature 8: legacy mvnForum thread mood/emoticon before the topic title.
   .sh3d-topic-icon-inline = the native phpBB topic icon, relocated here by the
   footer JS (it ships as an inline background on the row dt, which the flex
   row layout strands bottom-left). */
img.sh3d-topic-mood-icon,
img.sh3d-topic-icon-inline {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: text-bottom;
}
img.sh3d-topic-icon-inline { margin-right: 6px; }

/* features 13/14: nudge the priority/mood icons up when shown in the topic-view
   heading (the .topic-title element) only — the list placement is unaffected. */
.topic-title img.sh3d-high-priority-icon,
.topic-title img.sh3d-topic-mood-icon {
	position: relative;
	top: -4px;
}

@media (max-width: 700px) {
	.sh3d-go-bar {
		align-items: flex-start;
		flex-direction: column;
	}

	.sh3d-go-quick,
	.sh3d-go-sort {
		flex-wrap: wrap;
		justify-content: flex-start;
		white-space: normal;
		width: 100%;
	}

	.sh3d-go-bar select {
		max-width: 100%;
	}
}

/* feature 9: "Welcome <Guest|username>" status text in the navbar (mvnForum parity). */
.sh3d-welcome .sh3d-welcome-text {
	color: inherit;
	font-weight: normal;
	white-space: nowrap;
}

.sh3d-welcome-text .username {
	font-weight: bold;
}

/* logged-in: small gap between "Welcome" and the avatar/username that follow */
.sh3d-welcome-inline {
	margin-right: 4px;
}

/* feature 10: icon "Legend" block at the bottom of the topic list (mvnForum parity). */
.sh3d-legend {
	clear: both;
	width: 95%;
	padding: 16px 0;
	font-size: .95em;
	color: #536482;
}

.sh3d-legend-title {
	font-weight: bold;
	margin-right: 6px;
}

.sh3d-legend-list {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
}

.sh3d-legend-list li {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 2px 0;
}

img.sh3d-legend-icon {
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: middle;
	flex: 0 0 auto;
}

/* feature 12: topic stats line under the topic title (mvnForum parity). */
.sh3d-topic-stats {
	margin: 2px 0 6px;
	font-size: .95em;
	color: #536482;
}

/* visually-hidden label kept for screen readers */
.sh3d-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* feature 13: mvnForum "Priority" radio (Normal/High) replacing phpBB's native
   topic-icon picker on forum posting. When our control is rendered, hide the
   following native icon list (its first radio has id="icon"). PM compose keeps
   its icons because .sh3d-priority is not rendered there (var set only in posting). */
dl.sh3d-priority ~ dl:has(#icon) {
	display: none;
}

dl.sh3d-priority dd label {
	margin-right: 18px;
}

dl.sh3d-priority dd img {
	vertical-align: middle;
	margin: 0 2px;
}

/* feature 14: mvnForum thread "mood"/emoticon selector in the post editor (separate
   axis from priority; stored in phpbb_sh3d_topic_moods). A wrapping row of radios. */
dl.sh3d-mood dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
}

label.sh3d-mood-opt {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	white-space: nowrap;
}

dl.sh3d-mood img {
	vertical-align: middle;
}

/* feature 15: "Watch this topic" notice under the watch checkbox in the posting
   Options panel (mvnForum "Watch notice" parity). */
.sh3d-watch-notice {
	margin: 2px 0 2px 18px;
	font-size: .9em;
	color: #536482;
	font-style: italic;
}

/* feature 16: "Reset" button in the post editor submit row (mvnForum parity). The
   template event renders before Preview/Submit; float it to the row end to match
   mvnForum, where Reset is the last button. */
.sh3d-reset-button {
	float: right;
}

/* feature 17: mvnForum "Logged-in notice" above the Edit profile information form.
   Centered line with the current username in bold red (mvnForum messageTextBoldRed). */
.sh3d-loggedin-notice {
	text-align: center;
	margin: 0 0 10px;
}

.sh3d-loggedin-name {
	color: #bc2a4d;
	font-weight: bold;
}

/* feature 17b: Reset button injected next to Submit on Edit profile information.
   Adjacent to Submit (NOT float:right like the post-editor .sh3d-reset-button). */
.sh3d-profile-reset {
	margin-left: 6px;
}

/* feature 20: favorite threads capacity bar on UCP > Manage bookmarks. */
.sh3d-bookmark-capacity {
	margin: 8px 0 14px;
	max-width: 420px;
}

.sh3d-bookmark-capacity-label {
	margin: 0 0 4px;
	color: #536482;
	font-weight: bold;
}

.sh3d-bookmark-capacity-track {
	height: 12px;
	overflow: hidden;
	border: 1px solid #c7c3bf;
	border-radius: 2px;
	background: #e5e5e5;
}

.sh3d-bookmark-capacity-fill {
	height: 100%;
	background: #7ab35b;
}

.sh3d-bookmark-capacity-medium .sh3d-bookmark-capacity-fill {
	background: #d79b28;
}

.sh3d-bookmark-capacity-high .sh3d-bookmark-capacity-fill {
	background: #bc2a4d;
}

/* SH3D chrome: drop prosilver's 12px top/bottom body padding so the WordPress
   header/footer sit flush against the viewport edges. */
body#phpbb {
	padding-top: 0;
	padding-bottom: 0;
}

/* ===========================================================================
   SH3D board restyle (Claude design) — board index.
   WP brand tokens (SF Compact font + #1D5FF9 = --color-blue-pure) on the design
   layout/neutrals. Presentation only; prosilver HTML untouched.
   =========================================================================== */

/* Forum-wide font = SF Pro Display (design mockup). No Trebuchet MS/Helvetica/Arial anywhere. */
body#phpbb {
	font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "system-ui", "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	background: #f4f6f8;
}
/* Force SF Pro Display on every element too, to override prosilver's own font-family
   declarations ("Trebuchet MS"/Helvetica/Arial/Verdana/… on .forumtitle, headings,
   form controls, etc.). Icons are excluded so FontAwesome glyphs still render. */
body#phpbb :not(.icon):not([class*="fa-"]) {
	font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "system-ui", "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Hide the redundant native phpBB chrome (kept: the top .navbar = quick links /
   search / login / breadcrumb). The WP header/footer wrap the page instead. */
#page-header .headerbar { display: none; }
#page-footer { display: none; }

/* --- Category card (.forabg) --- */
.forabg {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	margin-bottom: 22px;
	padding: 0;
}
.forabg > .inner { border-radius: 10px; overflow: hidden; }

/* --- Category name bar (li.header) --- */
.forabg > .inner > ul.topiclist > li.header {
	background: #eef2f6;
	background-image: none;
	border-bottom: 1px solid #e1e5ea;
}
.forabg > .inner > ul.topiclist > li.header dl.row-item {
	background: transparent;
	background-image: none;
}
.forabg > .inner > ul.topiclist > li.header dl.row-item dt .list-inner {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 48px; /* room for the watch pill (absolute, right) */
	font-weight: 700; font-size: 13px; line-height: 1.3;
	color: #20262e;
	text-transform: uppercase;
	letter-spacing: .05em;
}
/* the category name is a link, coloured white by prosilver for the old blue bar →
   recolour it dark for the light bar. */
.forabg > .inner > ul.topiclist > li.header dl.row-item dt a {
	color: #20262e;
	text-decoration: none;
}
/* hide prosilver's column labels in the header row → clean category bar (design) */
.forabg > .inner > ul.topiclist > li.header dd { display: none; }

/* chevron now sits on a light bar → make it dark instead of white */
button.sh3d-cat-toggle .icon { color: #5a6470; }
button.sh3d-cat-toggle .sh3d-cat-chev { flex: none; transition: transform .15s; }

/* watch button → compact white pill, blue outline (design) */
a.sh3d-cat-watch {
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: auto;
	padding: 5px 10px;
	gap: 6px;
	border: 1px solid #1D5FF9;
	border-radius: 999px;
	color: #1D5FF9;
	background: white;
}
a.sh3d-cat-watch .icon { color: #1D5FF9; }
/* hover: light-blue fill, blue border, keep blue text (prosilver a:hover{color:#D31141}), no underline */
a.sh3d-cat-watch:hover,
a.sh3d-cat-watch:focus {
	background: #E8F0FB;
	border-color: #1D5FF9;
	color: #1D5FF9;
	text-decoration: none !important;
	opacity: 1;
}
a.sh3d-cat-watch:hover .icon,
a.sh3d-cat-watch:focus .icon { color: #1D5FF9; }
/* prosilver colours li.header links white (legacy blue bar) with high specificity →
   force brand blue on the watch pill text/label, base + hover. */
body#phpbb .forabg > .inner > ul.topiclist > li.header a.sh3d-cat-watch,
body#phpbb .forabg > .inner > ul.topiclist > li.header a.sh3d-cat-watch:hover,
body#phpbb .forabg > .inner > ul.topiclist > li.header a.sh3d-cat-watch:focus { color: #1D5FF9; }

/* --- Forum rows --- */
.forabg ul.topiclist.forums li.row { background: #fff; border-bottom: 0; }
.forabg ul.topiclist.forums li.row dl.row-item {
	position: relative;
	background-image: none; /* drop prosilver's forum read/unread bg icon */
	border-bottom: 1px solid #eef1f4;
	padding: 15px 0;
	/* prosilver lays the columns out with floats + a faux-column padding hack that
	   top-aligns the counters. Use flex instead so Threads/Posts/Last post are
	   vertically centred in the row (widths preserved below to keep column alignment). */
	display: flex;
	align-items: center;
}
.forabg ul.topiclist.forums li.row dl.row-item dt { flex: 1 1 auto; min-width: 0; margin-right: 0; }
.forabg ul.topiclist.forums li.row dl.row-item dt .list-inner { margin-right: 0; }
.forabg ul.topiclist.forums li.row dd.topics,
.forabg ul.topiclist.forums li.row dd.posts { flex: 0 0 95px; width: 95px; float: none; margin: 0; padding: 0; align-content: center; }
.forabg ul.topiclist.forums li.row dd.lastpost { flex: 0 0 250px; width: 250px; float: none; margin: 0; padding: 0 0 0 18px; }
.forabg ul.topiclist.forums li.row:last-child dl.row-item { border-bottom: 0; }

/* design forum icon: rounded square + brand-blue line glyph */
.forabg ul.topiclist.forums li.row dl.row-item::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: #eef5fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5h16v10H8l-4 4z' stroke='%231D5FF9' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 12h5' stroke='%231D5FF9' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}
/* keep a subtle read/unread cue via the icon tile shade */
.forabg ul.topiclist.forums li.row dl.row-item.forum_unread::before { background-color: #d9e9f7; }

.forabg ul.topiclist.forums li.row dl.row-item dt .list-inner {
	padding-left: 78px; /* 18 + 42 icon + 18 gap */
	font-size: 13px;
	color: #6c757d; /* description colour */
}
.forabg ul.topiclist.forums li.row a.forumtitle {
	font-weight: 700; font-size: 15.5px; line-height: 1.35;
	color: #1D5FF9;
}

/* counters */
.forabg ul.topiclist.forums li.row dd.topics,
.forabg ul.topiclist.forums li.row dd.posts {
	font-weight: 700; font-size: 15px; line-height: 1.2;
	color: #2b3138;
}

/* last post */
.forabg ul.topiclist.forums li.row dd.lastpost {
	border-left: 1px solid #eef1f4;
	padding-left: 18px;
	font-size: 12px;
	color: #9aa3ad;
}
.forabg ul.topiclist.forums li.row dd.lastpost a.lastsubject,
.forabg ul.topiclist.forums li.row dd.lastpost a.username { color: #1D5FF9; }
.forabg ul.topiclist.forums li.row dd.lastpost time { color: #9aa3ad; }
/* prosilver shows a grey vertical border between dd columns on row hover
   (li.row:hover dd{border-left-color:#ccc}) → suppress it; keep only the
   intentional last-post divider. */
.forabg ul.topiclist.forums li.row:hover dd { border-left-color: transparent; }
.forabg ul.topiclist.forums li.row:hover dd.lastpost { border-left-color: #eef1f4; }

/* --- Board-index top blocks (hero + welcome + stats), design Claude.
   Hero / welcome are full-width bands (see the full-bleed section at the bottom). --- */
.sh3d-hero {
	background: #fff;
	border-bottom: 1px solid #e8ecf1;
}
.sh3d-hero-inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 38px 40px 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.sh3d-hero-text { min-width: 0; }
.sh3d-hero-title {
	margin: 0;
	font-weight: 700; font-size: 34px; line-height: 1.1;
	color: #1a1f26;
	letter-spacing: -.022em;
}
.sh3d-hero-sub {
	margin: 11px 0 0;
	font-weight: 400; font-size: 16px; line-height: 1.5;
	color: #6c757d;
	max-width: 640px;
}
.sh3d-hero-actions { display: flex; align-items: center; gap: 10px; flex: none; padding-top: 6px; }
.sh3d-btn {
	display: inline-flex;
	align-items: center;
	padding: 9px 20px;
	border-radius: 999px;
	font-weight: 600; font-size: 15px; line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}
/* buttons are <a> links → prosilver's a:hover adds an underline; keep them clean
   (no underline, colour unchanged) on hover/focus. */
.sh3d-btn:hover,
.sh3d-btn:focus { text-decoration: none; }
.sh3d-btn-ghost { background: transparent; border: 1px solid #d4dae1; color: #3a4350; }
.sh3d-btn-ghost:hover,
.sh3d-btn-ghost:focus { background: #f1f4f8; color: #3a4350; }
.sh3d-btn-primary { background: #E8F0FB; border: 1px solid #E8F0FB; color: #1D5FF9; }
.sh3d-btn-primary:hover,
.sh3d-btn-primary:focus { background: #d9e7fb; border-color: #d9e7fb; color: #1D5FF9; }

.sh3d-welcomebar {
	background: #eef4ff;
	border-bottom: 1px solid #dbe6fb;
	color: #3a4350;
}
.sh3d-welcomebar-inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 11px 40px;
	font-weight: 500; font-size: 13.5px; line-height: 1.5;
}
.sh3d-welcomebar strong { color: #1a1f26; font-weight: 700; }
.sh3d-welcomebar a { color: #1D5FF9; text-decoration: none; font-weight: 600; }

.sh3d-stats {
	display: flex;
	align-items: center;
	gap: 11px;
	flex-wrap: wrap;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	padding: 13px 20px;
	margin-bottom: 22px;
}
.sh3d-stats-ico { flex: none; }
.sh3d-stats p { margin: 0; font-weight: 400; font-size: 14px; line-height: 1.5; color: #3a4350; }
.sh3d-stats p a { color: #1D5FF9; text-decoration: none; font-weight: 600; }

/* the statistics are now shown at the top → hide the duplicate bottom block */
.stat-block.statistics { display: none; }

/* --- Index bottom (Claude design) --- hide the Login/Register + Birthdays blocks,
   show Who-is-online as a card, and restore+style phpBB's NATIVE footer navbar
   (Index · The team · Members · Delete cookies · All times are UTC) as a band. --- */
body.section-index form.headerspace { display: none; }          /* LOGIN • REGISTER block */
body.section-index .stat-block.birthday-list { display: none; }  /* BIRTHDAYS block */

/* design: index links = brand blue with a slightly darker hover. Class-level specificity
   (0,2,2) so the styled buttons (excluded), the dark category names / breadcrumbs / grey
   toolbar links (higher specificity) and the #phpbb-scoped WP chrome all keep their own colours. */
body.section-index a:not(.sh3d-btn),
body.section-memberlist a:not(.sh3d-btn),
body.section-app\/postconfirm a:not(.sh3d-btn),
body.section-posting a:not(.sh3d-btn),
body.section-search a:not(.sh3d-btn),
body:is(.section-ucp, .section-mcp) a:not(.sh3d-btn),
body.section-viewtopic a:not(.sh3d-btn),
body.section-viewforum a:not(.sh3d-btn) { color: #1D5FF9; }
body.section-index a:not(.sh3d-btn):hover,
body.section-index a:not(.sh3d-btn):focus,
body.section-memberlist a:not(.sh3d-btn):hover,
body.section-app\/postconfirm a:not(.sh3d-btn):hover,
body.section-posting a:not(.sh3d-btn):hover,
body.section-search a:not(.sh3d-btn):hover,
body:is(.section-ucp, .section-mcp) a:not(.sh3d-btn):hover,
body.section-viewtopic a:not(.sh3d-btn):hover,
body.section-viewforum a:not(.sh3d-btn):hover,
body.section-memberlist a:not(.sh3d-btn):focus,
body.section-app\/postconfirm a:not(.sh3d-btn):focus,
body.section-posting a:not(.sh3d-btn):focus,
body.section-search a:not(.sh3d-btn):focus,
body:is(.section-ucp, .section-mcp) a:not(.sh3d-btn):focus,
body.section-viewtopic a:not(.sh3d-btn):focus,
body.section-viewforum a:not(.sh3d-btn):focus { color: #1550e0; }

/* Who is online → white card */
body.section-index .stat-block.online-list {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 18px 22px;
	margin-bottom: 22px;
}
body.section-index .stat-block.online-list h3 {
	color: #1D5FF9;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 10px;
	border-bottom: 0;
}
body.section-index .stat-block.online-list p {
	font-size: 14px;
	color: #3A4350;
	font-weight: 300;
}

/* Footer navbar shown on index (overrides the global #page-footer hide).
   Prosilver floats the rightside items (they render The team · Members · Delete cookies ·
   All times = the design order), so we keep the float layout. The bar is a CONTAINED
   rounded box (design), not a full-width band → bg/radius live on the linklist, and .inner
   carries the 40px inset so the box aligns with the content cards above. */
body.section-index #page-footer { display: block; }
body.section-index #page-footer .navbar {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
body.section-index #page-footer .navbar > .inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 40px;
}
body.section-index #page-footer .navbar ul.nav-footer {
	background: #eef4ff;
	border-radius: 12px;
	padding: 13px 24px;
	margin: 0;
}
/* all text inside nav-footer = 14px (prosilver puts 1.1em on the items → override the
   text-bearing descendants; icons keep their own size). */
body.section-index #page-footer .navbar ul.nav-footer,
body.section-index #page-footer .navbar ul.nav-footer li,
body.section-index #page-footer .navbar ul.nav-footer a,
body.section-index #page-footer .navbar ul.nav-footer span { font-size: 14px; }
body.section-index #page-footer .navbar li.responsive-menu { display: none; } /* fa-bars toggle */
/* links = brand blue 600, no underline/red on hover; "All times are UTC" (text-only li) grey */
body.section-index #page-footer .navbar a,
body.section-index #page-footer .navbar a:hover,
body.section-index #page-footer .navbar a:focus {
	color: #1D5FF9;
	font-weight: 600;
	text-decoration: none;
}
body.section-index #page-footer .navbar .icon { color: #1D5FF9; }
body.section-index #page-footer .navbar li.rightside { color: #6c757d; font-weight: 600; }
/* breadcrumb "Index" + house icon brand blue */
body.section-index #page-footer .navbar li.breadcrumbs a,
body.section-index #page-footer .navbar li.breadcrumbs a:hover,
body.section-index #page-footer .navbar li.breadcrumbs a:focus {
	color: #1D5FF9;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-weight: 700;
}
body.section-index #page-footer .navbar .sh3d-home-ico { flex: none; color: #1D5FF9; }
/* copyright (Powered by phpBB · Privacy | Terms) centered on the grey bg, 13px */
body.section-index #page-footer .copyright {
	max-width: 1180px;
	margin: 0 auto;
	padding: 14px 40px;
	text-align: center;
}
body.section-index #page-footer .copyright .footer-row,
body.section-index #page-footer .copyright .footer-copyright,
body.section-index #page-footer .copyright .footer-link-text { font-size: 13px; }

/* Board index (guests): the hero + welcome bar already provide login/register, so
   hide the redundant navbar login/register/welcome. Scoped via :has() on the guest
   welcome bar, so the logged-in navbar user-menu (notifications/PM/logout) is untouched
   and other pages (viewforum/viewtopic) keep their login links. */
body.section-index:has(.sh3d-welcomebar) #page-header .navbar .nav-main li.rightside {
	display: none;
}

/* --- Navbar band (shared index + viewforum): clean light bar, inner centred. The
   index-specific single-row layout (breadcrumb→Index left, nav-main right) stays below. --- */
body.section-index #page-header .navbar,
body.section-memberlist #page-header .navbar,
body.section-app\/postconfirm #page-header .navbar,
body.section-posting #page-header .navbar,
body.section-search #page-header .navbar,
body.section-viewtopic #page-header .navbar,
body.section-viewforum #page-header .navbar {
	background: #f8fafc;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #e8ecf1;
	border-radius: 0;
	box-shadow: none;
}
body.section-memberlist #page-header .navbar > .inner,
body.section-app\/postconfirm #page-header .navbar > .inner,
body.section-posting #page-header .navbar > .inner,
body.section-search #page-header .navbar > .inner,
body:is(.section-ucp, .section-mcp) #page-header .navbar > .inner,
body.section-viewtopic #page-header .navbar > .inner,
body.section-viewforum #page-header .navbar > .inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px 40px 0;
}
/* viewforum: the toolbar is a contained white CARD (not a full-width band); the
   breadcrumb sits below it on the grey page bg. */
body.section-memberlist #page-header .navbar,
body.section-app\/postconfirm #page-header .navbar,
body.section-posting #page-header .navbar,
body.section-search #page-header .navbar,
body:is(.section-ucp, .section-mcp) #page-header .navbar,
body.section-viewtopic #page-header .navbar,
body.section-viewforum #page-header .navbar {
	background: transparent;
	background-image: none;
	border: 0;
	box-shadow: none;
}
body.section-memberlist #page-header .navbar ul.nav-breadcrumbs,
body.section-app\/postconfirm #page-header .navbar ul.nav-breadcrumbs,
body.section-posting #page-header .navbar ul.nav-breadcrumbs,
body.section-search #page-header .navbar ul.nav-breadcrumbs,
body:is(.section-ucp, .section-mcp) #page-header .navbar ul.nav-breadcrumbs,
body.section-viewtopic #page-header .navbar ul.nav-breadcrumbs,
body.section-viewforum #page-header .navbar ul.nav-breadcrumbs {
	margin: 12px 0 0;
	padding: 0 2px;
	background: transparent;
	border: 0;
}
body.section-index #page-header .navbar > .inner {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding: 8px 40px;
}
body.section-index #page-header .navbar .nav-breadcrumbs { order: 0; background: transparent; border: 0; }
body.section-index #page-header .navbar .nav-main { order: 1; margin-left: auto; background: transparent; }
body.section-index #page-header .navbar a { color: #3a4350; }
body.section-index #page-header .navbar .breadcrumbs a { color: #1a1f26; font-weight: 600; }

/* --- Last-post avatar (initial circle, design) — populated by footer JS --- */
.forabg ul.topiclist.forums li.row dd.lastpost { display: flex; align-items: center; gap: 10px; }
.forabg ul.topiclist.forums li.row dd.lastpost > span { flex: 1; min-width: 0; }
.sh3d-lp-avatar {
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 13px;
}

/* watch button → labelled pill (design) */
a.sh3d-cat-watch::after { content: "Watch"; font-weight: 600; font-size: 12px; }

/* --- Column-header row per category (design): Forum / Threads / Posts / Last post.
   Injected by footer JS; reuses prosilver dl.row-item so it aligns with data rows. --- */
.forabg ul.topiclist.forums li.sh3d-colhead dl.row-item {
	padding: 9px 0;
	min-height: 0;
	background: #f7f9fc;
	background-image: none;
	border-bottom: 1px solid #e1e5ea;
}
.forabg ul.topiclist.forums li.sh3d-colhead dl.row-item::before { display: none; content: none; }
.forabg ul.topiclist.forums li.sh3d-colhead dt .list-inner { padding-left: 78px; }
.forabg ul.topiclist.forums li.sh3d-colhead dt,
.forabg ul.topiclist.forums li.sh3d-colhead dd {
	font-weight: 700;
	font-size: 11px;
	line-height: 1.2;
	color: #9aa3ad;
	text-transform: uppercase;
	letter-spacing: .05em;
	/* prosilver forces min-height:35px on dt/dd → row balloons to ~54px. Collapse it. */
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.forabg ul.topiclist.forums li.sh3d-colhead dd.lastpost {
	display: block;
	border-left: 1px solid #eef1f4;
	padding-left: 18px;
}

/* --- Index full-bleed layout (Claude design) --- on the board index, free phpBB's
   centered .wrap column so the top bands (hero / navbar / welcome) span edge-to-edge,
   then re-contain the content (#page-body: stats + categories) as a centered column on
   the grey page bg. Scoped to body.section-index → other pages keep the .wrap column. */
body.section-index .wrap,
body.section-memberlist .wrap,
body.section-app\/postconfirm .wrap,
body.section-posting .wrap,
body.section-search .wrap,
body:is(.section-ucp, .section-mcp) .wrap,
body.section-viewtopic .wrap,
body.section-viewforum .wrap {
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
body.section-index #page-header,
body.section-memberlist #page-header,
body.section-app\/postconfirm #page-header,
body.section-posting #page-header,
body.section-search #page-header,
body:is(.section-ucp, .section-mcp) #page-header,
body.section-viewtopic #page-header,
body.section-viewforum #page-header {
	padding: 0;
	background: transparent;
	border: 0;
}
body.section-index #page-body {
	max-width: 1180px;
	margin: 0 auto;
	padding: 24px 40px 0;
}
body.section-memberlist #page-body,
body.section-app\/postconfirm #page-body,
body.section-posting #page-body,
body.section-search #page-body,
body:is(.section-ucp, .section-mcp) #page-body,
body.section-viewtopic #page-body,
body.section-viewforum #page-body {
	max-width: 1180px;
	margin: 0 auto;
	padding: 24px 40px 44px;
}

@media (max-width: 700px) {
	body.section-index .sh3d-hero-inner,
	body.section-index #page-header .navbar > .inner,
	body.section-viewtopic #page-header .navbar > .inner,
	body.section-viewforum #page-header .navbar > .inner,
	body.section-index .sh3d-welcomebar-inner,
	body.section-index #page-body,
	body.section-viewtopic #page-body,
	body.section-viewforum #page-body {
		padding-left: 16px;
		padding-right: 16px;
	}
	body.section-index .sh3d-hero-inner { padding-top: 26px; padding-bottom: 22px; }
}

/* --- Index toolbar content (Claude design): house+Index left; Quick links · Recent
   Threads · search-input right. Built/patched by the footer JS. Scoped to index. --- */
/* breadcrumb home → house icon + "Index" */
body.section-index #page-header .navbar li.breadcrumbs a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-weight: 700;
	font-size: 15px;
	color: #1a1f26;
	text-decoration: none;
}
body.section-index #page-header .navbar li.breadcrumbs a:hover { color: #1a1f26; }
body.section-index #page-header .navbar .sh3d-home-ico { flex: none; color: #6c757d; }

/* right cluster: spacing */
body.section-index #page-header .navbar .nav-main {
	display: flex;
	align-items: center;
	gap: 24px;
}
body.section-index #page-header .navbar .nav-main > li { margin: 0; }
/* prosilver's .linklist clearfix ::after becomes a stray flex item in our flex
   layout → remove it so the right cluster aligns/spaces correctly. */
body.section-index #page-header .navbar .nav-main::before,
body.section-index #page-header .navbar .nav-main::after { content: none; }

/* Quick links trigger + Recent Threads links */
body.section-index #page-header .navbar li.quick-links > a,
body.section-index #page-header .navbar .sh3d-recent a {
	font-weight: 600;
	font-size: 15px;
	color: #3a4350;
	text-decoration: none;
	white-space: nowrap;
}
body.section-index #page-header .navbar li.quick-links > a:hover,
body.section-index #page-header .navbar .sh3d-recent a:hover { color: #3a4350; }
body.section-index #page-header .navbar a:hover,
body.section-index #page-header .navbar a:focus { text-decoration: none; }
/* design: chevron at the RIGHT of "Quick links" (shared index + viewforum, on our injected caret). */
#page-header .navbar li.quick-links > a .sh3d-ql-caret {
	margin-left: 4px;
	vertical-align: middle;
	transition: transform .15s;
}
#page-header .navbar li.quick-links.dropdown-visible > a .sh3d-ql-caret,
#page-header .navbar li.quick-links .dropdown-visible .sh3d-ql-caret { transform: rotate(180deg); }

/* the standalone "Search" link is replaced by the search input box */
body.section-index #page-header .navbar li.responsive-search { display: none; }

/* "It is currently …" board time line — not in the design */
body.section-index p.time { display: none; }

/* search input box (design) — shared index + viewforum (only on our injected .sh3d-search) */
#page-header .navbar .sh3d-search form {
	display: flex;
	align-items: stretch;
	border: 1px solid #d4dae1;
	border-radius: 9px;
	overflow: hidden;
	background: #fff;
}
#page-header .navbar .sh3d-search input {
	border: 0;
	outline: none;
	background: transparent;
	padding: 7px 14px;
	width: 210px;
	font-weight: 400;
	font-size: 14px;
	color: #3a4350;
}
#page-header .navbar .sh3d-search button {
	border: 0;
	background: #1D5FF9;
	width: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#page-header .navbar .sh3d-search button:hover { background: #1550e0; }

/* =====================================================================================
   SH3D viewforum (topic list) restyle (Claude Design "2 · Viewforum").
   Shared primitives (scaffold, navbar band, blue links) are promoted above with a
   `body.section-viewforum` selector; the rules below are viewforum-specific.
   ===================================================================================== */

/* the design omits Who-is-online + Forum permissions at the bottom of viewforum */
body.section-viewtopic .stat-block.online-list,
body.section-viewforum .stat-block.online-list,
body.section-viewtopic .stat-block.permissions,
body.section-viewforum .stat-block.permissions { display: none; }

/* --- Header row: forum title + "New Thread" (JS wraps them in .sh3d-vf-head) --- */
body.section-viewtopic .sh3d-vf-head,
body.section-viewforum .sh3d-vf-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 4px 0 6px;
}
body.section-viewforum :is(h1, h2).forum-title,
body.section-memberlist h2.searchresults-title,
body.section-app\/postconfirm h2.posting-title,
body.section-posting h2.posting-title,
body.section-search h2.searchresults-title,
body:is(.section-ucp, .section-mcp) h2.ucp-title,
body.section-mcp #page-body > h2,
body.section-viewtopic :is(h1, h2).topic-title {
	margin: 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2;
	color: #1a1f26;
}
body.section-viewforum :is(h1, h2).forum-title a,
body.section-viewtopic :is(h1, h2).topic-title a,
body.section-posting h2.posting-title a { color: #1a1f26; text-decoration: none; }
body.section-viewtopic a.button.sh3d-newthread,
body.section-viewforum a.button.sh3d-newthread {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #1D5FF9;
	border: 0;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	padding: 12px 18px;
	text-decoration: none;
	box-shadow: none;
}
body.section-viewtopic a.button.sh3d-newthread:hover,
body.section-viewforum a.button.sh3d-newthread:hover,
body.section-viewtopic a.button.sh3d-newthread:focus,
body.section-viewforum a.button.sh3d-newthread:focus { background: #1550e0; color: #fff; text-decoration: none; }
body.section-viewtopic a.button.sh3d-newthread::before,
body.section-viewforum a.button.sh3d-newthread::before { content: "+"; font-size: 17px; font-weight: 400; line-height: 0; }

/* --- browsing line under the title (JS builds .sh3d-vf-browsing from who-is-online) --- */
body.section-viewtopic .sh3d-vf-browsing,
body.section-viewforum .sh3d-vf-browsing {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #6c757d;
	font-size: 13px;
	margin: 0 0 14px;
}
body.section-viewtopic .sh3d-vf-browsing svg,
body.section-viewforum .sh3d-vf-browsing svg { flex: none; color: #9aa3ad; }

/* --- Action bar (below the title): stats+pagination row, then SORT/ORDER + QUICK GO --- */
body.section-viewforum .action-bar.bar-top {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0 0 16px;
}
/* search lives in the top toolbar → hide the duplicate action-bar search box */
body.section-viewforum .action-bar.bar-top .search-box { display: none; }
/* stats + pagination row (above the sort bar): "739 topics …" left, pills right */
body.section-viewforum .action-bar.bar-top .pagination {
	order: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #6c757d;
}
body.section-viewforum .action-bar.bar-top .sh3d-go-bar { order: 1; }
/* labels stacked above the selects (SORT BY / ORDER / QUICK GO) */
body.section-viewforum .sh3d-go-bar label {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

/* --- Sort / Order / Quick Go bar (ext .sh3d-go-bar) --- */
body.section-viewforum .sh3d-go-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 22px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
body.section-viewforum .sh3d-go-bar .sh3d-go-sort { order: 0; display: flex; align-items: flex-end; gap: 12px; margin: 0; }
body.section-viewforum .sh3d-go-bar .sh3d-go-quick { order: 1; margin-left: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
body.section-viewforum .sh3d-go-bar label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #8a94a3;
	margin: 0;
}
/* Sort by / Order labels: baseline-align the label text with the select */
body.section-viewforum .sh3d-go-bar .sh3d-go-sort label { align-items: baseline; }
body.section-viewforum .sh3d-go-bar select {
	border: 1px solid #d4dae1;
	border-radius: 9px;
	background: #fff;
	padding: 9px 12px;
	font-weight: 600;
	font-size: 14px;
	color: #1a1f26;
}
body.section-viewforum .sh3d-go-bar .sh3d-go-submit {
	background: #1D5FF9;
	border: 0;
	border-radius: 9px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	padding: 9px 20px;
	cursor: pointer;
}
body.section-viewforum .sh3d-go-bar .sh3d-go-submit:hover { background: #1550e0; }

/* --- Pagination pills (shared look for the top/bottom bars) --- */
body.section-memberlist .pagination ul,
body:is(.section-ucp, .section-mcp) .pagination ul,
body.section-app\/postconfirm .pagination ul,
body.section-posting .pagination ul,
body.section-search .pagination ul,
body.section-viewtopic .pagination ul,
body.section-viewforum .pagination ul { display: inline-flex; gap: 6px; align-items: center; margin: 0; padding: 0; }
body.section-memberlist .pagination li,
body:is(.section-ucp, .section-mcp) .pagination li,
body.section-app\/postconfirm .pagination li,
body.section-posting .pagination li,
body.section-search .pagination li,
body.section-viewtopic .pagination li,
body.section-viewforum .pagination li { list-style: none; }
body.section-memberlist .pagination li a,
body:is(.section-ucp, .section-mcp) .pagination li a,
body.section-app\/postconfirm .pagination li a,
body.section-posting .pagination li a,
body.section-search .pagination li a,
body.section-viewtopic .pagination li a,
body.section-viewforum .pagination li a,
body.section-memberlist .pagination li span,
body:is(.section-ucp, .section-mcp) .pagination li span,
body.section-app\/postconfirm .pagination li span,
body.section-posting .pagination li span,
body.section-search .pagination li span,
body.section-viewtopic .pagination li span,
body.section-viewforum .pagination li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	background: #fff;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
}
body.section-memberlist .pagination li.active span,
body:is(.section-ucp, .section-mcp) .pagination li.active span,
body.section-app\/postconfirm .pagination li.active span,
body.section-posting .pagination li.active span,
body.section-search .pagination li.active span,
body.section-viewtopic .pagination li.active span,
body.section-viewforum .pagination li.active span {
	background: #1D5FF9;
	border-color: #1D5FF9;
	color: #fff;
}
body.section-memberlist .pagination li.ellipsis span,
body:is(.section-ucp, .section-mcp) .pagination li.ellipsis span,
body.section-app\/postconfirm .pagination li.ellipsis span,
body.section-posting .pagination li.ellipsis span,
body.section-search .pagination li.ellipsis span,
body.section-viewtopic .pagination li.ellipsis span,
body.section-viewforum .pagination li.ellipsis span { border: 0; background: transparent; }
/* hover: override prosilver's solid blue (#368AD2) fill with a light-blue pill + blue text/icon
   (covers the page-jump dropdown trigger and the next/prev arrows too). */
body.section-memberlist .pagination li a:hover,
body:is(.section-ucp, .section-mcp) .pagination li a:hover,
body.section-app\/postconfirm .pagination li a:hover,
body.section-posting .pagination li a:hover,
body.section-search .pagination li a:hover,
body.section-viewtopic .pagination li a:hover,
body.section-viewforum .pagination li a:hover,
body.section-memberlist .pagination .dropdown-visible a.dropdown-trigger,
body:is(.section-ucp, .section-mcp) .pagination .dropdown-visible a.dropdown-trigger,
body.section-app\/postconfirm .pagination .dropdown-visible a.dropdown-trigger,
body.section-posting .pagination .dropdown-visible a.dropdown-trigger,
body.section-search .pagination .dropdown-visible a.dropdown-trigger,
body.section-viewtopic .pagination .dropdown-visible a.dropdown-trigger,
body.section-viewforum .pagination .dropdown-visible a.dropdown-trigger {
	background: #E8F0FB;
	border-color: #1D5FF9;
	color: #1D5FF9;
	filter: none;
	text-shadow: none;
}
body.section-memberlist .pagination li a:hover .icon,
body:is(.section-ucp, .section-mcp) .pagination li a:hover .icon,
body.section-app\/postconfirm .pagination li a:hover .icon,
body.section-posting .pagination li a:hover .icon,
body.section-search .pagination li a:hover .icon,
body.section-viewtopic .pagination li a:hover .icon,
body.section-viewforum .pagination li a:hover .icon,
body.section-memberlist .pagination .dropdown-visible a.dropdown-trigger .icon,
body:is(.section-ucp, .section-mcp) .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-app\/postconfirm .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-posting .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-search .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-viewtopic .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-viewforum .pagination .dropdown-visible a.dropdown-trigger .icon { color: #1D5FF9; background: transparent; }

/* --- Topic-list card (.forumbg) + column header + rows (Claude design) --- */
body.section-search .forumbg,
body.section-viewforum .forumbg {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 0;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	margin-bottom: 22px;
	padding: 0;
	overflow: hidden;
}
body.section-search .forumbg > .inner,
body.section-viewforum .forumbg > .inner { border-radius: 0; overflow: visible; }
/* merge the adjacent .forumbg blocks into ONE continuous card (rounded only top+bottom) */
body.section-viewforum .forumbg.sh3d-fb-first { border-top-left-radius: 10px; border-top-right-radius: 10px; }
body.section-viewforum .forumbg.sh3d-fb-last { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
body.section-viewforum .forumbg.sh3d-fb:not(.sh3d-fb-last) { margin-bottom: 0; border-bottom: 0; }

/* header + rows share a flex column layout so the columns line up */
body.section-viewforum .forumbg ul.topiclist li.header dl,
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item {
	display: flex;
	align-items: center;
	background-image: none;
}
body.section-search .forumbg ul.topiclist dt,
body.section-viewforum .forumbg ul.topiclist dt { flex: 1 1 auto; min-width: 0; margin-right: 0; }
body.section-search .forumbg ul.topiclist dt .list-inner,
body.section-viewforum .forumbg ul.topiclist dt .list-inner { margin-right: 0; }
/* rows: clear the 42px icon tile; column header + group bars: modest left padding */
body.section-search .forumbg ul.topiclist.topics li.row dt .list-inner,
body.section-viewforum .forumbg ul.topiclist.topics li.row dt .list-inner { padding-left: 78px; }
/* native topic icon: phpBB puts it as an INLINE background on the row dt, stranded
   bottom-left by the flex layout — kill it here (beats the inline style; no FOUC);
   the footer JS re-renders it as img.sh3d-topic-icon-inline before the badge/title. */
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item dt,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item dt { background-image: none !important; }
body.section-viewforum .forumbg .sh3d-colhdr dt .list-inner,
body.section-viewforum .forumbg .sh3d-grouphdr dt .list-inner { padding-left: 24px; }
body.section-viewforum .forumbg ul.topiclist dd.sh3d-author { flex: 0 0 150px; width: 150px; float: none; margin: 0; padding: 0; }
body.section-search .forumbg ul.topiclist dd.posts,
body.section-viewforum .forumbg ul.topiclist dd.posts,
body.section-search .forumbg ul.topiclist dd.views,
body.section-viewforum .forumbg ul.topiclist dd.views { flex: 0 0 90px; width: 90px; float: none; margin: 0; padding: 0; text-align: center; }
body.section-search .forumbg ul.topiclist dd.lastpost,
body.section-viewforum .forumbg ul.topiclist dd.lastpost { flex: 0 0 240px; width: 240px; float: none; margin: 0; padding: 0 0 0 18px; }
/* AUTHOR column: avatar + name (rows); label (header) */
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.sh3d-author {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}
body.section-viewforum .forumbg dd.sh3d-author a.sh3d-author-name {
	color: #1D5FF9;
	font-weight: 600;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.section-viewforum .forumbg ul.topiclist li.header dd.sh3d-author { text-align: left; }
/* last post: avatar + text (like the index last-post) */
body.section-search .forumbg ul.topiclist.topics li.row dd.lastpost,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost { display: flex; align-items: center; gap: 10px; }
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost > span { flex: 1; min-width: 0; }

/* column header row */
body.section-viewforum .forumbg ul.topiclist li.header {
	background: #f7f9fc;
	border-bottom: 1px solid #e1e5ea;
}
/* design: column header darker (#EEF2F6) than the group sub-headers (#F4F7FA);
   drop its border-bottom so it doesn't double up with the group bar's border-top below. */
body.section-viewforum .forumbg ul.topiclist li.header.sh3d-colhdr { background: #EEF2F6; border-bottom: 0; }
/* injected group bar (plain group sub-header) — inside the topics list */
body.section-viewforum .forumbg ul.topiclist.topics li.header.sh3d-grouphdr {
	background: #F4F7FA;
	border-top: 1px solid #e1e5ea;
	border-bottom: 1px solid #e1e5ea;
}
body.section-viewforum .forumbg ul.topiclist.topics li.header.sh3d-grouphdr dl { display: flex; padding: 9px 0; }
body.section-viewforum .forumbg ul.topiclist li.header dl { padding: 9px 0; }
body.section-viewforum .forumbg ul.topiclist li.header dt,
body.section-viewforum .forumbg ul.topiclist li.header dd {
	font-weight: 700;
	font-size: 11px;
	line-height: 1.2;
	color: #9aa3ad;
	text-transform: uppercase;
	letter-spacing: .05em;
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
body.section-viewforum .forumbg ul.topiclist li.header dd.lastpost { padding-left: 18px; text-align: left; }

/* topic rows */
body.section-search .forumbg ul.topiclist.topics li.row,
body.section-viewforum .forumbg ul.topiclist.topics li.row { background: #fff; border-bottom: 0; }
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item {
	position: relative;
	border-bottom: 1px solid #eef1f4;
	padding: 15px 0;
	min-height: 0;
}
body.section-search .forumbg ul.topiclist.topics li.row:last-child dl.row-item,
body.section-viewforum .forumbg ul.topiclist.topics li.row:last-child dl.row-item { border-bottom: 0; }
/* icon tile (generic speech-bubble; type is also shown by the badges) */
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 17px;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: #eef5fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5h16v11H9l-4 4z' stroke='%231D5FF9' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5h8M8 12.5h5' stroke='%231D5FF9' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread::before { background-color: #d9e9f7; }
/* per-type tile glyphs (rows carry .global-announce / .announce / .sticky; *_hot = hot) */
body.section-search .forumbg ul.topiclist.topics li.row.global-announce dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row.global-announce dl.row-item::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%231D5FF9' stroke-width='1.8'/%3E%3Cpath d='M3 12h18' stroke='%231D5FF9' stroke-width='1.8'/%3E%3Cpath d='M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18' stroke='%231D5FF9' stroke-width='1.8'/%3E%3C/svg%3E");
}
body.section-search .forumbg ul.topiclist.topics li.row.announce dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row.announce dl.row-item::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 10v4h3l9 4V6L6 10H3z' stroke='%231D5FF9' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M18 9a3 3 0 0 1 0 6' stroke='%231D5FF9' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.section-search .forumbg ul.topiclist.topics li.row.sticky dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row.sticky dl.row-item::before {
	background-color: #fdf3da;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 3h6l-1 6 3 3H7l3-3-1-6z' stroke='%23a86a12' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 15v6' stroke='%23a86a12' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item.topic_read_hot::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item.topic_read_hot::before,
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread_hot::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread_hot::before {
	background-color: #fdeae0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13 3c1 3 4 4.5 4 8.5A5 5 0 0 1 7 12c0-2 1-3.5 2.2-4.5 0 1.8 1 2.8 2.3 3C11 8 12 5.5 13 3z' stroke='%23e8663a' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* type badges (viewforum: JS injects .sh3d-ttype before the title;
   viewtopic: the status bar template renders the same badge) */
body.section-viewforum .forumbg .sh3d-ttype,
body.section-viewtopic .sh3d-ttype {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	padding: 2px 8px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: .04em;
	text-transform: uppercase;
}
body.section-viewforum .forumbg .sh3d-tt-global,
body.section-viewforum .forumbg .sh3d-tt-announce,
body.section-viewtopic .sh3d-tt-global,
body.section-viewtopic .sh3d-tt-announce { background: #E8F0FB; color: #1D5FF9; }
body.section-viewforum .forumbg .sh3d-tt-sticky,
body.section-viewtopic .sh3d-tt-sticky { background: #fef3d7; color: #a86a12; }

/* collapse prosilver's min-height on dt/dd so the flex row centres cleanly */
body.section-search .forumbg ul.topiclist.topics li.row dt,
body.section-viewforum .forumbg ul.topiclist.topics li.row dt,
body.section-search .forumbg ul.topiclist.topics li.row dd,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd { min-height: 0; }
body.section-search .forumbg ul.topiclist.topics li.row dt .list-inner,
body.section-viewforum .forumbg ul.topiclist.topics li.row dt .list-inner { padding-top: 0; padding-bottom: 0; }

/* title + snippet + poster line */
body.section-search .forumbg a.topictitle,
body.section-viewforum .forumbg a.topictitle {
	font-weight: 700;
	font-size: 15.5px;
	line-height: 1.35;
	color: #1D5FF9;
}
body.section-viewforum .forumbg .sh3d-topic-preview {
	font-size: 13px;
	color: #6c757d;
	line-height: 1.5;
	margin: 3px 0 0;
}
body.section-viewforum .forumbg .topic-poster {
	font-size: 12px;
	color: #9aa3ad;
	margin-top: 4px;
	float: none;
}
body.section-viewforum .forumbg .topic-poster a { color: #1D5FF9; }

/* replies / views (row data) */
body.section-search .forumbg ul.topiclist.topics li.row dd.posts,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.posts,
body.section-search .forumbg ul.topiclist.topics li.row dd.views,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.views {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	color: #2b3138;
}
/* last post */
body.section-search .forumbg ul.topiclist.topics li.row dd.lastpost,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost {
	border-left: 1px solid #eef1f4;
	font-size: 12px;
	color: #9aa3ad;
}
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost a.username,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost a.lastsubject { color: #1D5FF9; }

/* --- viewforum navbar: nav-main toolbar + breadcrumbs (Claude design) --- */
/* toolbar row: Quick links / FAQ (left), search | Login Register (right) — white card */
body.section-memberlist #page-header .navbar ul.nav-main,
body.section-app\/postconfirm #page-header .navbar ul.nav-main,
body.section-posting #page-header .navbar ul.nav-main,
body.section-search #page-header .navbar ul.nav-main,
body.section-viewtopic #page-header .navbar ul.nav-main,
body.section-viewforum #page-header .navbar ul.nav-main {
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 0;
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 4px 4px 4px 16px;
}
body.section-memberlist #page-header .navbar ul.nav-main::before,
body.section-app\/postconfirm #page-header .navbar ul.nav-main::before,
body.section-posting #page-header .navbar ul.nav-main::before,
body.section-search #page-header .navbar ul.nav-main::before,
body.section-viewtopic #page-header .navbar ul.nav-main::before,
body.section-viewforum #page-header .navbar ul.nav-main::before,
body.section-memberlist #page-header .navbar ul.nav-main::after,
body.section-app\/postconfirm #page-header .navbar ul.nav-main::after,
body.section-posting #page-header .navbar ul.nav-main::after,
body.section-search #page-header .navbar ul.nav-main::after,
body.section-viewtopic #page-header .navbar ul.nav-main::after,
body.section-viewforum #page-header .navbar ul.nav-main::after { content: none; }
body.section-memberlist #page-header .navbar ul.nav-main > li,
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li,
body.section-posting #page-header .navbar ul.nav-main > li,
body.section-search #page-header .navbar ul.nav-main > li,
body.section-viewtopic #page-header .navbar ul.nav-main > li,
body.section-viewforum #page-header .navbar ul.nav-main > li { margin: 0; float: none; }
/* Quick links + FAQ → dark */
body.section-memberlist #page-header .navbar li.quick-links > a,
body.section-app\/postconfirm #page-header .navbar li.quick-links > a,
body.section-posting #page-header .navbar li.quick-links > a,
body.section-search #page-header .navbar li.quick-links > a,
body.section-viewtopic #page-header .navbar li.quick-links > a,
body.section-viewforum #page-header .navbar li.quick-links > a,
body.section-memberlist #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-posting #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-search #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-viewtopic #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-viewforum #page-header .navbar ul.nav-main > li > a[href*="/help/"] {
	color: #3a4350;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	white-space: nowrap;
}
body.section-memberlist #page-header .navbar li.quick-links > a:hover,
body.section-app\/postconfirm #page-header .navbar li.quick-links > a:hover,
body.section-posting #page-header .navbar li.quick-links > a:hover,
body.section-search #page-header .navbar li.quick-links > a:hover,
body.section-viewtopic #page-header .navbar li.quick-links > a:hover,
body.section-viewforum #page-header .navbar li.quick-links > a:hover,
body.section-memberlist #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-posting #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-search #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-viewtopic #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-viewforum #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover { color: #3a4350; }
/* FAQ → no icon */
body.section-memberlist #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-posting #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-search #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-viewtopic #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-viewforum #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon { display: none; }
/* right cluster: search pushes everything right */
body.section-memberlist #page-header .navbar ul.nav-main li.sh3d-search,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-search,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-search,
body.section-search #page-header .navbar ul.nav-main li.sh3d-search,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-search,
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-search { margin-left: auto; }
/* hide "Welcome Guest" (specificity must beat the li.rightside rule above) */
body.section-memberlist #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-posting #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-search #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside.sh3d-welcome { display: none; }
/* Login (ghost) + Register (pill): JS adds .sh3d-btn classes + .sh3d-login/.sh3d-register */
body.section-memberlist #page-header .navbar ul.nav-main li.rightside,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside,
body.section-posting #page-header .navbar ul.nav-main li.rightside,
body.section-search #page-header .navbar ul.nav-main li.rightside,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside { display: inline-flex; align-items: center; }
body.section-memberlist #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-posting #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-search #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside a.sh3d-btn { padding: 8px 16px; font-size: 14px; }
body.section-memberlist #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-posting #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-search #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon { display: none; }
/* vertical divider before the Login group */
body.section-memberlist #page-header .navbar ul.nav-main li.sh3d-login,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-login,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-login,
body.section-search #page-header .navbar ul.nav-main li.sh3d-login,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-login,
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-login {
	padding-left: 22px;
	border-left: 1px solid #dfe4ea;
}

/* bigger nav text (nav-main + breadcrumb) */
body.section-memberlist #page-header .navbar ul.linklist > li,
body:is(.section-ucp, .section-mcp) #page-header .navbar ul.linklist > li,
body.section-app\/postconfirm #page-header .navbar ul.linklist > li,
body.section-posting #page-header .navbar ul.linklist > li,
body.section-search #page-header .navbar ul.linklist > li,
body.section-viewtopic #page-header .navbar ul.linklist > li,
body.section-viewforum #page-header .navbar ul.linklist > li { font-size: 1.2em; }
/* breadcrumbs: dark house, right chevron separators, current page dark */
body.section-memberlist #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-posting #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-search #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .sh3d-home-ico { color: #3a4350; margin-bottom: 3px; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-posting #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-search #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-viewtopic #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-viewforum #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"] { display: inline-flex; align-items: center; gap: 0.4rem; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs .crumb::before,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-posting #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-search #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .crumb::before { content: "\203A"; color: #c2c9d2; padding: 0 8px; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-posting #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-search #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .crumb:first-child::before { content: none; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-posting #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-search #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .crumb:last-child a { color: #1a1f26; font-weight: 700; }

/* --- viewforum bottom: Legend card + Return-to-Index/pagination row (Claude design) --- */
body.section-viewforum .sh3d-legend {
	width: auto;
	clear: both;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 18px 22px;
	margin: 0;
	color: #3a4350;
	font-size: 13px;
}
body.section-viewforum .sh3d-legend .sh3d-legend-title {
	display: block;
	margin: 0 0 12px;
	color: #1D5FF9;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
}
body.section-viewforum .sh3d-legend .sh3d-legend-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body.section-viewforum .sh3d-legend .sh3d-legend-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 13px;
	color: #3a4350;
}
body.section-viewforum .sh3d-legend .sh3d-legend-ico {
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eef5fb;
	font-size: 15px;
	line-height: 1;
}
body.section-viewforum .sh3d-legend .sh3d-lg-sticky { background: #fdf3da; }
body.section-viewforum .sh3d-legend .sh3d-lg-hot { background: #fdeae0; }
body.section-viewforum .sh3d-legend .sh3d-lg-priority,
body.section-viewforum .sh3d-legend .sh3d-lg-mood { background: transparent; }
body.section-viewforum .sh3d-legend .sh3d-legend-ico .icon { color: #6c757d; }
@media (max-width: 700px) {
	body.section-viewforum .sh3d-legend .sh3d-legend-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* bottom action bar: only the legend card; hide stray New Topic + the display-age filter */
body.section-viewforum .action-bar.bar-bottom {
	display: block;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 8px 0 0;
}
body.section-viewforum .action-bar.bar-bottom > a.button,
body.section-viewforum .action-bar.bar-bottom > form { display: none; }
/* Return to Index (left) + pagination (moved here by JS) (right) */
body.section-viewforum .action-bar.actions-jump {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 14px 0 0;
}
body.section-viewforum .action-bar.actions-jump .jumpbox { display: none; }
body.section-viewforum .action-bar.actions-jump a { color: #1D5FF9; font-weight: 600; text-decoration: none; }
body.section-viewforum .action-bar.actions-jump .pagination { margin: 0; }
/* prosilver adds a clearfix `.action-bar:after{clear:both;content:'';display:block}` that
   becomes a stray flex item → neutralize it so the pagination aligns fully right. */
body.section-memberlist .action-bar.bar-top::after,
body.section-app\/postconfirm .action-bar.bar-top::after,
body.section-posting .action-bar.bar-top::after,
body.section-search .action-bar.bar-top::after,
body.section-viewtopic .action-bar.bar-top::after,
body.section-viewforum .action-bar.bar-top::after,
body.section-memberlist .action-bar.bar-bottom::after,
body.section-app\/postconfirm .action-bar.bar-bottom::after,
body.section-posting .action-bar.bar-bottom::after,
body.section-search .action-bar.bar-bottom::after,
body.section-viewtopic .action-bar.bar-bottom::after,
body.section-viewforum .action-bar.bar-bottom::after,
body.section-memberlist .action-bar.actions-jump::after,
body.section-app\/postconfirm .action-bar.actions-jump::after,
body.section-posting .action-bar.actions-jump::after,
body.section-search .action-bar.actions-jump::after,
body.section-viewtopic .action-bar.actions-jump::after,
body.section-viewforum .action-bar.actions-jump::after { content: none; }

/* topic-row pagination ("PAGES 1 2") inline next to the title (JS adds .sh3d-inline-pages) */
body.section-viewforum .forumbg .pagination.sh3d-inline-pages {
	float: none !important; /* prosilver floats .pagination right → blockifies inline-flex to flex; unfloat so it flows inline after the title */
	display: inline-flex !important; /* beats prosilver's #phpbb-scoped .pagination{display:flex} */
	align-items: center;
	gap: 6px;
	vertical-align: middle;
	margin: 0 0 0 10px;
}
body.section-viewforum .forumbg .pagination.sh3d-inline-pages > span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #9aa3ad;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}
body.section-viewforum .forumbg .pagination.sh3d-inline-pages > span::after { content: "Pages"; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages > span .icon { color: #9aa3ad; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages ul { display: inline-flex; gap: 4px; margin: 0; padding: 0; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages li { list-style: none; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border: 1px solid #e1e5ea;
	border-radius: 5px;
	background: #fff;
	color: #3a4350;
	font-weight: 600;
	font-size: 11px;
	text-decoration: none;
}
body.section-viewforum .forumbg .pagination.sh3d-inline-pages li a:hover { border-color: #1D5FF9; color: #1D5FF9; background: #E8F0FB; }

/* =====================================================================================
   SH3D viewtopic (topic view) restyle (Claude Design "3 · Viewtopic — discussion").
   Shared primitives (scaffold, navbar card, breadcrumb, blue links, head row, browsing
   line, pagination pills, .sh3d-ttype badges) are extended above with a
   body.section-viewtopic twin selector; the rules below are viewtopic-specific.
   NB: prefixed body#phpbb… where prosilver ships #phpbb-scoped rules (float/width on
   .postprofile/.postbody, .pagination display) that beat class-level overrides. */

/* native chrome not in the design — the JS moves out what we keep (buttons → head,
   pagination → pagerow, return link → bottom row) before these are hidden */
body#phpbb.section-viewtopic .action-bar.bar-top,
body#phpbb.section-viewtopic .action-bar.bar-bottom,
body#phpbb.section-viewtopic .action-bar.actions-jump,
body#phpbb.section-viewtopic .back2top { display: none; }

/* mood/high-priority icons inline with the title text (the anchor is inline-block in
   prosilver → it wraps to its own line after the icons; make it flow inline) */
body#phpbb.section-viewtopic :is(h1, h2).topic-title a { display: inline; }
body#phpbb.section-viewtopic :is(h1, h2).topic-title img { vertical-align: middle; margin: 0 6px 4px 0; }
/* forum description block under the title (classless div) — not in the design */
body#phpbb.section-viewtopic #page-body > div:not([class]) { display: none; }

/* --- head: two actions next to the title (New Thread = outline, Post Reply = solid) --- */
body#phpbb.section-viewtopic .sh3d-vt-actions { display: flex; align-items: center; gap: 10px; flex: none; }
body#phpbb.section-viewtopic a.button.sh3d-newthread {
	background: #fff;
	border: 1px solid #1D5FF9;
	color: #1D5FF9;
}
body#phpbb.section-viewtopic a.button.sh3d-newthread::before { content: "+"; font-size: 17px; font-weight: 400; line-height: 0; }
body#phpbb.section-viewtopic a.button.sh3d-newthread:hover,
body#phpbb.section-viewtopic a.button.sh3d-newthread:focus { background: #E8F0FB; color: #1D5FF9; }
body#phpbb.section-viewtopic a.button.sh3d-postreply {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #1D5FF9;
	border: 0;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	padding: 12px 18px;
	text-decoration: none;
	box-shadow: none;
}
body#phpbb.section-viewtopic a.button.sh3d-postreply:hover,
body#phpbb.section-viewtopic a.button.sh3d-postreply:focus { background: #1550e0; color: #fff; text-decoration: none; }

/* --- prev/next thread row --- */
body#phpbb.section-viewtopic .sh3d-vt-prevnext {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
}
body#phpbb.section-viewtopic .sh3d-vt-prevnext a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #6c757d;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
body#phpbb.section-viewtopic .sh3d-vt-prevnext a:hover { color: #1D5FF9; }

/* --- posts/pages row: "4 posts • Page 1 of 1" left + jump link right --- */
body#phpbb.section-viewtopic .sh3d-vt-pagerow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 14px;
}
body#phpbb.section-viewtopic .sh3d-vt-pagerow .pagination {
	float: none;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #6c757d;
	text-align: left;
}
body#phpbb.section-viewtopic a.sh3d-vt-jump {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #1D5FF9;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}
body#phpbb.section-viewtopic a.sh3d-vt-jump:hover { color: #1550e0; }

/* --- status bar card (rendered by viewtopic_topic_title_after.html) --- */
body#phpbb.section-viewtopic .sh3d-vt-statusbar {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 13px 18px;
	margin: 0 0 14px;
}
body#phpbb.section-viewtopic .sh3d-vt-status-label { color: #6c757d; font-size: 13px; font-weight: 600; }
body#phpbb.section-viewtopic .sh3d-vt-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}
body#phpbb.section-viewtopic .sh3d-vt-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body#phpbb.section-viewtopic .sh3d-vt-status-active { background: #E7F6EC; color: #1E9E4B; }
body#phpbb.section-viewtopic .sh3d-vt-status-locked { background: #FDECEC; color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-vt-status-sep { width: 1px; align-self: stretch; background: #e8ecf1; margin: 0 6px; }
body#phpbb.section-viewtopic .sh3d-vt-statusbar .sh3d-ttype { margin-right: 0; }

/* --- watching banner (only when subscribed) --- */
body#phpbb.section-viewtopic .sh3d-vt-watch {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #E8F0FB;
	border-radius: 10px;
	padding: 12px 18px;
	margin: 0 0 14px;
	color: #1D5FF9;
	font-size: 13px;
	font-weight: 600;
}
body#phpbb.section-viewtopic .sh3d-vt-watch-msg { display: inline-flex; align-items: center; gap: 9px; }
body#phpbb.section-viewtopic .sh3d-vt-watch a.sh3d-vt-stopwatch { color: #1D5FF9; font-weight: 700; text-decoration: none; }

/* --- viewed line --- */
body#phpbb.section-viewtopic .sh3d-topic-stats { font-size: 13px; color: #6c757d; margin: 0 0 12px; }

/* --- AUTHOR | MESSAGE column header --- */
body#phpbb.section-viewtopic .sh3d-vt-colhdr {
	display: flex;
	background: #EEF2F6;
	border-radius: 8px;
	padding: 9px 0;
	margin: 0 0 14px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #6c757d;
}
body#phpbb.section-viewtopic .sh3d-vt-colhdr span:first-child { flex: 0 0 190px; box-sizing: border-box; padding-left: 24px; }
body#phpbb.section-viewtopic .sh3d-vt-colhdr span:last-child { padding-left: 24px; }

/* --- post cards --- */
body#phpbb.section-viewtopic .post,
body#phpbb.section-viewtopic .post.bg1,
body#phpbb.section-viewtopic .post.bg2 {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 0;
	margin: 0 0 14px;
	overflow: hidden;
}
body#phpbb.section-viewtopic .post .inner { display: flex; align-items: stretch; }
body#phpbb.section-viewtopic .post .inner::after { content: none; }

/* profile column (left) */
body#phpbb.section-viewtopic .postprofile {
	flex: 0 0 190px;
	width: 190px;
	min-height: 0;
	float: none;
	margin: 0;
	padding: 20px 16px;
	background: #F8FAFB;
	border-left: 0;
	border-right: 1px solid #e8ecf1;
	color: #6c757d;
	display: block;
	box-sizing: border-box;
}
body#phpbb.section-viewtopic .postprofile dt {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: 100%;
	float: none;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	text-align: center;
}
body#phpbb.section-viewtopic .postprofile .avatar-container { margin: 4px 0 0; }
body#phpbb.section-viewtopic .postprofile .avatar-container img.avatar {
	width: 56px;
	height: 56px;
	max-width: 56px;
	max-height: 56px;
	border-radius: 50%;
	object-fit: cover;
	border: 0;
}
body#phpbb.section-viewtopic .postprofile a.username,
body#phpbb.section-viewtopic .postprofile a.username-coloured {
	font-weight: 700;
	font-size: 14px;
	color: #1D5FF9;
	text-decoration: none;
	word-break: break-word;
}
/* role badge (JS: rank → text; coloured username → mod/admin; default Member) */
body#phpbb.section-viewtopic .sh3d-rank {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}
body#phpbb.section-viewtopic .sh3d-rank-member { background: #EEF2F6; color: #6c757d; }
body#phpbb.section-viewtopic .sh3d-rank-mod { background: #E7F6EC; color: #1E9E4B; }
body#phpbb.section-viewtopic .sh3d-rank-admin { background: #8C2B12; color: #fff; }
body#phpbb.section-viewtopic .postprofile dd.profile-rank { display: none; }
/* profile fields: grey label (strong) + darker bold value */
body#phpbb.section-viewtopic .postprofile dd {
	float: none;
	width: auto;
	margin: 0 0 5px;
	padding: 0;
	font-size: 12px;
	color: #3a4350;
	font-weight: 600;
	text-align: left;
}
body#phpbb.section-viewtopic .postprofile dd strong { color: #9aa3ad; font-weight: 500; }
body#phpbb.section-viewtopic .postprofile dd a { color: #3a4350; text-decoration: none; }

/* admin post tint (cream) */
body#phpbb.section-viewtopic .post.sh3d-post-admin { background: #FFF8F2; border-color: #F0DCC8; }
body#phpbb.section-viewtopic .post.sh3d-post-admin .postprofile { background: #FDF1E7; border-right-color: #F0DCC8; }
body#phpbb.section-viewtopic .post.sh3d-post-admin .sh3d-post-head { background: #FDF1E7; border-bottom-color: #F0DCC8; }
body#phpbb.section-viewtopic .post.sh3d-post-admin .signature { color: #b4643c; }

/* message column (right) */
body#phpbb.section-viewtopic .postbody {
	flex: 1 1 auto;
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}
body#phpbb.section-viewtopic .postbody h3 { display: none; }
body#phpbb.section-viewtopic .postbody p.author { display: none; }
body#phpbb.section-viewtopic .postbody .post-buttons { display: none; }
body#phpbb.section-viewtopic .postbody > div:not(.sh3d-post-head) { padding: 14px 22px 18px; flex: 1 1 auto; }

/* per-post header strip: date left, Reply/Quote/Print/#N right (built by JS) */
body#phpbb.section-viewtopic .sh3d-post-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #FAFBFC;
	border-bottom: 1px solid #e8ecf1;
	padding: 10px 22px;
	font-size: 12.5px;
}
body#phpbb.section-viewtopic .sh3d-post-date { display: inline-flex; align-items: center; gap: 7px; color: #6c757d; }
body#phpbb.section-viewtopic .sh3d-post-date svg { color: #9aa3ad; flex: none; }
body#phpbb.section-viewtopic .sh3d-post-actions { display: inline-flex; align-items: center; gap: 14px; }
body#phpbb.section-viewtopic .sh3d-post-actions a { color: #1D5FF9; font-weight: 700; font-size: 12.5px; text-decoration: none; }
body#phpbb.section-viewtopic .sh3d-post-actions a:hover { color: #1550e0; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-post-print { color: #9aa3ad; display: inline-flex; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-post-print:hover { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-num { color: #9aa3ad; font-weight: 700; }

/* message content */
body#phpbb.section-viewtopic .postbody .content {
	font-size: 14px;
	color: #3A4350;
	line-height: 1.65;
}
/* code boxes: grey rounded, mono (design) */
body#phpbb.section-viewtopic .content .codebox {
	background: #F4F6F8;
	border: 1px solid #e8ecf1;
	border-radius: 8px;
	margin: 10px 0;
}
body#phpbb.section-viewtopic .content .codebox p { display: none; }
body#phpbb.section-viewtopic .content .codebox code {
	display: block;
	padding: 12px 14px;
	font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
	font-size: 13px;
	color: #3a4350;
	max-height: none;
}
/* quotes: light grey card with accent border */
body#phpbb.section-viewtopic .content blockquote {
	background: #F8FAFB;
	border: 1px solid #e8ecf1;
	border-left: 3px solid #c9d4e0;
	border-radius: 8px;
	margin: 10px 0;
	padding: 10px 14px;
	font-size: 13.5px;
}
body#phpbb.section-viewtopic .content blockquote cite { font-size: 12px; color: #6c757d; }
/* signature */
body#phpbb.section-viewtopic .signature {
	border-top: 1px solid #e8ecf1;
	margin: 14px 0 0;
	padding: 10px 0 0;
	font-size: 12px;
	color: #9aa3ad;
	max-width: none;
}

/* --- bottom row: Post Reply left + "‹ Return to …" right --- */
body#phpbb.section-viewtopic .sh3d-vt-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 20px 0 0;
}
body#phpbb.section-viewtopic .sh3d-vt-bottom a.sh3d-vt-return {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #1D5FF9;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
}
body#phpbb.section-viewtopic .sh3d-vt-bottom a.sh3d-vt-return i.icon { color: #1D5FF9; font-size: 14px; }

/* --- small screens: stack the profile column above the message --- */
@media (max-width: 700px) {
	body#phpbb.section-viewtopic .post .inner { flex-direction: column; }
	body#phpbb.section-viewtopic .postprofile { flex: none; width: auto; border-right: 0; border-bottom: 1px solid #e8ecf1; }
	body#phpbb.section-viewtopic .sh3d-vt-colhdr span:first-child { flex: none; }
}

/* =====================================================================================
   SH3D search results / Recent Threads (Claude Design "6 · Recent Threads").
   Shared chrome + the viewforum row/tile/columns rules are extended above with
   body.section-search twin selectors; the rules below are search-specific.
   body#phpbb prefix beats prosilver's #phpbb-scoped rules. */

/* native chrome not in the design — the JS moves out the matches count, the
   advanced-search link and the bottom pagination before these are hidden */
body#phpbb.section-search .action-bar.bar-top,
body#phpbb.section-search p.advanced-search-link,
body#phpbb.section-search .action-bar.bottom,
body#phpbb.section-search .action-bar.actions-jump { display: none; }

/* subtitle under the "Recent Threads" title */
body#phpbb.section-search .sh3d-rt-subtitle,
body#phpbb.section-posting .sh3d-rt-subtitle,
body#phpbb.section-memberlist .sh3d-rt-subtitle { color: #6c757d; font-size: 14px; margin: 6px 0 16px; }

/* matches card: "Search found N matches" left + Advanced search right */
body#phpbb.section-search .sh3d-rt-matches {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 13px 18px;
	margin: 0 0 14px;
	font-size: 13px;
	color: #3a4350;
}
body#phpbb.section-search .sh3d-rt-matches strong { color: #1a1f26; }
body#phpbb.section-search .sh3d-rt-matches a { color: #1D5FF9; font-weight: 700; text-decoration: none; }

/* results card: one card, rounded on all corners (no first/last split here) */
body#phpbb.section-search .forumbg { border-radius: 10px; margin-bottom: 18px; }
/* the design shows no column-header row on the results list */
body#phpbb.section-search .forumbg ul.topiclist li.header { display: none; }
/* byline "by user » date » in Forum" under the title */
body#phpbb.section-search .forumbg .responsive-hide.left-box {
	font-size: 12px;
	color: #9aa3ad;
	margin-top: 4px;
	float: none;
}
body#phpbb.section-search .forumbg .responsive-hide.left-box a { color: #1D5FF9; }
/* per-topic mini pagination inside rows: not in the design */
body#phpbb.section-search .forumbg dt .pagination { display: none; }

/* REPLIES / VIEWS: stacked number + visible label (prosilver hides dfn off-screen) */
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.posts,
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.views {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
}
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.posts dfn,
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.views dfn {
	position: static;
	left: auto;
	width: auto;
	height: auto;
	overflow: visible;
	display: block;
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #9aa3ad;
}

/* last post cell: "Last post by <user>" + date on its own line */
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost span { display: block; padding-left: 0; }
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost dfn {
	position: static;
	left: auto;
	width: auto;
	height: auto;
	overflow: visible;
	display: inline;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: lowercase; /* design: "last post by …" */
}
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost a { color: #1D5FF9; }
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost time { display: block; margin-top: 2px; }

/* empty state ("No suitable matches were found.") as a card */
body#phpbb.section-search #page-body > .panel {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 16px 20px;
	margin-bottom: 16px;
}

/* bottom pagination: pills only, centered (JS wraps the moved .pagination) */
body#phpbb.section-search .sh3d-rt-pagination,
body#phpbb.section-memberlist .sh3d-rt-pagination { display: flex; justify-content: center; margin: 18px 0 6px; }
body#phpbb.section-search .sh3d-rt-pagination .pagination,
body#phpbb.section-memberlist .sh3d-rt-pagination .pagination { float: none; margin: 0; text-align: center; }

/* sh3d: hide nav-main on search — remove the top toolbar (Quick links / FAQ /
   search / Login / Register) on Recent Threads (active_topics); breadcrumb stays */
body#phpbb.section-search #page-header .navbar ul.nav-main { display: none; }

/* =====================================================================================
   SH3D advanced search FORM (Claude Design "8 · Search", mvnForum-style card).
   JS adds .sh3d-sf to the form on the form page only; results pages are untouched. */

/* title: h2.solo 30px like the other section titles (form page only) */
body.section-search h2.solo,
body.section-memberlist h2.solo {
	margin: 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2;
	color: #1a1f26;
}

/* the card */
body#phpbb.section-search form.sh3d-sf {
	display: block;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	overflow: hidden;
	margin: 0 0 24px;
}
body#phpbb.section-search form.sh3d-sf .sh3d-sf-head {
	background: #1D5FF9;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding: 14px 20px;
}
/* neutralize the native prosilver panels/fieldsets inside the card */
body#phpbb.section-search form.sh3d-sf .panel,
body#phpbb.section-search form.sh3d-sf .inner,
body#phpbb.section-search form.sh3d-sf fieldset {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
body#phpbb.section-search form.sh3d-sf h3,
body#phpbb.section-search form.sh3d-sf hr,
body#phpbb.section-search form.sh3d-sf legend { display: none; }
body#phpbb.section-search form.sh3d-sf .sh3d-sf-hidden { display: none !important; }

/* rows: label left (200px) + control right */
body#phpbb.section-search form.sh3d-sf fieldset dl {
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid #eef1f4;
	margin: 0;
	padding: 16px 20px;
}
body#phpbb.section-search form.sh3d-sf fieldset dl dt {
	flex: 0 0 200px;
	width: 200px;
	float: none;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 13.5px;
	color: #1a1f26;
}
body#phpbb.section-search form.sh3d-sf fieldset dl dt label {
	font-weight: 700;
	font-size: 13.5px;
	color: #1a1f26;
	padding: 0;
}
/* helper text under the label: not in the design */
body#phpbb.section-search form.sh3d-sf fieldset dl dt br,
body#phpbb.section-search form.sh3d-sf fieldset dl dt span { display: none; }
body#phpbb.section-search form.sh3d-sf fieldset dl dd {
	flex: 1 1 auto;
	min-width: 0;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* controls */
body#phpbb.section-search form.sh3d-sf input[type="search"],
body#phpbb.section-search form.sh3d-sf input[type="text"] {
	width: 100%;
	max-width: 600px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 13.5px;
	color: #1a1f26;
	box-shadow: none;
}
body#phpbb.section-search form.sh3d-sf select {
	background-color: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 13.5px;
	color: #1a1f26;
	max-width: 340px;
}
body#phpbb.section-search form.sh3d-sf input:focus,
body#phpbb.section-search form.sh3d-sf select:focus { border-color: #1D5FF9; outline: none; }

/* footer strip: Search (solid pill) + Reset (outline pill), centered */
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: #F4F7FA;
	margin: 0;
	padding: 16px 20px;
}
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input[type="submit"] {
	background: #1D5FF9;
	border: 1px solid #1D5FF9;
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	padding: 10px 26px;
	cursor: pointer;
}
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input[type="submit"]:hover { background: #1550e0; border-color: #1550e0; }
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input.sh3d-sf-reset {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	color: #3a4350;
	font-weight: 700;
	font-size: 13.5px;
	padding: 10px 26px;
	cursor: pointer;
}
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input.sh3d-sf-reset:hover { background: #f1f4f8; }

/* small screens: stack label above control */
@media (max-width: 700px) {
	body#phpbb.section-search form.sh3d-sf fieldset dl { flex-direction: column; align-items: flex-start; gap: 8px; }
	body#phpbb.section-search form.sh3d-sf fieldset dl dt { flex: none; width: auto; }
}

/* =====================================================================================
   SH3D memberlist (Claude Design "9 · Members"). Shared chrome twinned above with
   body.section-memberlist; the rules below are memberlist-specific.
   body#phpbb prefix beats prosilver's #phpbb-scoped rules. */

/* no toolbar on members (consistent with search, design 6/8/9); breadcrumb stays */
body#phpbb.section-memberlist #page-header .navbar ul.nav-main { display: none; }

/* native chrome not in the design (JS extracts the count + moves Find a member first) */
body#phpbb.section-memberlist .action-bar.bar-top .pagination { display: none; }
body#phpbb.section-memberlist .action-bar.actions-jump { display: none; }
body#phpbb.section-memberlist .action-bar.bar-bottom { background: transparent; border: 0; padding: 0; margin: 0; }

/* --- alphabet filter as pills --- */
body#phpbb.section-memberlist .action-bar.bar-top {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0 0 6px;
}
body#phpbb.section-memberlist .action-bar.bar-top .member-search {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: transparent;
	background-image: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0 0 0 -3px;
	float: none;
	font-size: 0; /* kills the "•" text-node separator; pills reset their own size */
}
body#phpbb.section-memberlist .action-bar.bar-top .member-search a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 6px 6px;
	margin: 3px; /* inter-pill spacing (robust even where flex gap doesn't apply) */
	font-size: 12.5px;
	font-weight: 600;
	color: #3a4350;
	text-decoration: none;
}
body#phpbb.section-memberlist .action-bar.bar-top .member-search a:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-memberlist .action-bar.bar-top .member-search a.sh3d-ml-active {
	background: #1D5FF9;
	border-color: #1D5FF9;
	color: #fff;
}

/* --- meta row: "N users" left + Find a member right (JS-built) --- */
body#phpbb.section-memberlist .sh3d-ml-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 10px 0 12px;
	font-size: 13.5px;
	color: #3a4350;
}
body#phpbb.section-memberlist .sh3d-ml-meta strong { color: #1a1f26; }
body#phpbb.section-memberlist .sh3d-ml-meta a { color: #1D5FF9; font-weight: 700; text-decoration: none; font-size: 13px; }

/* --- members table card --- */
body#phpbb.section-memberlist .forumbg.forumbg-table {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	margin: 0 0 18px;
	padding: 0;
	overflow: hidden;
}
body#phpbb.section-memberlist .forumbg.forumbg-table > .inner {
	border-radius: 0;
	overflow: visible;
	background: transparent;
	border: 0;
}
body#phpbb.section-memberlist table#team,
body#phpbb.section-memberlist table#memberlist {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
	border: 0;
}
body#phpbb.section-memberlist table#team thead th,
body#phpbb.section-memberlist table#memberlist thead th {
	background: #EEF2F6;
	background-image: none;
	border: 0;
	padding: 11px 16px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #6b7684;
	text-align: left;
}
body#phpbb.section-memberlist table#team thead th a,
body#phpbb.section-memberlist table#memberlist thead th a { color: #6b7684; text-decoration: none; }
body#phpbb.section-memberlist table#team thead th a:hover,
body#phpbb.section-memberlist table#memberlist thead th a:hover { color: #1D5FF9; }
body#phpbb.section-memberlist table#team tbody td,
body#phpbb.section-memberlist table#memberlist tbody td {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #eef1f4;
	padding: 12px 16px;
	vertical-align: middle;
	font-size: 13px;
	color: #3a4350;
}
body#phpbb.section-memberlist table#team tbody tr:last-child td,
body#phpbb.section-memberlist table#memberlist tbody tr:last-child td { border-bottom: 0; }
body#phpbb.section-memberlist table#team dfn,
body#phpbb.section-memberlist table#memberlist dfn { display: none; }

/* name cell: avatar + username with rank below */
body#phpbb.section-memberlist .sh3d-ml-user { display: flex; align-items: center; gap: 12px; }
body#phpbb.section-memberlist .sh3d-ml-user a.username,
body#phpbb.section-memberlist .sh3d-ml-user a.username-coloured {
	font-weight: 700;
	font-size: 14px;
	color: #1D5FF9;
	text-decoration: none;
}
body#phpbb.section-memberlist .sh3d-ml-rank { font-size: 11.5px; color: #9aa3ad; margin-top: 1px; }
body#phpbb.section-memberlist .sh3d-ml-rank.sh3d-ml-rank-admin { color: #C0392B; font-weight: 600; }
body#phpbb.section-memberlist .sh3d-ml-rank.sh3d-ml-rank-mod { color: #1E9E4B; font-weight: 600; }

/* posts / info / joined cells */
body#phpbb.section-memberlist table#memberlist td.posts a { color: #1D5FF9; font-weight: 700; font-size: 14px; text-decoration: none; }
body#phpbb.section-memberlist table#memberlist td.info div { display: inline; }
body#phpbb.section-memberlist table#memberlist td.info div + div::before { content: " · "; color: #9aa3ad; }
body#phpbb.section-memberlist table#team td.info a,
body#phpbb.section-memberlist table#memberlist td.info a { color: #1D5FF9; text-decoration: none; }
/* the team page group link carries the group colour as an inline style -> force the design blue */
body#phpbb.section-memberlist table#team td.info a { color: #1D5FF9 !important; }
body#phpbb.section-memberlist .sh3d-ml-dash { color: #c2c9d2; }

/* Find a member panel (toggle target) as a card */
body#phpbb.section-memberlist #memberlist_search {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 16px 20px;
	margin: 0 0 16px;
}
body#phpbb.section-memberlist #memberlist_search .inner { background: transparent; border: 0; padding: 0; }
body#phpbb.section-memberlist #memberlist_search input[type="text"],
body#phpbb.section-memberlist #memberlist_search input[type="search"],
body#phpbb.section-memberlist #memberlist_search select {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 7px 10px;
	font-size: 13px;
	color: #1a1f26;
}

/* --- The team (memberlist.php?mode=team, Claude design "10 · The team") --- */
/* group header: hide the "Rank" label, colour the group name by group */
body#phpbb.section-memberlist table#team thead th.name .rank-img { display: none; }
body#phpbb.section-memberlist table#team thead th.name a {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
body#phpbb.section-memberlist table#team thead th.name a.sh3d-tm-admin { color: #C0392B; }
body#phpbb.section-memberlist table#team thead th.name a.sh3d-tm-mod { color: #1E9E4B; }
/* member rows: hide the native rank text (rebuilt inside .sh3d-ml-user by the JS) */
body#phpbb.section-memberlist table#team tbody .rank-img { display: none; }
/* empty group: italic grey note */
body#phpbb.section-memberlist table#team tbody td[colspan] { font-style: italic; color: #9aa3ad; }

/* =====================================================================================
   SH3D index, logged-in (Claude design "1b · Index (logged in)"): hero user cluster
   (moved from the navbar by the footer JS), welcome-back bar, bottom user card. */

/* hero user cluster: bell / envelope / profile pill / logout */
body#phpbb.section-index .sh3d-hero-user {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}
body#phpbb.section-index .sh3d-hero-user > li { margin: 0; padding: 0; list-style: none; float: none; position: relative; display: block; }
/* bell / envelope: icon-only with a red count bubble */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 6px;
	color: #3a4350;
	text-decoration: none;
}
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a:hover { color: #1D5FF9; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a .icon { display: none; } /* FA icon replaced by the outline SVG */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a .sh3d-hu-svg { display: block; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a > span { display: none; } /* text label off, icon only */
body#phpbb.section-index .sh3d-hero-user strong.badge {
	position: absolute;
	top: -3px;
	right: -5px;
	background: #E5484D;
	color: #fff;
	border: 0;
	border-radius: 999px;
	min-width: 16px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}
body#phpbb.section-index .sh3d-hero-user strong.badge.hidden { display: none; }
/* profile pill (native UCP dropdown stays attached and opens below).
   NB: the anchor is NOT a direct li child — it sits inside div.header-profile. */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .header-profile {
	display: inline-flex;
	float: none;
	margin: 0;
	padding: 0;
	background: transparent;
	position: relative;
}
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 5px 12px 5px 6px;
	color: #1a1f26;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	max-width: none;
	overflow: visible;
}
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger:hover { border-color: #1D5FF9; }
/* neutralize prosilver's own carets (the ▼ pseudo + the mini caret on the avatar) */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger::before,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger::after,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .header-profile::before,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .header-profile::after,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger span::before,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger span::after { content: none !important; display: none !important; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger .sh3d-hu-chev { color: #6c757d; flex: none; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger img.avatar { width: 26px; height: 26px; max-width: 26px; max-height: 26px; border-radius: 50%; object-fit: cover; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .username,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .username-coloured { color: #1a1f26 !important; font-weight: 600; float: none; max-width: none; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .dropdown { top: 40px; left: auto; right: 0; }
/* logout text link */
body#phpbb.section-index .sh3d-hero-user a.sh3d-hu-logout { color: #3a4350; font-weight: 600; font-size: 14px; text-decoration: none; }
body#phpbb.section-index .sh3d-hero-user a.sh3d-hu-logout:hover { color: #1D5FF9; }

/* welcome-back bar (logged): text left + Mark forums read right */
body#phpbb.section-index .sh3d-welcomebar-user .sh3d-welcomebar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
body#phpbb.section-index .sh3d-welcomebar-user .sh3d-wb-text strong { color: #1a1f26; }
body#phpbb.section-index .sh3d-wb-actions a.sh3d-wb-mark {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #1D5FF9;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}

/* user card above who-is-online */
body#phpbb.section-index .sh3d-user-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 16px 20px;
	margin: 0 0 22px;
}
body#phpbb.section-index .sh3d-uc-id { display: flex; align-items: center; gap: 12px; }
body#phpbb.section-index .sh3d-uc-info { display: flex; flex-direction: column; gap: 2px; }
body#phpbb.section-index .sh3d-uc-name { font-size: 14.5px; color: #1a1f26; }
body#phpbb.section-index .sh3d-uc-meta { font-size: 12.5px; color: #6c757d; }
body#phpbb.section-index .sh3d-uc-actions { display: flex; align-items: center; gap: 10px; flex: none; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border-radius: 999px;
	padding: 9px 18px;
	font-size: 13.5px;
	font-weight: 700;
	text-decoration: none;
}
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-ucp { background: #fff; border: 1px solid #1D5FF9; color: #1D5FF9; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-ucp:hover { background: #E8F0FB; color: #1D5FF9; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-logout { background: #1D5FF9; border: 1px solid #1D5FF9; color: #fff; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-logout:hover { background: #1550e0; color: #fff; }

@media (max-width: 700px) {
	body#phpbb.section-index .sh3d-user-card { flex-direction: column; align-items: flex-start; }
	body#phpbb.section-index .sh3d-hero-user { gap: 10px; }
}

/* =====================================================================================
   Toolbar logged-in su viewforum/viewtopic (Claude design "3b · Viewtopic (logged in)"):
   search grigia senza bottone (lente inline) + user pill con divider; le voci testuali
   Welcome / Private messages / Notifications escono dalla barra (JS aggiunge le classi). */

/* soft search: grey rounded field, inline lens, no submit button (Enter submits) */
#page-header .navbar .sh3d-search.sh3d-search-soft input {
	background: #F1F4F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%239aa3ad' stroke-width='2'/%3E%3Cpath d='m20 20-3.2-3.2' stroke='%239aa3ad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 12px center;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 4px 8px 4px 38px;
	color: #1a1f26;
}
#page-header .navbar .sh3d-search.sh3d-search-soft input:focus { border-color: #1D5FF9; background-color: #fff; outline: none; }
#page-header .navbar .sh3d-search.sh3d-search-soft button { display: none; }

/* hidden text items (PMs / Notifications live on the index hero + inside UCP) */
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-tb-hidden,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-tb-hidden,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-tb-hidden,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-tb-hidden { display: none !important; }

/* user pill with a leading divider */
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-tb-profile,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-tb-profile,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-tb-profile,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-tb-profile {
	display: inline-flex;
	align-items: center;
	float: none;
	border-left: 1px solid #e1e5ea;
	padding-left: 14px;
	margin-left: 4px;
	font-size: 14px;
}
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .header-profile,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .header-profile,
body.section-posting #page-header .navbar li.sh3d-tb-profile .header-profile,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .header-profile {
	display: inline-flex;
	float: none;
	margin: 0;
	padding: 0;
	background: transparent;
	position: relative;
}
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 3px 12px 3px 6px;
	color: #1a1f26;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	max-width: none;
	overflow: visible;
}
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover { border-color: #1D5FF9; }
/* neutralize prosilver carets (FontAwesome ::after on the inner spans) */
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after { content: none !important; display: none !important; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar { width: 26px; height: 26px; max-width: 26px; max-height: 26px; border-radius: 50%; object-fit: cover; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .username,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .username-coloured,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .username,
body.section-posting #page-header .navbar li.sh3d-tb-profile .username,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .username,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .username-coloured,
body.section-posting #page-header .navbar li.sh3d-tb-profile .username-coloured,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .username-coloured { color: #1a1f26 !important; font-weight: 600; float: none; max-width: none; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev,
body.section-posting #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev { color: #6c757d; flex: none; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .dropdown,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .dropdown,
body.section-posting #page-header .navbar li.sh3d-tb-profile .dropdown,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .dropdown { top: 40px; left: auto; right: 0; }

/* =====================================================================================
   Quick Reply card su viewtopic (Claude design "3b") — restyle del quick reply NATIVO
   phpBB (form#qr_postform); il JS aggiunge header/toolbar/footer. */
body#phpbb.section-viewtopic form#qr_postform.sh3d-qr {
	display: block;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	overflow: hidden;
	margin: 18px 0 0;
}
body#phpbb.section-viewtopic .sh3d-qr .panel,
body#phpbb.section-viewtopic .sh3d-qr .inner {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
body#phpbb.section-viewtopic .sh3d-qr h2.quickreply-title { display: none; }
/* prosilver clearfix ::after (.inner:after & co.) becomes a stray flex item and
   pushes the submit off the right edge -> neutralize inside the card */
body#phpbb.section-viewtopic .sh3d-qr .inner::after,
body#phpbb.section-viewtopic .sh3d-qr .panel::after,
body#phpbb.section-viewtopic .sh3d-qr fieldset.submit-buttons::after { content: none !important; display: none !important; }
body#phpbb.section-viewtopic .sh3d-qr fieldset.fields1 { margin: 0; padding: 0; border: 0; }
body#phpbb.section-viewtopic .sh3d-qr fieldset.fields1 dl { display: none; } /* subject row (defaults to "Re: …") */
/* header */
body#phpbb.section-viewtopic .sh3d-qr-head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 20px;
	border-bottom: 1px solid #eef1f4;
}
body#phpbb.section-viewtopic .sh3d-qr-headtext { display: flex; flex-direction: column; gap: 2px; }
body#phpbb.section-viewtopic .sh3d-qr-headtext strong { font-size: 14.5px; color: #1a1f26; }
body#phpbb.section-viewtopic .sh3d-qr-postingas { font-size: 12.5px; color: #6c757d; }
body#phpbb.section-viewtopic .sh3d-qr-postingas a { color: #1D5FF9; text-decoration: none; }
/* mini BBCode toolbar */
body#phpbb.section-viewtopic .sh3d-qr-toolbar {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	border-bottom: 1px solid #eef1f4;
}
body#phpbb.section-viewtopic .sh3d-qr-toolbar button {
	width: 30px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	color: #3a4350;
	font-size: 13px;
	cursor: pointer;
	padding: 0;
}
body#phpbb.section-viewtopic .sh3d-qr-toolbar button:hover { border-color: #1D5FF9; color: #1D5FF9; }
/* textarea */
body#phpbb.section-viewtopic .sh3d-qr .message-box { padding: 0; margin: 0; width: auto; float: none; }
body#phpbb.section-viewtopic .sh3d-qr .message-box textarea {
	display: block;
	width: 100%;
	min-height: 140px;
	border: 0;
	border-radius: 0;
	padding: 16px 20px;
	font-size: 14px;
	color: #1a1f26;
	background: #fff;
	resize: vertical;
	box-sizing: border-box;
	box-shadow: none;
}
body#phpbb.section-viewtopic .sh3d-qr .message-box textarea:focus { outline: none; box-shadow: none; }
/* footer: Attach File + Preview left, Quick Reply right */
body#phpbb.section-viewtopic .sh3d-qr fieldset.submit-buttons {
	display: flex;
	align-items: center;
	gap: 16px;
	background: #FAFBFC;
	border-top: 1px solid #eef1f4;
	margin: 0;
	padding: 12px 20px;
	text-align: left;
}
body#phpbb.section-viewtopic .sh3d-qr fieldset.submit-buttons input#qr_full_editor { display: none; }
body#phpbb.section-viewtopic .sh3d-qr-attach {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 14px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
}
body#phpbb.section-viewtopic .sh3d-qr-attach:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-qr-preview { color: #1D5FF9; font-weight: 700; font-size: 13px; text-decoration: none; }
body#phpbb.section-viewtopic .sh3d-qr .sh3d-qr-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	background: #1D5FF9;
	border: 1px solid #1D5FF9;
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	padding: 9px 20px;
	cursor: pointer;
}
body#phpbb.section-viewtopic .sh3d-qr .sh3d-qr-submit:hover { background: #1550e0; color: #fff; }
/* the card replaces the duplicate bottom Post Reply button; the Return link stays */
body#phpbb.section-viewtopic .sh3d-vt-bottom-qr a.button.sh3d-postreply { display: none; }

/* =====================================================================================
   Viewtopic moderator view (Claude design "3c"): MODERATOR TOOLS bar, azioni per-post
   estese nella strip, Add to Favourites, Printer Friendly, edit-notice. Tutti gli
   elementi derivano da link nativi permission-gated: senza permessi non esistono. */

/* MODERATOR TOOLS bar */
body#phpbb.section-viewtopic .sh3d-mod-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	background: #FFF8F2;
	border: 1px solid #F0DCC8;
	border-radius: 10px;
	padding: 10px 16px;
	margin: 12px 0 12px;
}
body#phpbb.section-viewtopic .sh3d-mod-label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #C05621;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	margin-right: 4px;
}
body#phpbb.section-viewtopic .sh3d-mod-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 7px 13px;
	color: #3a4350;
	font-weight: 600;
	font-size: 12.5px;
	text-decoration: none;
	cursor: pointer;
}
body#phpbb.section-viewtopic .sh3d-mod-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-mod-btn.sh3d-mod-danger { border-color: #EAC7C4; color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-mod-btn.sh3d-mod-danger:hover { background: #FDECEC; border-color: #C4322E; color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-mod-note {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	color: #C05621;
	font-size: 12px;
}
/* mini dropdowns (Change Type / More) */
body#phpbb.section-viewtopic .sh3d-mod-dd { position: relative; display: inline-flex; }
body#phpbb.section-viewtopic .sh3d-mod-menu {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 60;
	min-width: 200px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(20, 40, 80, .12);
	padding: 6px;
}
body#phpbb.section-viewtopic .sh3d-mod-dd.sh3d-open .sh3d-mod-menu { display: block; }
body#phpbb.section-viewtopic .sh3d-mod-menu a {
	display: block;
	padding: 7px 10px;
	border-radius: 6px;
	color: #3a4350;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
body#phpbb.section-viewtopic .sh3d-mod-menu a:hover { background: #F4F7FA; color: #1D5FF9; }

/* per-post strip: extra actions */
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-edit { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-del { color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-del:hover { color: #a02824; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-ip,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-pm { color: #6c757d; font-weight: 700; font-size: 12px; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-ip:hover,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-pm:hover { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-link,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-report { color: #9aa3ad; display: inline-flex; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-link:hover,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-report:hover { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-top {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #9aa3ad;
	font-weight: 600;
	font-size: 11.5px;
}
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-top:hover { color: #1D5FF9; }

/* header: Add to Favourites (outline grey, before New Thread) */
body#phpbb.section-viewtopic a.sh3d-fav-btn {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	padding: 12px 18px;
	color: #3a4350;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
body#phpbb.section-viewtopic a.sh3d-fav-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* pagerow: Printer Friendly button; pagination pushes the rest right */
body#phpbb.section-viewtopic .sh3d-vt-pagerow { justify-content: flex-start; }
body#phpbb.section-viewtopic .sh3d-vt-pagerow .pagination { margin-right: auto; }
body#phpbb.section-viewtopic a.sh3d-print-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 7px 13px;
	color: #3a4350;
	font-weight: 600;
	font-size: 12.5px;
	text-decoration: none;
}
body#phpbb.section-viewtopic a.sh3d-print-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* edit notice ("[Edit N times, last edit by …]") */
body#phpbb.section-viewtopic .postbody .notice {
	font-size: 12px;
	font-style: italic;
	color: #9aa3ad;
	border-top: 1px dashed #e8ecf1;
	margin: 14px 0 0;
	padding: 8px 0 0;
}

/* prosilver .button:hover has text-shadow: 1px 1px 0 #fff → ghost/doubled text on our
   solid buttons (white text). Kill it on every restyled section — element-agnostic
   (.button, not a.button): the go-bar "Go" is a <button class="button">. */
body.section-index .button,
body.section-viewforum .button,
body.section-viewtopic .button,
body.section-app\/postconfirm .button,
body.section-posting .button,
body.section-search .button,
body.section-memberlist .button,
body.section-index .button:hover,
body.section-viewforum .button:hover,
body.section-viewtopic .button:hover,
body.section-app\/postconfirm .button:hover,
body.section-posting .button:hover,
body.section-search .button:hover,
body.section-memberlist .button:hover,
body.section-index .button:focus,
body.section-viewforum .button:focus,
body.section-viewtopic .button:focus,
body.section-app\/postconfirm .button:focus,
body.section-posting .button:focus,
body.section-search .button:focus,
body.section-memberlist .button:focus { text-shadow: none; }

/* =====================================================================================
   Post editor (Claude design "P1 · Post editor"). form#postform → card unica; i
   controlli nativi (format-buttons, plupload) NON vengono spostati, solo ristilati. */

/* card */
body#phpbb.section-posting form#postform.sh3d-pe {
	display: block;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	overflow: hidden;
	margin: 0 0 24px;
}
body#phpbb.section-posting .sh3d-pe .panel,
body#phpbb.section-posting .sh3d-pe .inner {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
/* header strip */
body#phpbb.section-posting .sh3d-pe .sh3d-pe-head {
	background: #EEF2F6;
	padding: 11px 20px;
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #6b7684;
	border-bottom: 1px solid #e1e5ea;
}
/* rows (Subject / Thread type / Priority / Mood) */
body#phpbb.section-posting .sh3d-pe dl.sh3d-pe-row {
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid #eef1f4;
	margin: 0;
	padding: 14px 20px;
}
body#phpbb.section-posting .sh3d-pe dl.sh3d-pe-row dt {
	flex: 0 0 200px;
	width: 200px;
	float: none;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 13.5px;
	color: #1a1f26;
}
body#phpbb.section-posting .sh3d-pe dl.sh3d-pe-row dt label { font-weight: 700; font-size: 13.5px; color: #1a1f26; padding: 0; }
body#phpbb.section-posting .sh3d-pe dl.sh3d-pe-row dt .sh3d-pe-hint {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #9aa3ad;
	margin-top: 3px;
}
body#phpbb.section-posting .sh3d-pe dl.sh3d-pe-row dd {
	flex: 1 1 auto;
	min-width: 0;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
body#phpbb.section-posting .sh3d-pe input[name="subject"] {
	width: 100%;
	max-width: 620px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 13.5px;
	color: #1a1f26;
}
body#phpbb.section-posting .sh3d-pe select.sh3d-pe-typesel,
body#phpbb.section-posting .sh3d-pe dl.sh3d-pe-row select {
	background-color: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 13.5px;
	color: #1a1f26;
	min-width: 240px;
}
body#phpbb.section-posting .sh3d-pe .sh3d-pe-hiddenctl { display: none !important; }
body#phpbb.section-posting .sh3d-pe input:focus,
body#phpbb.section-posting .sh3d-pe select:focus,
body#phpbb.section-posting .sh3d-pe textarea:focus { border-color: #1D5FF9; outline: none; }

/* BBCode toolbar */
body#phpbb.section-posting .sh3d-pe #format-buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px solid #eef1f4;
}
body#phpbb.section-posting .sh3d-pe #format-buttons .button {
	min-width: 30px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	color: #3a4350;
	font-size: 12px;
	font-weight: 600;
	padding: 0 8px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe #format-buttons .button:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe #format-buttons select {
	height: 28px;
	background-color: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	font-size: 12px;
	color: #3a4350;
	padding: 0 8px;
}
/* textarea */
body#phpbb.section-posting .sh3d-pe .message-box { float: none; width: auto; margin: 0; padding: 0; }
body#phpbb.section-posting .sh3d-pe textarea#message {
	display: block;
	width: 100% !important;
	min-height: 260px;
	border: 0;
	border-radius: 0;
	padding: 16px 20px;
	font-size: 14px;
	color: #1a1f26;
	background: #fff;
	resize: vertical;
	box-sizing: border-box;
	box-shadow: none;
}
/* smiley box: hidden strip toggled by the 🙂 button */
body#phpbb.section-posting .sh3d-pe #smiley-box { display: none; }
body#phpbb.section-posting form#postform.sh3d-pe.sh3d-smilies-open #smiley-box {
	display: block;
	float: none;
	width: auto;
	max-width: none;
	padding: 10px 20px;
	border-bottom: 1px solid #eef1f4;
	background: #FAFBFC;
}

/* OPTIONS + attachments flattened; native tab nav hidden */
body#phpbb.section-posting .sh3d-pe #tabs { display: none; }
body#phpbb.section-posting .sh3d-pe #options-panel,
body#phpbb.section-posting .sh3d-pe #attach-panel { display: block !important; border-top: 1px solid #eef1f4; }
body#phpbb.section-posting .sh3d-pe #options-panel { padding: 14px 20px; }
body#phpbb.section-posting .sh3d-pe #options-panel::before {
	content: "Options";
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #9aa3ad;
	margin-bottom: 10px;
}
body#phpbb.section-posting .sh3d-pe #options-panel fieldset { margin: 0; padding: 0; border: 0; background: transparent; }
body#phpbb.section-posting .sh3d-pe #options-panel dl { margin: 0 0 8px; padding: 0; display: block; }
body#phpbb.section-posting .sh3d-pe #options-panel dt,
body#phpbb.section-posting .sh3d-pe #options-panel dd { float: none; width: auto; margin: 0; padding: 0; }
body#phpbb.section-posting .sh3d-pe #options-panel label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0 18px 6px 0;
	font-size: 13px;
	color: #3a4350;
	padding: 0;
}
body#phpbb.section-posting .sh3d-pe #options-panel input[type="checkbox"],
body#phpbb.section-posting .sh3d-pe #options-panel input[type="radio"] { accent-color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe #options-panel input[type="number"],
body#phpbb.section-posting .sh3d-pe #options-panel input[type="text"] {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	padding: 4px 8px;
	font-size: 12.5px;
	width: 70px;
}
/* attachments section */
body#phpbb.section-posting .sh3d-pe #attach-panel { padding: 14px 20px; font-size: 12.5px; color: #9aa3ad; }
body#phpbb.section-posting .sh3d-pe #attach-panel .button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 14px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe #attach-panel .button:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe a.sh3d-pe-polltoggle {
	display: block;
	padding: 10px 20px;
	border-top: 1px solid #eef1f4;
	color: #1D5FF9;
	font-weight: 700;
	font-size: 12.5px;
	text-decoration: none;
}
body#phpbb.section-posting .sh3d-pe #poll-panel { padding: 14px 20px; border-top: 1px solid #eef1f4; }

/* footer strip */
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #FAFBFC;
	border-top: 1px solid #eef1f4;
	margin: 0;
	padding: 14px 20px;
	text-align: left;
}
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons::after { content: none !important; display: none !important; }
body#phpbb.section-posting .sh3d-pe .sh3d-pe-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #1D5FF9;
	border: 1px solid #1D5FF9;
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	padding: 9px 20px;
	cursor: pointer;
}
body#phpbb.section-posting .sh3d-pe .sh3d-pe-submit:hover { background: #1550e0; }
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons input.button1,
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons input.button2 {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	padding: 8px 14px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons input.button1:hover,
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons input.button2:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe fieldset.submit-buttons input[type="reset"] {
	background: transparent;
	border: 0;
	color: #9aa3ad;
	font-size: 12.5px;
	cursor: pointer;
	float: none;
}
body#phpbb.section-posting .sh3d-pe a.sh3d-pe-cancel {
	margin-left: auto;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 16px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
}
body#phpbb.section-posting .sh3d-pe a.sh3d-pe-cancel:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* post editor polish: hidden rows, inline option checkboxes, attach button, crumb */
body#phpbb.section-posting .sh3d-pe .sh3d-pe-hiddenrow { display: none !important; }
body#phpbb.section-posting .sh3d-pe #options-panel fieldset > div { display: inline-block; margin: 0 18px 6px 0; }
body#phpbb.section-posting .sh3d-pe #options-panel .sh3d-watch-notice {
	display: block;
	width: 100%;
	margin: 2px 0 8px;
	font-style: italic;
	font-size: 12px;
	color: #9aa3ad;
}
body#phpbb.section-posting .sh3d-pe #options-panel hr.dashed { border: 0; border-top: 1px dashed #e8ecf1; margin: 10px 0; }
/* NB: file-list row buttons excluded — they have their own pill styles in the
   "P5" block below, and forcing `display` here would defeat the native `.hidden`
   on "Place inline" (its unhide is a jQuery .show() after upload). */
body#phpbb.section-posting .sh3d-pe #attach-panel input.button2:not(.file-inline-bbcode):not(.file-delete) {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 14px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe #attach-panel input.button2:not(.file-inline-bbcode):not(.file-delete):hover { border-color: #1D5FF9; color: #1D5FF9; }
body.section-posting #page-header .navbar .nav-breadcrumbs .sh3d-pe-crumb span { color: #1a1f26; font-weight: 700; }

/* =====================================================================================
   Post created confirmation (Claude design "P2") — pagina app.php/postconfirm. */
body#phpbb.section-app\/postconfirm .sh3d-pc-wrap {
	display: flex;
	justify-content: center;
	padding: 28px 0 60px;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-card {
	width: 100%;
	max-width: 640px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 44px 40px;
	text-align: center;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #E7F6EC;
	margin-bottom: 18px;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-title {
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 700;
	color: #1a1f26;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-text {
	margin: 0 0 22px;
	font-size: 13.5px;
	line-height: 1.6;
	color: #6c757d;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-actions a {
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 13.5px;
	text-decoration: none;
}
body#phpbb.section-app\/postconfirm .sh3d-pc-actions a.sh3d-pc-thread { background: #1D5FF9; border: 1px solid #1D5FF9; color: #fff; }
body#phpbb.section-app\/postconfirm .sh3d-pc-actions a.sh3d-pc-thread:hover { background: #1550e0; color: #fff; }
body#phpbb.section-app\/postconfirm .sh3d-pc-actions a.sh3d-pc-forum { background: #fff; border: 1px solid #e1e5ea; color: #3a4350; }
body#phpbb.section-app\/postconfirm .sh3d-pc-actions a.sh3d-pc-forum:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-app\/postconfirm .sh3d-pc-note {
	margin: 22px 0 0;
	font-size: 12px;
	color: #9aa3ad;
}

/* =====================================================================================
   Delete-post confirmation (Claude design): card rossa con anteprima del post. */
body#phpbb.section-posting form#confirm.sh3d-del {
	display: block;
	max-width: 720px;
	margin: 0 auto 40px;
	background: #fff;
	border: 1px solid #F3C8C6;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	overflow: hidden;
}
body#phpbb.section-posting .sh3d-del .panel,
body#phpbb.section-posting .sh3d-del .inner {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
body#phpbb.section-posting .sh3d-del h2.sh3d-del-title {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 13px 20px;
	background: #FDECEC;
	border-bottom: 1px solid #F3C8C6;
	color: #C4322E;
	font-size: 14.5px;
	font-weight: 700;
}
body#phpbb.section-posting .sh3d-del .sh3d-del-question {
	margin: 0;
	padding: 18px 20px 0;
	font-size: 15px;
	font-weight: 700;
	color: #1a1f26;
}
body#phpbb.section-posting .sh3d-del .sh3d-del-preview {
	margin: 14px 20px 0;
	background: #F8FAFB;
	border: 1px solid #e8ecf1;
	border-radius: 8px;
	padding: 12px 14px;
}
body#phpbb.section-posting .sh3d-del .sh3d-del-meta { font-size: 12.5px; font-weight: 700; color: #3a4350; }
body#phpbb.section-posting .sh3d-del .sh3d-del-text { margin-top: 4px; font-size: 13px; line-height: 1.55; color: #6c757d; }
body#phpbb.section-posting .sh3d-del fieldset.fields1 { margin: 0; padding: 14px 20px 0; border: 0; background: transparent; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-perm {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	padding: 0;
}
body#phpbb.section-posting .sh3d-del dl.sh3d-del-perm dt,
body#phpbb.section-posting .sh3d-del dl.sh3d-del-perm dd { float: none; width: auto; margin: 0; padding: 0; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-perm dt label { font-size: 13px; color: #3a4350; padding: 0; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-perm input[type="checkbox"] { accent-color: #C4322E; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
	padding: 0;
}
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason dt { float: none; width: auto; margin: 0; padding: 0; font-size: 13px; color: #6c757d; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason dt .explain,
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason dt span,
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason dt br { display: none; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason dd { float: none; width: auto; margin: 0; padding: 0; flex: 1; }
body#phpbb.section-posting .sh3d-del dl.sh3d-del-reason input {
	width: 100%;
	max-width: 420px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 7px 10px;
	font-size: 13px;
}
body#phpbb.section-posting .sh3d-del fieldset.submit-buttons {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 16px 20px 20px;
	background: transparent;
	border: 0;
	text-align: left;
}
body#phpbb.section-posting .sh3d-del input.sh3d-del-yes {
	background: #C4322E;
	border: 1px solid #C4322E;
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	padding: 9px 20px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-del input.sh3d-del-yes:hover { background: #a82824; }
body#phpbb.section-posting .sh3d-del input.sh3d-del-no {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13.5px;
	padding: 9px 18px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-del input.sh3d-del-no:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* =====================================================================================
   Posting — Topic review (reply/quote): uniformato alla card editor P1. */
body#phpbb.section-posting .sh3d-pe h3#review {
	background: #EEF2F6;
	margin: 0;
	padding: 11px 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #6b7684;
	border-top: 1px solid #e1e5ea;
	border-bottom: 1px solid #e1e5ea;
}
body#phpbb.section-posting .sh3d-pe h3#review .right-box {
	float: right;
	text-transform: none;
	letter-spacing: normal;
}
body#phpbb.section-posting .sh3d-pe h3#review .right-box a {
	color: #1D5FF9;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}
body#phpbb.section-posting .sh3d-pe h3#review .right-box a:hover { text-decoration: underline; }
body#phpbb.section-posting .sh3d-pe #topicreview {
	height: auto;
	max-height: 420px;
	overflow: auto;
	padding: 14px 20px;
}
body#phpbb.section-posting .sh3d-pe #topicreview .post {
	background: #F8FAFB;
	background-image: none;
	border: 1px solid #e8ecf1;
	border-radius: 8px;
	margin: 0 0 10px;
	padding: 12px 14px;
}
body#phpbb.section-posting .sh3d-pe #topicreview .post:last-child { margin-bottom: 0; }
body#phpbb.section-posting .sh3d-pe #topicreview .postbody { float: none; width: auto; }
body#phpbb.section-posting .sh3d-pe #topicreview .postbody h3 { margin: 0 0 2px; padding: 0; font-size: 13.5px; font-weight: 700; border: 0; background: transparent; text-transform: none; letter-spacing: normal; }
body#phpbb.section-posting .sh3d-pe #topicreview .postbody h3 a { color: #1a1f26; text-decoration: none; }
body#phpbb.section-posting .sh3d-pe #topicreview p.author { margin: 0 0 8px; font-size: 12px; color: #9aa3ad; }
body#phpbb.section-posting .sh3d-pe #topicreview p.author a,
body#phpbb.section-posting .sh3d-pe #topicreview p.author strong a { color: #1D5FF9; font-weight: 600; text-decoration: none; }
body#phpbb.section-posting .sh3d-pe #topicreview .content { font-size: 13px; line-height: 1.55; color: #3a4350; }
body#phpbb.section-posting .sh3d-pe #topicreview ul.post-buttons {
	float: right;
	display: flex;
	gap: 6px;
	margin: 0 0 8px 12px;
	list-style: none;
}
body#phpbb.section-posting .sh3d-pe #topicreview ul.post-buttons li { margin: 0; }
body#phpbb.section-posting .sh3d-pe #topicreview ul.post-buttons a.button {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	color: #6b7684;
	padding: 2px 8px;
	font-size: 11px;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe #topicreview ul.post-buttons a.button:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe > hr { display: none; }
body#phpbb.section-posting .sh3d-pe > p:has(a.top) { display: none; }
body#phpbb.section-posting .sh3d-pe a.top { display: none; }

/* =====================================================================================
   Posting — pagina messaggio/risultato (es. dopo un delete): card centrata stile P2. */
body#phpbb.section-posting #message.sh3d-msg {
	max-width: 640px;
	margin: 12px auto 40px;
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	padding: 44px 40px;
	text-align: center;
}
body#phpbb.section-posting #message.sh3d-msg .inner {
	background: transparent;
	background-image: none;
	border: 0;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #E8F0FB;
	margin-bottom: 18px;
}
body#phpbb.section-posting #message.sh3d-msg h2.message-title {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 22px;
	font-weight: 700;
	color: #1a1f26;
	text-transform: none;
}
body#phpbb.section-posting #message.sh3d-msg p.sh3d-msg-text {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.6;
	color: #6c757d;
}
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 22px;
}
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-actions a {
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 13.5px;
	text-decoration: none;
	text-shadow: none;
}
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-actions a.sh3d-msg-primary { background: #1D5FF9; border: 1px solid #1D5FF9; color: #fff; }
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-actions a.sh3d-msg-primary:hover { background: #1550e0; color: #fff; }
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-actions a.sh3d-msg-secondary { background: #fff; border: 1px solid #e1e5ea; color: #3a4350; }
body#phpbb.section-posting #message.sh3d-msg .sh3d-msg-actions a.sh3d-msg-secondary:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* =====================================================================================
   Post editor attachments — Claude design "P5": dropzone + card file rows.
   The native plupload DOM is untouched (#add_files binding, #file-list rows); the
   dropzone wrapper is built by the footer JS before {$SCRIPTS} runs. */
body#phpbb.section-posting .sh3d-pe #attach-panel::before {
	content: "Attachments";
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #9aa3ad;
	margin-bottom: 10px;
}
body#phpbb.section-posting .sh3d-pe #attach-panel-multi { margin: 0 0 12px; }
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	padding: 24px 16px;
	background: #F8FAFB;
	border: 2px dashed #cdd6e0;
	border-radius: 10px;
	text-align: center;
	transition: border-color .15s ease, background-color .15s ease;
}
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dropzone.sh3d-dragover { border-color: #1D5FF9; background: #E8F0FB; }
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dz-icon { line-height: 0; }
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dropzone input#add_files {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border: 1px solid #1D5FF9;
	border-radius: 999px;
	padding: 8px 18px;
	color: #1D5FF9;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dropzone input#add_files:hover { background: #E8F0FB; border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dz-hint { font-size: 12.5px; color: #6c757d; }
body#phpbb.section-posting .sh3d-pe .sh3d-pe-dz-hint #drag-n-drop-message { color: inherit; }
body#phpbb.section-posting .sh3d-pe p.sh3d-pe-dz-max { margin: 0; font-size: 12px; color: #9aa3ad; }

/* file list: native table -> card rows (covers JS-cloned and server-rendered rows) */
body#phpbb.section-posting .sh3d-pe #file-list-container { background: transparent; border: 0; border-radius: 0; padding: 0; margin: 0; }
body#phpbb.section-posting .sh3d-pe #file-list-container .inner { padding: 0; }
body#phpbb.section-posting .sh3d-pe #file-list-container table,
body#phpbb.section-posting .sh3d-pe #file-list-container tbody { display: block; width: 100%; border: 0; margin: 0; }
body#phpbb.section-posting .sh3d-pe #file-list-container thead { display: none; }
body#phpbb.section-posting .sh3d-pe tr.attach-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 10px 12px;
	margin: 0 0 8px;
}
/* the hidden clone template must never resurface under the flex override */
body#phpbb.section-posting .sh3d-pe #attach-row-tpl,
body#phpbb.section-posting .sh3d-pe tr.attach-row-tpl { display: none !important; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td { display: block; width: auto; padding: 0; border: 0; background: transparent; text-align: left; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td.attach-name { order: 1; flex: 1 1 auto; display: flex; align-items: center; gap: 8px; min-width: 0; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td.attach-filesize { order: 2; font-size: 12px; color: #9aa3ad; white-space: nowrap; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td.attach-status { order: 3; display: flex; align-items: center; gap: 7px; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td.attach-comment { order: 4; flex: 1 1 100%; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td.attach-name::before {
	content: "";
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: #E8F0FB url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M14 3H7a1.5 1.5 0 0 0-1.5 1.5v15A1.5 1.5 0 0 0 7 21h10a1.5 1.5 0 0 0 1.5-1.5V7.5L14 3z" stroke="%231D5FF9" stroke-width="1.7" stroke-linejoin="round"/%3E%3Cpath d="M14 3v4.5h4.5" stroke="%231D5FF9" stroke-width="1.7" stroke-linejoin="round"/%3E%3C/svg%3E') center/16px 16px no-repeat;
}
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-name {
	max-width: none;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	font-size: 13px;
	color: #2b3138;
}
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-name a { color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe tr.attach-row span.clear { display: none; }
body#phpbb.section-posting .sh3d-pe tr.attach-row .attach-controls { float: none; display: inline-flex; gap: 6px; margin-left: auto; }
/* NB: no `display` here — the native "Place inline" unhide is a jQuery .show()
   (inline style) over the `.hidden` class; declaring display would break it. */
body#phpbb.section-posting .sh3d-pe tr.attach-row .attach-controls input {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 4px 12px;
	color: #3a4350;
	font-weight: 600;
	font-size: 12px;
	cursor: pointer;
	text-shadow: none;
}
body#phpbb.section-posting .sh3d-pe tr.attach-row .attach-controls input.file-inline-bbcode:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-posting .sh3d-pe tr.attach-row .attach-controls input.file-delete:hover { border-color: #D31141; color: #D31141; background: #FDF0F3; }
body#phpbb.section-posting .sh3d-pe tr.attach-row td.attach-comment textarea {
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
	min-height: 30px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 12.5px;
	color: #3a4350;
}
/* upload states: blue progress pill, green check / red cross */
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-progress {
	display: inline-block;
	width: 110px;
	height: 6px;
	border-radius: 999px;
	background: #E8F0FB;
	overflow: hidden;
	vertical-align: middle;
}
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-progress-bar { background: #1D5FF9; border-radius: 999px; }
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-status { width: 18px; height: 18px; flex: 0 0 auto; }
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-status.file-uploaded { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"%3E%3Ccircle cx="12" cy="12" r="9" stroke="%2316A34A" stroke-width="1.7"/%3E%3Cpath d="M8.5 12.2l2.3 2.3 4.7-4.7" stroke="%2316A34A" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') center/18px 18px no-repeat; }
body#phpbb.section-posting .sh3d-pe tr.attach-row .file-status.file-error { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"%3E%3Ccircle cx="12" cy="12" r="9" stroke="%23D31141" stroke-width="1.7"/%3E%3Cpath d="M9.2 9.2l5.6 5.6M14.8 9.2l-5.6 5.6" stroke="%23D31141" stroke-width="1.7" stroke-linecap="round"/%3E%3C/svg%3E') center/18px 18px no-repeat; }

/* =====================================================================================
   UCP (User Control Panel) — Claude design "11" as reference. Native structure kept
   (h2.ucp-title + #tabs + one .panel wrapping #cp-menu/#cp-main); the wrapper panel is
   tagged .sh3d-ucp-frame by the footer JS. Texts/controls untouched — presentation only. */
/* toolbar hidden like the search/memberlist pages (design 6/8/9 family) */
body#phpbb:is(.section-ucp, .section-mcp) #page-header .navbar ul.nav-main { display: none; }
body#phpbb:is(.section-ucp, .section-mcp) h2.ucp-title { margin: 4px 0 14px; }

/* main tabs → pill row */
body#phpbb:is(.section-ucp, .section-mcp) #tabs { margin: 0 0 16px; }
body#phpbb:is(.section-ucp, .section-mcp) #tabs ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
body#phpbb:is(.section-ucp, .section-mcp) #tabs .tab { float: none; margin: 0; padding: 0; background: transparent; }
body#phpbb:is(.section-ucp, .section-mcp) #tabs .tab > a {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 8px 16px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;
	box-shadow: none; /* prosilver puts an inset light ring on .activetab */
}
body#phpbb:is(.section-ucp, .section-mcp) #tabs .tab > a:hover { border-color: #1D5FF9; color: #1D5FF9; background: #fff; }
body#phpbb:is(.section-ucp, .section-mcp) #tabs .tab.activetab > a { background: #1D5FF9; border-color: #1D5FF9; color: #fff; }
body#phpbb:is(.section-ucp, .section-mcp) #tabs .tab.activetab > a:hover { background: #1550e0; color: #fff; }

/* frame panel → transparent shell */
body#phpbb:is(.section-ucp, .section-mcp) .panel.sh3d-ucp-frame {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
body#phpbb:is(.section-ucp, .section-mcp) .panel.sh3d-ucp-frame > .inner { padding: 0; }
/* layout: sidebar + content as flex columns with a gutter — the native prosilver
   floats (19% + 81%, no gap, menu pushed down by margin-top) overlap our cards */
body#phpbb:is(.section-ucp, .section-mcp) .panel.sh3d-ucp-frame > .inner > div {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
/* :has() twins of the .sh3d-ucp-frame rules: same styling applied at CSS parse time,
   BEFORE the footer JS adds the class → no flash of the stock bg3/float layout on
   navigation. Kept as SEPARATE rules (a comma-list would be dropped entirely by
   browsers without :has(), killing the JS-class fallback too). */
body#phpbb:is(.section-ucp, .section-mcp) #page-body .panel:has(#cp-menu) {
	background: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
body#phpbb:is(.section-ucp, .section-mcp) #page-body .panel:has(#cp-menu) > .inner { padding: 0; }
body#phpbb:is(.section-ucp, .section-mcp) #page-body .panel:has(#cp-menu) > .inner > div {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
/* prosilver's responsive overflow tab ("…" dropdown) — useless with the wrapping
   pill row and rendered as an empty pill before the JS hid it; hide at parse time */
body#phpbb:is(.section-ucp, .section-mcp) #tabs .tab.responsive-tab { display: none; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-menu {
	float: none;
	width: auto;
	flex: 0 0 240px;
	min-width: 0;
	/* top aligned with the content .panel card, not with the h2 above it:
	   41px = h2 line (27) + its 2/12 margins, constant across UCP pages */
	margin: 41px 0 0;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main {
	float: none;
	width: auto;
	flex: 1;
	min-width: 0;
}
@media (max-width: 700px) {
	body#phpbb:is(.section-ucp, .section-mcp) .panel.sh3d-ucp-frame > .inner > div { display: block; }
	/* separate :has() twin — higher specificity than the class rule above, so the
	   mobile stacking must be re-asserted for it too */
	body#phpbb:is(.section-ucp, .section-mcp) #page-body .panel:has(#cp-menu) > .inner > div { display: block; }
	body#phpbb:is(.section-ucp, .section-mcp) #cp-menu { margin: 0 0 14px; }
}

/* sidebar → white card; active item = soft blue */
body#phpbb:is(.section-ucp, .section-mcp) #navigation {
	padding: 6px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
}
body#phpbb:is(.section-ucp, .section-mcp) #navigation ul { list-style: none; margin: 0; padding: 0; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation li { margin: 2px 0; padding: 0; font-size: 13px; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation a,
body#phpbb:is(.section-ucp, .section-mcp) #navigation a span {
	display: block;
	background: transparent;
	background-image: none;
	border: 0;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	text-shadow: none;
}
body#phpbb:is(.section-ucp, .section-mcp) #navigation a { padding: 9px 12px; border-radius: 7px; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation a span { padding: 0; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation a:hover { background: #F8FAFB; color: #1D5FF9; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation a:hover span { color: #1D5FF9; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation li.active-subsection a { background: #E8F0FB; color: #1D5FF9; font-weight: 700; }
body#phpbb:is(.section-ucp, .section-mcp) #navigation li.active-subsection a span { color: #1D5FF9; font-weight: 700; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-menu hr { border: 0; border-top: 1px solid #eef1f4; margin: 8px 4px; height: 0; }
/* mini boxes (Friends / Message colours) */
body#phpbb:is(.section-ucp, .section-mcp) .cp-mini {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	margin: 10px 0 0;
}
body#phpbb:is(.section-ucp, .section-mcp) .cp-mini .inner { padding: 12px 14px; }
body#phpbb:is(.section-ucp, .section-mcp) dl.mini dt {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #9aa3ad;
	margin-bottom: 8px;
}
body#phpbb:is(.section-ucp, .section-mcp) dl.mini dd { font-size: 12.5px; color: #3a4350; margin: 4px 0 0; }

/* content column */
body#phpbb:is(.section-ucp, .section-mcp) #cp-main h2 { font-size: 22px; font-weight: 700; color: #1a1f26; margin: 2px 0 12px; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main h3 {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #9aa3ad;
	border-bottom: 1px solid #eef1f4;
	padding-bottom: 6px;
	margin: 18px 0 10px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main .panel {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
	margin-bottom: 14px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main .panel .inner { padding: 16px 20px; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main p { font-size: 13px; color: #6c757d; }

/* forms: label column + control column (reference: search form card, design 8) */
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset { margin: 0; padding: 0; border: 0; background: transparent; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 4px 16px;
	padding: 12px 0;
	margin: 0;
	border-bottom: 1px solid #f0f2f5;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl:last-of-type { border-bottom: 0; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl dt {
	float: none;
	flex: 0 0 220px;
	width: auto;
	margin: 0;
	padding-top: 4px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl dt label { color: inherit; font-weight: 600; font-size: 13px; padding: 0; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl dt .explain,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl dt span:not(.sh3d-reset-here) {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #9aa3ad;
	margin-top: 3px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl dd {
	float: none;
	flex: 1;
	min-width: 220px;
	margin: 0;
	padding: 2px 0 0;
	font-size: 13px;
	color: #3a4350;
	border: 0;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset dl dd label { font-size: 13px; color: #3a4350; padding-right: 14px; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input.inputbox,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main select,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main textarea.inputbox {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	padding: 7px 10px;
	font-size: 13px;
	color: #2b3138;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input.inputbox:focus,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main select:focus,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main textarea.inputbox:focus { border-color: #1D5FF9; outline: none; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input[type="checkbox"],
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input[type="radio"] { accent-color: #1D5FF9; }

/* buttons (labels untouched): button1 = solid blue, button2/reset = ghost pill */
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input.button1,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main a.button1 {
	display: inline-flex;
	align-items: center;
	background: #1D5FF9;
	background-image: none;
	border: 1px solid #1D5FF9;
	border-radius: 8px;
	padding: 9px 18px;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	text-shadow: none;
	text-decoration: none;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input.button1:hover,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main a.button1:hover { background: #1550e0; border-color: #1550e0; color: #fff; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input.button2,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main a.button2,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input[type="reset"],
body#phpbb:is(.section-ucp, .section-mcp) .cp-mini input.button2 {
	display: inline-flex;
	align-items: center;
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 14px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	text-shadow: none;
	text-decoration: none;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input.button2:hover,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main a.button2:hover,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main input[type="reset"]:hover,
body#phpbb:is(.section-ucp, .section-mcp) .cp-mini input.button2:hover { border-color: #1D5FF9; color: #1D5FF9; background: #fff; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main fieldset.submit-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 0 2px;
	margin-top: 6px;
	border-top: 1px solid #eef1f4;
	text-align: left;
}

/* tables (login keys, attachments, front-page activity) → memberlist pattern */
body#phpbb:is(.section-ucp, .section-mcp) #cp-main table.table1 { width: 100%; border: 0; border-collapse: collapse; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main table.table1 thead th {
	background: #EEF2F6;
	border: 0;
	padding: 9px 12px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #5a6570;
	text-align: left;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main table.table1 tbody td {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #f0f2f5;
	padding: 10px 12px;
	font-size: 13px;
	color: #3a4350;
}

/* cp lists (subscriptions / bookmarks / drafts / PM folders / groups) → clean rows */
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist { list-style: none; margin: 0; padding: 0; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist li { background: transparent; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist li.header dl {
	background: #EEF2F6;
	background-image: none;
	border-radius: 8px 8px 0 0;
	padding: 2px 8px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist li.header dt,
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist li.header dd {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #5a6570;
	min-height: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist.cplist li.row {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #f0f2f5;
	padding: 2px 8px;
}
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist.cplist li.row dl.row-item { background-image: none; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist.cplist li.row dl.row-item dt .list-inner { padding-left: 6px; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist.cplist a.topictitle { font-weight: 600; font-size: 14px; }
body#phpbb:is(.section-ucp, .section-mcp) #cp-main ul.topiclist.cplist li.row dd { font-size: 12px; color: #6c757d; border-left: 0; }

/* action bars (PM folder: mark/sort; pagination rows) */
body#phpbb:is(.section-ucp, .section-mcp) #cp-main .action-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	background: transparent;
	margin: 10px 0;
	font-size: 12.5px;
	color: #6c757d;
}

/* =====================================================================================
   Native modals (phpbb.alert / phpbb.confirm: delete cookies, mark read, quickmod,
   AJAX errors…) → card style in line with the redesign. Global: body#phpbb scope.
   Positioning/behaviour (fixed, darkenwrapper, core.js) untouched — colors/box only. */
body#phpbb .phpbb_alert {
	max-width: 440px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 22px 26px;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(15, 25, 45, .22);
	color: #3a4350;
}
body#phpbb .phpbb_alert h3 {
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	font-size: 17px;
	font-weight: 700;
	color: #1a1f26;
	text-transform: none; /* prosilver uppercases h3 globally; card titles are normal case */
	letter-spacing: 0;
}
body#phpbb .phpbb_alert p,
body#phpbb .phpbb_alert label {
	margin: 0 0 6px;
	padding: 0;
	font-size: 13.5px;
	line-height: 1.55;
	color: #6c757d;
}
body#phpbb .phpbb_alert div.alert_text > p,
body#phpbb .phpbb_alert div.alert_text > label { font-size: 13.5px; }
/* close X: inside the card, grey → dark on hover (prosilver hangs it outside) */
body#phpbb .phpbb_alert .alert_close {
	float: right;
	margin: -6px -10px 0 8px;
	color: #9aa3ad;
	font-size: 15px;
	text-decoration: none;
}
body#phpbb .phpbb_alert .alert_close:hover { color: #1a1f26; }
/* buttons: confirm = solid blue pill, cancel = ghost (labels untouched);
   text-align instead of flex — the template has a raw &nbsp; between the two
   inputs that would become an anonymous flex item */
body#phpbb .phpbb_alert fieldset.submit-buttons {
	margin: 16px 0 0;
	padding: 0;
	border: 0;
	text-align: right;
}
body#phpbb .phpbb_alert input.button1,
body#phpbb .phpbb_alert input.button2 {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 8px;
	padding: 8px 18px;
	color: #3a4350;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	text-shadow: none;
	margin-left: 8px;
}
body#phpbb .phpbb_alert input.button1:hover,
body#phpbb .phpbb_alert input.button2:hover { border-color: #1D5FF9; color: #1D5FF9; background: #fff; }
body#phpbb .phpbb_alert input[name="confirm"] {
	background: #1D5FF9;
	border-color: #1D5FF9;
	color: #fff;
	font-weight: 700;
}
body#phpbb .phpbb_alert input[name="confirm"]:hover { background: #1550e0; border-color: #1550e0; color: #fff; }
/* overlay: soft navy instead of pure black (native opacity fade kept) */
body#phpbb .darken { background-color: #0f192d; }

/* =====================================================================================
   Native dropdowns (Quick links, profile menu, jump-to-page, jumpbox, notifications/PM
   panels) → card style. CSS only: core.js recomputes the inline positioning on every
   open, so box/padding changes are safe. MODERATOR TOOLS dropdowns are custom (excluded). */
body#phpbb .dropdown .pointer,
body#phpbb .dropdown .pointer-inner { display: none; }
body#phpbb .dropdown .dropdown-contents {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(15, 25, 45, .14);
	padding: 6px;
}
/* simple menu items (extended notification/PM rows keep their native layout) */
body#phpbb .dropdown:not(.dropdown-extended) .dropdown-contents > li { border: 0; margin: 0; padding: 0; }
body#phpbb .dropdown:not(.dropdown-extended) .dropdown-contents > li > a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 12px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 500;
	color: #3a4350;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;
}
body#phpbb .dropdown:not(.dropdown-extended) .dropdown-contents > li > a:hover { background: #F8FAFB; color: #1D5FF9; }
/* separators: thin line; the native markup emits redundant leading/trailing/double ones */
body#phpbb .dropdown .dropdown-contents li.separator {
	border: 0;
	border-top: 1px solid #eef1f4;
	margin: 6px 8px;
	padding: 0;
	height: 0;
}
body#phpbb .dropdown .dropdown-contents li.separator:first-child,
body#phpbb .dropdown .dropdown-contents li.separator:last-child,
body#phpbb .dropdown .dropdown-contents li.separator + li.separator { display: none; }
/* extended panels (notifications / PM previews): card shell + coherent header/footer */
body#phpbb .dropdown-extended .dropdown-contents { padding: 0; }
body#phpbb .dropdown-extended .header {
	background: #EEF2F6;
	border: 0;
	color: #5a6570;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 10px 14px;
}
body#phpbb .dropdown-extended ul li { border-top: 1px solid #f0f2f5; }
body#phpbb .dropdown-extended ul li:first-child { border-top: 0; }
body#phpbb .dropdown-extended ul li:hover { background: #F8FAFB; }
body#phpbb .dropdown-extended .footer {
	border-top: 1px solid #eef1f4;
	font-size: 12.5px;
	text-align: center;
}
body#phpbb .dropdown-extended .footer a { color: #1D5FF9; font-weight: 600; text-decoration: none; }
/* controls inside dropdowns (e.g. pagination "Jump to page": input + Go) */
body#phpbb .dropdown .dropdown-contents li { font-size: 13px; color: #3a4350; }
body#phpbb .dropdown .dropdown-contents input.inputbox {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	padding: 4px 8px;
	font-size: 12.5px;
}
body#phpbb .dropdown .dropdown-contents input.button1,
body#phpbb .dropdown .dropdown-contents input.button2 {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	padding: 4px 10px;
	color: #3a4350;
	font-weight: 600;
	font-size: 12px;
	cursor: pointer;
	text-shadow: none;
	margin-left: 4px;
}
body#phpbb .dropdown .dropdown-contents input.button1:hover,
body#phpbb .dropdown .dropdown-contents input.button2:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* =====================================================================================
   MCP (Moderator Control Panel) — the whole UCP block above is shared via the
   :is(.section-ucp, .section-mcp) twins; this block covers MCP-only elements.
   Texts/controls untouched — presentation only. */
/* page title is a PLAIN h2 (no .ucp-title class); the [ MCP | Moderate forum… ]
   quick-jump row below it stays functional, just muted */
body#phpbb.section-mcp #page-body > h2 { margin: 4px 0 4px; }
body#phpbb.section-mcp #page-body > p.linkmcp {
	margin: 0 0 14px;
	font-size: 12px;
	color: #9aa3ad;
}
body#phpbb.section-mcp #page-body > p.linkmcp a { font-weight: 600; }

/* linked section h2 (forum_view "Forum: X") stays title-dark, not link-blue */
body#phpbb.section-mcp #cp-main h2 a { color: #1a1f26; text-decoration: none; }

/* "Forum: [select] Go" (queue/reports/logs) and the jumpbox strip (forum_view) */
body#phpbb.section-mcp #cp-main fieldset.forum-selection,
body#phpbb.section-mcp #cp-main fieldset.forum-selection2 {
	border: 0;
	padding: 0;
	background: transparent;
	font-size: 13px;
	color: #3a4350;
}
/* dropdown-trigger buttons ("Moderate forum" jumpbox, sort-tools ⇅) → ghost pill */
body#phpbb.section-mcp #cp-main .dropdown-container .button {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 6px 14px;
	color: #3a4350;
	font-weight: 600;
	font-size: 12.5px;
	text-shadow: none;
	box-shadow: none;
}
body#phpbb.section-mcp #cp-main .dropdown-container .button:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* post boxes (topic_view review rows) → grey boxes like the posting Topic review */
body#phpbb.section-mcp #cp-main #topicreview { height: auto; max-height: none; overflow: visible; }
body#phpbb.section-mcp #cp-main .post {
	background: #F8FAFB;
	background-image: none;
	border: 1px solid #e8ecf1;
	border-radius: 8px;
	margin: 0 0 10px;
}
body#phpbb.section-mcp #cp-main .post .inner { padding: 12px 16px; }

/* post subject h3 (review rows, post_details, report panel): undo the section-strip
   uppercase treatment from the shared #cp-main h3 rule */
body#phpbb.section-mcp #cp-main .postbody h3 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 15px;
	font-weight: 700;
	color: #1a1f26;
	border-bottom: 0;
	padding-bottom: 0;
	margin: 0 0 4px;
}
body#phpbb.section-mcp #cp-main .postbody h3 a { color: #1a1f26; text-decoration: none; }
body#phpbb.section-mcp #cp-main .postbody p.author { font-size: 12px; color: #6c757d; margin: 0 0 8px; }
body#phpbb.section-mcp #cp-main .postbody .content { font-size: 13px; color: #3a4350; }

/* per-post buttons row (info "i", edit pencil, Select checkbox) */
body#phpbb.section-mcp #cp-main ul.post-buttons {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 8px;
	float: right;
	margin: 0 0 8px 12px;
	padding: 0;
	font-size: 12px;
	color: #6c757d;
}
body#phpbb.section-mcp #cp-main ul.post-buttons .button {
	background: #fff;
	background-image: none;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 4px 10px;
	color: #3a4350;
	text-shadow: none;
	box-shadow: none;
}
body#phpbb.section-mcp #cp-main ul.post-buttons .button:hover { border-color: #1D5FF9; color: #1D5FF9; }

/* moderation state strips: unapproved = blue, reported = amber, deleted = red
   (palette from the delete-confirm card) */
body#phpbb.section-mcp #cp-main .post-notice {
	display: block;
	background: #E8F0FB;
	background-image: none;
	border: 1px solid #cfe0fb;
	border-radius: 8px;
	padding: 8px 12px;
	margin: 8px 0;
	font-size: 12.5px;
	color: #1D5FF9;
}
body#phpbb.section-mcp #cp-main .post-notice.reported { background: #FFF7E6; border-color: #F3E3BB; color: #9a6b00; }
body#phpbb.section-mcp #cp-main .post-notice.deleted { background: #FDECEC; border-color: #F3C8C6; color: #C4322E; }
body#phpbb.section-mcp #cp-main .post-notice a { color: inherit; }

/* topic_view minitabs (Move posts / Split topic / Display options) → small pill row.
   NB: spacing lives on .minitabs, NOT on its ul — phpBB's responsive-tabs JS collapses
   tabs into the "…" dropdown whenever the container grows taller than one tab, and
   .minitabs is a float (BFC) so a ul margin-bottom counts into its height. */
body#phpbb.section-mcp #cp-main .minitabs { margin: 0 0 8px; max-width: none; }
body#phpbb.section-mcp #cp-main .minitabs ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
body#phpbb.section-mcp #cp-main .minitabs .tab { float: none; margin: 0; padding: 0; background: transparent; }
body#phpbb.section-mcp #cp-main .minitabs .tab > a {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 999px;
	padding: 6px 12px;
	color: #3a4350;
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	text-shadow: none;
	box-shadow: none;
	white-space: nowrap;
}
body#phpbb.section-mcp #cp-main .minitabs .tab > a:hover { border-color: #1D5FF9; color: #1D5FF9; background: #fff; }
body#phpbb.section-mcp #cp-main .minitabs .tab.activetab > a { background: #1D5FF9; border-color: #1D5FF9; color: #fff; }

/* bulk-action footer (Select desired action + Submit, Delete/Restore, Mark all) */
body#phpbb.section-mcp fieldset.display-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
	margin: 12px 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 12.5px;
	color: #6c757d;
}
body#phpbb.section-mcp fieldset.display-actions div { margin: 0; }
body#phpbb.section-mcp fieldset.display-actions select {
	background: #fff;
	border: 1px solid #e1e5ea;
	border-radius: 6px;
	padding: 7px 10px;
	font-size: 13px;
	color: #2b3138;
}

/* jumpbox dropdown items ("Moderate forum"): neutralize prosilver's blue category
   band (#0076b1, unreadable) and pale-blue sub rows → white card items */
body#phpbb.section-mcp .dropdown a.jumpbox-cat-link,
body#phpbb.section-mcp .dropdown a.jumpbox-forum-link,
body#phpbb.section-mcp .dropdown a.jumpbox-sub-link {
	background: #fff;
	color: #3a4350;
}
body#phpbb.section-mcp .dropdown a.jumpbox-cat-link { font-weight: 700; color: #1a1f26; }
body#phpbb.section-mcp .dropdown a.jumpbox-cat-link:hover,
body#phpbb.section-mcp .dropdown a.jumpbox-forum-link:hover,
body#phpbb.section-mcp .dropdown a.jumpbox-sub-link:hover { background: #F8FAFB; color: #1D5FF9; }

/* Related threads (2026-09-24-05). Sits between the last post and the footer;
   borrows the card treatment used by the other viewtopic blocks. */
body.section-viewtopic .sh3d-related {
	margin: 24px 0 0;
	padding: 18px 20px 14px;
	background: #fff;
	border: 1px solid #e3e7ee;
	border-radius: 10px;
}
body.section-viewtopic .sh3d-related-title {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #1a1f26;
	letter-spacing: .01em;
}
body.section-viewtopic .sh3d-related-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.section-viewtopic .sh3d-related-list li {
	padding: 6px 0;
	border-top: 1px solid #f0f2f6;
	display: flex;
	gap: 10px;
	align-items: baseline;
	justify-content: space-between;
}
body.section-viewtopic .sh3d-related-list li:first-child { border-top: 0; }
body.section-viewtopic .sh3d-related-list a {
	color: #1c5fd0;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.35;
}
body.section-viewtopic .sh3d-related-list a:hover { text-decoration: underline; }
body.section-viewtopic .sh3d-related-meta {
	flex: 0 0 auto;
	color: #6b7280;
	font-size: 12px;
	white-space: nowrap;
}