/**
 * Style "pia" — étape 8 : recherche, connexion, panneaux UCP / MCP.
 *
 * Aucune maquette pour ces pages : les gabarits restent ceux de prosilver (donc tous les événements d'extensions)
 * et on les habille avec les tokens, comme l'éditeur de message (voir forms.css, qui fournit panneaux, champs, boutons, onglets).
 * Ce fichier ajoute ce qui est propre aux listes de sujets/messages, aux barres d'actions et au cadre « menu à gauche + contenu » du UCP/MCP.
 * Limité aux pages concernées (le body porte la classe section-<script>) pour ne rien changer aux pages déjà refaites.
 */

/* ---------------------------------------------------------------------
   Titres de page
--------------------------------------------------------------------- */
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body h2 {
	position: relative;
	margin: 0 0 1rem;
	padding: 0 0 0.7rem;
	border: 0;
	font-family: var(--pia-font-heading);
	font-size: clamp(1.6rem, 2.1vw, 2.2rem);
	font-weight: 400;
	line-height: 1.1;
	text-transform: none;
	letter-spacing: 0;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2.6rem;
	height: 2px;
	background: var(--pia-accent);
}
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body h2 a {
	color: inherit;
}
/* titres à l'intérieur d'un panneau : plus petits, sans filet rouge */
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body .panel h2,
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body .cp-main h2 {
	font-size: 1.5rem;
	margin-bottom: 0.8rem;
}
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body .panel h2::after,
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body .cp-main h2::after {
	display: none;
}
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body h3 {
	margin: 0 0 0.8rem;
	padding: 0 0 0.4rem;
	border-bottom: 1px solid var(--pia-bars);
	font-family: var(--pia-font-heading);
	font-size: 1.3rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp, .section-posting) .page-body :is(.advanced-search-link, .return-link, .linkmcp) a {
	color: var(--pia-accent-text);
}
.section-mcp .page-body .linkmcp {
	margin: 0 0 1rem;
	font-size: 0.8rem;
	color: var(--pia-text);
}

/* ---------------------------------------------------------------------
   Barres d'actions (résultats de recherche, listes) : contenu à gauche, pagination à droite
--------------------------------------------------------------------- */
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem 1.5rem;
	margin: 1rem 0;
	padding: 0;
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar::before,
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar::after {
	display: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.9rem;
	float: none;
	width: auto;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar .pagination ul {
	display: inline-flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar .pagination a:not(.button) {
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .pagination li .button,
:is(.section-search, .section-ucp, .section-mcp) .page-body .pagination li.active span,
:is(.section-search, .section-ucp, .section-mcp) .page-body .pagination li.ellipsis span {
	min-width: 0;
	padding: 0.2rem 0.5rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--pia-text);
	font: inherit;
	letter-spacing: inherit;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .pagination li .button:hover {
	background: transparent;
	color: var(--pia-accent-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .pagination li.active span {
	color: var(--pia-accent-text);
	font-weight: 600;
	border-bottom: 2px solid var(--pia-accent);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar span.button,
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar .dropdown-trigger.button {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.55rem 0.9rem;
	border: 1px solid var(--pia-text);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	color: var(--pia-text);
	cursor: pointer;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar a.button:not(.button-search):not(.button-search-end) {
	display: inline-block;
	padding: 0.6rem 1.3rem;
	border: 1px solid var(--pia-text);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	color: var(--pia-text);
	font-family: var(--pia-font-body);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .action-bar a.button:not(.button-search):not(.button-search-end):hover {
	background: var(--pia-text);
	color: var(--pia-bg);
}

/* Champ « rechercher dans ces résultats » : champ + deux petits boutons accolés */
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box {
	float: none;
	margin: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box fieldset {
	display: flex;
	align-items: stretch;
	margin: 0;
	padding: 0;
	border: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box .inputbox {
	width: 17rem;
	height: 2.1rem;
	margin: 0;
	padding: 0 0.7rem;
	border-right: 0;
	text-transform: none;
	letter-spacing: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box .button-search,
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box .button-search-end {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.1rem;
	height: 2.1rem;
	margin: 0;
	padding: 0;
	border: 1px solid var(--pia-bars);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box .button-search-end {
	border-left: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box .button:hover {
	border-color: var(--pia-text);
	background: var(--pia-text);
	color: var(--pia-bg);
}

/* ---------------------------------------------------------------------
   Listes de sujets (résultats « sujets », annonces du UCP, files de modération…)
--------------------------------------------------------------------- */
:is(.section-search, .section-ucp, .section-mcp) .page-body .forumbg,
:is(.section-search, .section-ucp, .section-mcp) .page-body .forabg {
	margin: 0 0 1.2rem;
	padding: 0;
	border: 1px solid var(--pia-bars);
	border-radius: 0;
	background: var(--pia-bg);
	background-image: none;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist {
	margin: 0;
	padding: 0;
	list-style: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li {
	margin: 0;
	border-width: 0; /* pas « border: 0 » : garde la couleur prosilver des lignes de MP colorées (légende) */
	background: transparent;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row {
	border-top: 1px solid var(--pia-bars);
	box-shadow: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row:first-child,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header + li.row {
	border-top: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row:hover {
	background: var(--pia-bg-stats);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header {
	border-bottom: 1px solid var(--pia-bars);
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dl {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	background-image: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dl.row-item {
	background-image: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dt {
	flex: 1 1 auto;
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	background-image: none;
	border: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dl > .list-inner,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dt .list-inner {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0.8rem 1rem;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd {
	flex: 0 0 auto;
	float: none;
	display: block;
	min-height: 0;
	margin: 0;
	padding: 0.8rem 1rem;
	border-left: 1px solid var(--pia-bars);
	background: transparent;
	font-family: var(--pia-font-body);
	font-size: 0.78rem;
	line-height: 1.5;
	text-transform: none;
	letter-spacing: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dd {
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.lastpost {
	width: 14rem;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.moderation {
	width: 22rem;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.mark {
	width: 6.5rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	text-align: center;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.posts,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.topics,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.views {
	width: 6.5rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	text-align: center;
}
/* colonnes d'information (messagerie privée : dossier, date d'envoi…) */
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.info {
	width: 11rem;
}
/* messagerie privée : titre, puis expéditeur et date sur la ligne dessous */
:is(.section-ucp, .section-mcp) .page-body ul.pmlist dt .list-inner > span {
	display: inline-block;
	margin: 0.15rem 1rem 0 0;
	font-size: 0.78rem;
	font-weight: 300;
}
:is(.section-ucp, .section-mcp) .page-body ul.pmlist dt .list-inner > a.topictitle {
	display: block;
}
/* messagerie privée : lu / non lu. Non lu = pastille bordeaux + titre en gras ; lu = titre couleur texte,
   pour que la différence ne repose pas que sur la graisse. */
:is(.section-ucp, .section-mcp) .page-body ul.pmlist dl.pm_read a.topictitle {
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body ul.pmlist dl.pm_unread a.topictitle {
	font-weight: 600;
	color: var(--pia-accent-text);
}
:is(.section-ucp, .section-mcp) .page-body ul.pmlist dl.pm_unread a.topictitle::before {
	content: "";
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	margin-right: 0.5rem;
	border-radius: 50%;
	background: var(--pia-accent);
	vertical-align: middle;
}
/* prosilver décale de 3px les lignes « répondu / coché / rapporté » (padding 0 + bordure 3px contre
   padding 0 3px pour les autres) : toutes les lignes alignées, barre de couleur à gauche seulement. La couleur
   reste celle de prosilver (colours.css), la même que dans la légende : on ne fixe ici que largeur et style. */
:is(.section-ucp, .section-mcp) .page-body ul.pmlist li.row {
	padding: 0;
}
:is(.section-ucp, .section-mcp) .page-body ul.pmlist li.row:is(.pm_marked_colour, .pm_replied_colour, .pm_message_reported_colour, .pm_friend_colour, .pm_foe_colour) {
	border-left-width: 3px;
	border-left-style: solid;
}
:is(.section-ucp, .section-mcp) .page-body ul.pmlist li.row:is(.pm_marked_colour, .pm_replied_colour, .pm_message_reported_colour, .pm_friend_colour, .pm_foe_colour) dt .list-inner {
	padding-left: calc(1rem - 3px);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd span {
	display: block;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist .topictitle,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist a.topictitle {
	font-family: var(--pia-font-heading);
	font-size: 1.1rem;
	font-weight: 400;
	color: var(--pia-accent-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist a {
	color: var(--pia-accent-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dt,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dd {
	padding: 0.7rem 1rem;
	color: var(--pia-text);
	font-weight: 500;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dt .list-inner {
	padding: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dd {
	padding-left: 1rem;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist .topic-poster,
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist .responsive-hide {
	margin-top: 0.2rem;
	font-size: 0.78rem;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist .unread {
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	margin-right: 0.5rem;
	border-radius: 50%;
	background: var(--pia-accent);
	vertical-align: middle;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist .unread i {
	display: none;
}

/* ---------------------------------------------------------------------
   Résultats « messages » : une carte par message, auteur à droite
--------------------------------------------------------------------- */
.section-search .page-body .search.post {
	margin: 0 0 1rem;
	padding: 1rem clamp(1rem, 1.6vw, 1.8rem);
	border: 1px solid var(--pia-bars);
	border-radius: 0;
	background: var(--pia-bg);
	color: var(--pia-text);
}
.section-search .page-body .search.post .postbody {
	color: var(--pia-text);
}
.section-search .page-body .search.post .postbody h3,
.section-search .page-body .search.post .postbody h3 a {
	margin: 0 0 0.5rem;
	padding: 0;
	border: 0;
	font-family: var(--pia-font-heading);
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--pia-accent-text);
}
.section-search .page-body .search.post .postprofile {
	min-height: 0;
	border-left: 1px solid var(--pia-bars);
	font-size: 0.78rem;
	color: var(--pia-text);
}
.section-search .page-body .search.post .postprofile a {
	color: var(--pia-accent-text);
}
.section-search .page-body .posthilit {
	padding: 0 0.15rem;
	background: var(--pia-bg-stats);
	color: var(--pia-accent-text);
	font-weight: 600;
}
.section-search .page-body ul.searchresults {
	margin: 0.6rem 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.section-search .page-body ul.searchresults a {
	color: var(--pia-accent-text);
}

/* ---------------------------------------------------------------------
   Tableaux (recherches récentes, journaux, listes du MCP)
--------------------------------------------------------------------- */
:is(.section-search, .section-ucp, .section-mcp) .page-body table.table1 {
	width: 100%;
	border-collapse: collapse;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body table.table1 thead th {
	padding: 0.7rem 1rem;
	border: 0;
	border-bottom: 1px solid var(--pia-bars);
	background: transparent;
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body table.table1 tbody td,
:is(.section-search, .section-ucp, .section-mcp) .page-body table.table1 tbody th {
	padding: 0.6rem 1rem;
	border: 0;
	border-top: 1px solid var(--pia-bars);
	background: transparent;
	color: var(--pia-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body table.table1 tbody tr:hover td {
	background: var(--pia-bg-stats);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body table.table1 a {
	color: var(--pia-accent-text);
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .forumbg-table {
	padding: 0;
}

/* ---------------------------------------------------------------------
   UCP / MCP : onglets (déjà dans forms.css) + menu à gauche + contenu
--------------------------------------------------------------------- */
:is(.section-ucp, .section-mcp) .page-body #cp-menu {
	float: left;
	width: 17rem;
	margin: 0;
	padding: 0;
}
:is(.section-ucp, .section-mcp) .page-body #cp-main {
	float: none;
	width: auto;
	margin-left: 18.5rem;
	padding: 0;
}
:is(.section-ucp, .section-mcp) .page-body #navigation {
	float: none;
	width: auto;
	padding: 0;
}
:is(.section-ucp, .section-mcp) .page-body #navigation ul {
	margin: 0 0 0.8rem;
	padding: 0;
	list-style: none;
}
:is(.section-ucp, .section-mcp) .page-body #navigation li {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
:is(.section-ucp, .section-mcp) .page-body #navigation li a,
:is(.section-ucp, .section-mcp) .page-body #navigation li a span {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	text-shadow: none;
	filter: none;
}
:is(.section-ucp, .section-mcp) .page-body #navigation li a {
	padding: 0.65rem 0.9rem;
	border-bottom: 1px solid var(--pia-bars);
	border-left: 3px solid transparent;
	color: var(--pia-text);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-ucp, .section-mcp) .page-body #navigation li a:hover {
	background: var(--pia-bg-stats);
	color: var(--pia-accent-text);
	text-decoration: none;
}
:is(.section-ucp, .section-mcp) .page-body #navigation li.active-subsection a,
:is(.section-ucp, .section-mcp) .page-body #navigation li.active-subsection a:hover {
	border-left-color: var(--pia-accent);
	background: var(--pia-bg-stats);
	color: var(--pia-accent-text);
}
:is(.section-ucp, .section-mcp) .page-body .cp-main .panel {
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	background: transparent;
}
:is(.section-ucp, .section-mcp) .page-body .cp-main .panel .inner {
	padding: 0;
}
:is(.section-ucp, .section-mcp) .page-body .cp-mini {
	margin: 1rem 0 0;
	padding: 0.8rem 0.9rem;
	border: 1px solid var(--pia-bars);
	border-radius: 0;
	background: transparent;
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body .cp-mini dt {
	margin-bottom: 0.4rem;
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body .cp-mini dd {
	margin-left: 0;
}
/* la liste de réglages du UCP : libellé rouge en capitales, valeur à côté */
:is(.section-ucp, .section-mcp) .page-body dl.details dt {
	color: var(--pia-accent-text);
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-ucp, .section-mcp) .page-body dl.details dd {
	color: var(--pia-text);
	font-size: 0.9rem;
}
:is(.section-ucp, .section-mcp) .page-body dl.details a,
:is(.section-ucp, .section-mcp) .page-body .cp-main a {
	color: var(--pia-accent-text);
}
:is(.section-ucp, .section-mcp) .page-body .cp-main a.button,
:is(.section-ucp, .section-mcp) .page-body .cp-main a.button1,
:is(.section-ucp, .section-mcp) .page-body .cp-main a.button2 {
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body fieldset.display-actions {
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	background: none;
	text-align: right;
}
:is(.section-ucp, .section-mcp) .page-body fieldset.display-actions input {
	margin-left: 0.4rem;
}
:is(.section-ucp, .section-mcp) .page-body fieldset.submit-buttons {
	margin: 0.5rem 0 0;
}

/* ---------------------------------------------------------------------
   Connexion
--------------------------------------------------------------------- */
.section-ucp .page-body #login h2.login-title {
	margin: 0 0 1rem;
	font-size: 1.6rem;
}
.section-ucp .page-body #login .error {
	margin: 0 0 1rem;
}

/* « Retour à… » + « Aller à… » en bas de page (même rendu que .pia-jump) */
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump {
	justify-content: space-between;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump .jumpbox {
	margin: 0 0 0 auto;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump .jumpbox-return {
	margin: 0;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump .jumpbox-return a {
	color: var(--pia-text);
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump .jumpbox-return a:hover {
	color: var(--pia-accent-text);
	text-decoration: none;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump .button {
	display: inline-block;
	padding: 0.55rem 1.1rem;
	border: 1px solid var(--pia-text);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	color: var(--pia-text);
	font-family: var(--pia-font-body);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
:is(.section-search, .section-ucp, .section-mcp) .page-body .actions-jump .button:hover {
	background: var(--pia-text);
	color: var(--pia-bg);
}

/* Le gabarit de recherche enveloppe tout le « dernier message » dans un <dfn> (masqué par prosilver) : on l'affiche */
:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.lastpost dfn {
	position: static;
	display: inline;
	width: auto;
	left: auto;
	font-style: normal;
}

/* ---------------------------------------------------------------------
   Petits écrans
--------------------------------------------------------------------- */
@media (max-width: 782px) {
	:is(.section-ucp, .section-mcp) .page-body #cp-menu {
		float: none;
		width: auto;
		margin-bottom: 1rem;
	}
	:is(.section-ucp, .section-mcp) .page-body #cp-main {
		margin-left: 0;
	}
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dl {
		flex-wrap: wrap;
	}
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd,
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.lastpost,
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist dd.moderation {
		flex: 1 1 100%;
		width: auto;
		border-left: 0;
		border-top: 1px solid var(--pia-bars);
		padding: 0.5rem 1rem;
	}
	/* l'en-tête des colonnes n'a plus de sens une fois les colonnes empilées : seul reste le titre de la liste */
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dd {
		display: none;
	}
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.header dt .list-inner {
		padding: 0.6rem 1rem;
		text-align: left;
	}
	/* prosilver recopie déjà « dernier message » / nombre de réponses sous le titre sur mobile (.responsive-show) : pas de doublon */
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row:has(.responsive-show) dd:is(.lastpost, .posts, .views, .topics) {
		display: none;
	}
	/* case à cocher : en haut à droite de la ligne, sans recouvrir le titre */
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row {
		position: relative;
	}
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row dd.mark {
		position: absolute;
		top: 0.6rem;
		right: 0.4rem;
		flex: none;
		width: auto;
		padding: 0.2rem 0.5rem;
		border: 0;
	}
	:is(.section-search, .section-ucp, .section-mcp) .page-body ul.topiclist li.row:has(dd.mark) dt .list-inner {
		padding-right: 3rem;
	}
	/* tableaux larges (journaux) : défilement horizontal dans leur cadre, pas dans la page */
	:is(.section-ucp, .section-mcp) .page-body table.table1 {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}
	:is(.section-ucp, .section-mcp) .page-body .forum-selection {
		float: none;
		margin: 0 0 1rem;
	}
	:is(.section-search, .section-ucp, .section-mcp) .page-body .search-box .inputbox {
		width: 10rem;
	}
	.section-search .page-body .search.post .postprofile {
		border-left: 0;
		border-top: 1px solid var(--pia-bars);
		padding-top: 0.6rem;
	}
}

/* ---------------------------------------------------------------------
   Message privé affiché, messages cités du MCP : une carte par message
   (mêmes couleurs que le reste ; prosilver les peint en blanc cassé avec du texte gris)
--------------------------------------------------------------------- */
:is(.section-ucp, .section-mcp) .page-body div.post {
	margin: 0 0 1rem;
	padding: 0;
	border: 1px solid var(--pia-bars);
	border-radius: 0;
	background: var(--pia-bg-stats);
	background-image: none;
	box-shadow: none;
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post > .inner {
	display: flow-root;
	padding: 1.1rem 1.3rem;
}
:is(.section-ucp, .section-mcp) .page-body div.post .postbody {
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post .postbody h3,
:is(.section-ucp, .section-mcp) .page-body div.post .postbody h3 a {
	margin: 0 0 0.6rem;
	padding: 0 0 0.5rem;
	border: 0;
	border-bottom: 1px solid var(--pia-bars);
	font-family: var(--pia-font-heading);
	font-size: 1.35rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post .author,
:is(.section-ucp, .section-mcp) .page-body div.post .author strong {
	color: var(--pia-text);
	font-size: 0.78rem;
	font-weight: 300;
}
:is(.section-ucp, .section-mcp) .page-body div.post .author a,
:is(.section-ucp, .section-mcp) .page-body div.post .content a,
:is(.section-ucp, .section-mcp) .page-body div.post .postprofile a {
	color: var(--pia-accent-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post .content {
	font-family: var(--pia-font-body);
	font-size: 0.92rem;
	font-weight: 300;
	line-height: 1.6;
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post .postprofile {
	min-height: 0;
	border-left: 1px solid var(--pia-bars);
	color: var(--pia-text);
	font-size: 0.78rem;
	font-weight: 300;
}
:is(.section-ucp, .section-mcp) .page-body div.post .postprofile strong,
:is(.section-ucp, .section-mcp) .page-body div.post .postprofile dd {
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post .back2top a.top {
	color: var(--pia-text);
}
:is(.section-ucp, .section-mcp) .page-body div.post ul.post-buttons .button {
	padding: 0.35rem 0.7rem;
	border: 1px solid var(--pia-text);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--pia-text);
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
:is(.section-ucp, .section-mcp) .page-body fieldset.display-actions,
:is(.section-ucp, .section-mcp) .page-body fieldset.display-options {
	margin-top: 1rem;
}
@media (max-width: 782px) {
	:is(.section-ucp, .section-mcp) .page-body div.post .postprofile {
		border-left: 0;
		border-top: 1px solid var(--pia-bars);
		margin-top: 0.8rem;
		padding-top: 0.6rem;
	}
}