/****************************************************************************/
/* STILE DEI MESSAGGI PRIVATI */
/****************************************************************************/

div.pagina_messages_center{
	--messages-panel-bg:rgba(14, 18, 24, 0.88);
	--messages-panel-border:rgba(225, 201, 149, 0.18);
	--messages-panel-border-strong:rgba(225, 201, 149, 0.38);
	--messages-panel-shadow:0 20px 40px rgba(0, 0, 0, 0.38);
	--messages-text:#f3eee4;
	--messages-muted:rgba(243, 238, 228, 0.72);
	--messages-accent:#e0bb72;
	--messages-accent-strong:#f5d48f;
	--messages-off-bg:linear-gradient(180deg, rgba(30, 38, 52, 0.94), rgba(18, 24, 34, 0.92));
	--messages-on-bg:linear-gradient(180deg, rgba(57, 42, 26, 0.92), rgba(24, 20, 16, 0.9));
	height:auto;
	min-height:100%;
	width:100%;
	background-image:url("../../pages/Anagrafe_menu/sf.nero.png");
	background-repeat:repeat;
	background-position:top left;
	color:var(--messages-text);
}

div.pagina_messages_center div.page_body{
	min-height:100%;
	padding:18px;
	box-sizing:border-box;
}

div.pagina_messages_center a{
	color:var(--messages-accent-strong);
}

div.pagina_messages_center .messages-toolbar{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:16px;
}

div.pagina_messages_center .messages-subtabs{
	margin:-4px 0 16px;
}

div.pagina_messages_center .messages-toolbar__new,
div.pagina_messages_center .messages-toolbar__tab,
div.pagina_messages_center .message-action-chip,
div.pagina_messages_center .message_toggle_button,
div.pagina_messages_center .form_submit input{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	border:1px solid rgba(255, 255, 255, 0.12);
	border-radius:999px;
	padding:8px 14px;
	background:rgba(255, 255, 255, 0.08);
	color:var(--messages-text);
	text-decoration:none;
	box-sizing:border-box;
	cursor:pointer;
	transition:background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

div.pagina_messages_center .messages-toolbar__new:hover,
div.pagina_messages_center .messages-toolbar__tab:hover,
div.pagina_messages_center .message-action-chip:hover,
div.pagina_messages_center .message_toggle_button:hover,
div.pagina_messages_center .form_submit input:hover{
	background:rgba(255, 255, 255, 0.14);
	border-color:rgba(255, 255, 255, 0.24);
	transform:translateY(-1px);
}

div.pagina_messages_center .messages-toolbar__tabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

div.pagina_messages_center .messages-toolbar__tab.is-active,
div.pagina_messages_center .messages-toolbar__new{
	background:linear-gradient(180deg, rgba(224, 187, 114, 0.24), rgba(113, 79, 27, 0.22));
	border-color:var(--messages-panel-border-strong);
}

div.pagina_messages_center .messages-toolbar__tab.has-unread{
	border-color:rgba(224, 187, 114, 0.32);
	box-shadow:0 0 0 1px rgba(224, 187, 114, 0.08) inset, 0 0 18px rgba(224, 187, 114, 0.16);
}

div.pagina_messages_center .message-panel,
div.pagina_messages_center .message-section,
div.pagina_messages_center .message-thread-shell,
div.pagina_messages_center .message-read-card{
	border:1px solid var(--messages-panel-border);
	border-radius:22px;
	background:var(--messages-panel-bg);
	box-shadow:var(--messages-panel-shadow);
	box-sizing:border-box;
}

div.pagina_messages_center .message-panel,
div.pagina_messages_center .message-thread-shell,
div.pagina_messages_center .message-read-card{
	padding:20px;
}

div.pagina_messages_center .message-panel__heading h2,
div.pagina_messages_center .message-section__header h2,
div.pagina_messages_center .message-thread-shell__meta h2,
div.pagina_messages_center .message-read-card__meta h2{
	margin:0;
}

div.pagina_messages_center .message-form-grid{
	display:grid;
	grid-template-columns:minmax(110px, 160px) 1fr;
	gap:14px 18px;
	align-items:start;
}

div.pagina_messages_center .message-form-grid > .form_field{
	width:100%;
	max-width:none;
	justify-self:stretch;
	text-align:left;
}

div.pagina_messages_center .message-text-label,
div.pagina_messages_center .message-text-field{
	grid-column:1 / -1;
}

div.pagina_messages_center .message-text-field{
	width:100%;
}

div.pagina_messages_center .message-text-field textarea{
	width:100%;
	min-width:100%;
	max-width:100%;
}

div.pagina_messages_center .message-panel input[type="text"],
div.pagina_messages_center .message-panel select,
div.pagina_messages_center .message-panel textarea,
div.pagina_messages_center .message-thread-reply-box textarea{
	width:100%;
	border:1px solid rgba(255, 255, 255, 0.12);
	border-radius:14px;
	background:rgba(255, 255, 255, 0.07);
	color:var(--messages-text);
	padding:10px 12px;
	box-sizing:border-box;
}

div.pagina_messages_center .message-panel select option,
div.pagina_messages_center .message-panel select optgroup{
	color:#111111;
	background:#f4efe6;
}

div.pagina_messages_center .message-panel textarea,
div.pagina_messages_center .message-thread-reply-box textarea{
	min-height:180px;
	resize:vertical;
}

div.pagina_messages_center .message-thread-reply-box textarea{
	min-height:120px;
}

div.pagina_messages_center .message-mode-picker{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:12px;
}

div.pagina_messages_center .message-mode-option{
	display:block;
	position:relative;
	padding:14px;
	border:1px solid rgba(255, 255, 255, 0.1);
	border-radius:18px;
	background:rgba(255, 255, 255, 0.05);
	cursor:pointer;
}

div.pagina_messages_center .message-mode-option.is-selected{
	border-color:var(--messages-panel-border-strong);
	background:linear-gradient(180deg, rgba(224, 187, 114, 0.18), rgba(74, 55, 26, 0.16));
}

div.pagina_messages_center .message-mode-option input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

div.pagina_messages_center .message-mode-option__title{
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
}

div.pagina_messages_center .message-mode-option__text,
div.pagina_messages_center .form_info,
div.pagina_messages_center .message-card__time,
div.pagina_messages_center .message-thread-card__time,
div.pagina_messages_center .message-bubble__time,
div.pagina_messages_center .message-read-card__meta p{
	color:var(--messages-muted);
	font-size:12px;
}

/* Campi specifici delle missive On */
div.pagina_messages_center .message-method-label,
div.pagina_messages_center .message-method-block{
	display:none;
}

div.pagina_messages_center .message-method-label.is-visible,
div.pagina_messages_center .message-method-block.is-visible{
	display:block;
}

div.pagina_messages_center .message-language-label,
div.pagina_messages_center .message-language-block,
div.pagina_messages_center .message-info-label,
div.pagina_messages_center .message-info-block{
	display:none;
}

div.pagina_messages_center .message-language-label.is-visible,
div.pagina_messages_center .message-language-block.is-visible,
div.pagina_messages_center .message-info-label.is-visible,
div.pagina_messages_center .message-info-block.is-visible{
	display:block;
}

div.pagina_messages_center .message-language-select{
	max-width:320px;
}

div.pagina_messages_center .message-info-label,
div.pagina_messages_center .message-info-block{
	grid-column:1 / -1;
}

div.pagina_messages_center .message-panel textarea.message-info-textarea,
div.pagina_messages_center .message-thread-reply-box textarea.message-info-textarea{
	height:60px;
	min-height:60px;
	max-height:80px;
	padding:7px 12px;
	font-style:italic;
	font-size:12px;
	line-height:1.35;
	overflow-y:auto;
	resize:vertical;
}

div.pagina_messages_center .message-method-picker{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:12px;
}

div.pagina_messages_center .message-method-option{
	display:block;
	position:relative;
	padding:14px;
	border:1px solid rgba(255, 255, 255, 0.1);
	border-radius:18px;
	background:rgba(255, 255, 255, 0.05);
	cursor:pointer;
}

div.pagina_messages_center .message-method-option.is-selected{
	border-color:var(--messages-panel-border-strong);
	background:linear-gradient(180deg, rgba(224, 187, 114, 0.18), rgba(74, 55, 26, 0.16));
}

div.pagina_messages_center .message-method-option.is-disabled{
	opacity:0.5;
	cursor:default;
}

div.pagina_messages_center .message-method-option input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

div.pagina_messages_center .message-method-option__title{
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-bottom:4px;
}

div.pagina_messages_center .message-method-option__text,
div.pagina_messages_center .message-method-option__warning{
	color:var(--messages-muted);
	font-size:12px;
}

div.pagina_messages_center .message-method-option__warning{
	display:block;
	margin-top:6px;
	color:#e08484;
}

div.pagina_messages_center .message-method-quality-select{
	display:none;
	margin-top:10px;
	width:100%;
}

div.pagina_messages_center .message-method-option.is-selected .message-method-quality-select{
	display:block;
}

div.pagina_messages_center .message-method-seal-toggle{
	display:none;
	align-items:center;
	gap:6px;
	margin-top:10px;
	font-size:12px;
	color:var(--messages-muted);
}

div.pagina_messages_center .message-method-seal-toggle input{
	position:static;
	opacity:1;
	pointer-events:auto;
}

div.pagina_messages_center .message-method-option.is-selected .message-method-seal-toggle{
	display:flex;
}

div.pagina_messages_center .message-method-price-preview{
	margin-top:8px;
	font-size:12px;
	color:#e0a83f;
}

div.pagina_messages_center .message-method-option .message-method-price-preview{
	display:none;
}

div.pagina_messages_center .message-method-option.is-selected .message-method-price-preview{
	display:block;
}

div.pagina_messages_center .message-settings-checkbox{
	display:flex;
	align-items:center;
	gap:6px;
	margin-bottom:10px;
}

/* Anteprima della firma nelle impostazioni missive */
div.pagina_messages_center .message-settings-preview{
	margin-top:12px;
	padding:12px 14px;
	border:1px solid var(--messages-panel-border);
	border-radius:16px;
	background:rgba(255, 255, 255, 0.04);
	box-sizing:border-box;
}

div.pagina_messages_center .message-settings-preview__title{
	font-size:12px;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--messages-accent);
	margin-bottom:6px;
}

div.pagina_messages_center .message-settings-preview__body{
	padding:4px 0;
	overflow-x:auto;
}

div.pagina_messages_center .message-settings-preview__body .missiva-firma{
	margin-top:0;
}

div.pagina_messages_center input[type="submit"].message-settings-preview__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	width:auto;
	margin:10px 0 0;
	padding:8px 14px;
	border:1px solid rgba(255, 255, 255, 0.12);
	border-radius:999px;
	background:rgba(255, 255, 255, 0.08);
	color:var(--messages-text);
	font-size:inherit;
	font-weight:normal;
	line-height:normal;
	cursor:pointer;
	transform:none;
	transition:background 0.15s ease, border-color 0.15s ease;
}

div.pagina_messages_center input[type="submit"].message-settings-preview__button:hover,
div.pagina_messages_center input[type="submit"].message-settings-preview__button:focus{
	display:inline-flex;
	box-sizing:border-box;
	margin:10px 0 0;
	padding:8px 14px;
	border-width:1px;
	border-style:solid;
	border-color:rgba(255, 255, 255, 0.24);
	background:rgba(255, 255, 255, 0.14);
	font-weight:normal;
	line-height:normal;
	transform:none;
}

/* Badge metodo nelle missive ricevute (thread + liste) */
div.pagina_messages_center .message-method-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:64px;
	height:64px;
	border-radius:50%;
	overflow:hidden;
	flex:0 0 auto;
	border:1px solid rgba(255, 255, 255, 0.18);
	background:rgba(255, 255, 255, 0.08);
}

div.pagina_messages_center .message-method-badge img{
	display:block;
	width:64px;
	height:64px;
	object-fit:contain;
	box-sizing:border-box;
}

/* Sigillo di ceralacca e firma aggiunti in fondo al testo della missiva */
div.pagina_messages_center .missiva-sigillo{
	margin-top:10px;
}

div.pagina_messages_center .missiva-sigillo img{
	display:block;
	max-width:150px;
	max-height:150px;
}

div.pagina_messages_center .missiva-firma{
	margin-top:14px;
	padding-top:10px;
	border-top:1px solid rgba(255, 255, 255, 0.12);
}

div.pagina_messages_center .missiva-info-supporto{
	margin-top:10px;
	font-style:italic;
	line-height:1.55;
	opacity:0.88;
}

div.pagina_messages_center .messages-list-shell{
	display:flex;
	flex-direction:column;
	gap:18px;
}

div.pagina_messages_center .message-section{
	padding:18px;
}

div.pagina_messages_center .message-thread-list,
div.pagina_messages_center .message-card-list{
	display:flex;
	flex-direction:column;
	gap:14px;
}

div.pagina_messages_center .message-thread-card__link,
div.pagina_messages_center .message-card{
	display:grid;
	align-items:start;
	gap:14px;
	padding:14px 16px;
	border-radius:18px;
	border:1px solid rgba(255, 255, 255, 0.1);
	background:rgba(255, 255, 255, 0.05);
	box-sizing:border-box;
	text-decoration:none;
	color:inherit;
	transition:background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

div.pagina_messages_center .message-card{
	position:relative;
	grid-template-columns:auto auto 1fr;
}

div.pagina_messages_center .message-card.message-card--thread{
	grid-template-columns:auto auto 1fr auto;
	background:var(--messages-off-bg);
}

div.pagina_messages_center .message-card.message-card--sent{
	grid-template-columns:auto 1fr;
}

div.pagina_messages_center .message-card.is-unread{
	background:var(--messages-on-bg);
	border-color:rgba(224, 187, 114, 0.24);
}

div.pagina_messages_center .message-card.message-card--thread.is-unread{
	background:linear-gradient(180deg, rgba(38, 48, 68, 0.96), rgba(20, 28, 41, 0.94));
	border-color:rgba(224, 187, 114, 0.24);
}

/* Skin per metodo di invio missiva On: accento sul bordo sinistro + tinta leggera, coerente con lo skin del riquadro nel thread */
div.pagina_messages_center .message-card--skin-pergamena-q1{
	border-left:5px solid rgba(140, 115, 85, 0.7);
	background:linear-gradient(90deg, rgba(120, 100, 75, 0.16), rgba(255, 255, 255, 0.05) 70%);
}

div.pagina_messages_center .message-card--skin-pergamena-q2{
	border-left:5px solid rgba(176, 142, 92, 0.7);
	background:linear-gradient(90deg, rgba(160, 130, 88, 0.16), rgba(255, 255, 255, 0.05) 70%);
}

div.pagina_messages_center .message-card--skin-pergamena-q3{
	border-left:5px solid rgba(196, 164, 102, 0.72);
	background:linear-gradient(90deg, rgba(196, 164, 102, 0.18), rgba(255, 255, 255, 0.05) 70%);
}

div.pagina_messages_center .message-card--skin-pergamena-q4{
	border-left:5px solid rgba(214, 180, 110, 0.75);
	background:linear-gradient(90deg, rgba(214, 180, 110, 0.2), rgba(255, 255, 255, 0.05) 70%);
}

div.pagina_messages_center .message-card--skin-pergamena-q5{
	border-left:5px solid rgba(238, 230, 210, 0.8);
	background:linear-gradient(90deg, rgba(238, 230, 210, 0.2), rgba(255, 255, 255, 0.05) 70%);
}

div.pagina_messages_center .message-card--skin-pergamena-q6{
	border-left:5px solid rgba(248, 218, 140, 0.85);
	background:linear-gradient(90deg, rgba(248, 218, 140, 0.24), rgba(255, 255, 255, 0.05) 70%);
	box-shadow:0 0 14px rgba(248, 218, 140, 0.16);
}

div.pagina_messages_center .message-card--skin-comunicatore{
	border-left:5px solid rgba(90, 225, 240, 0.75);
	background:linear-gradient(90deg, rgba(50, 205, 225, 0.18), rgba(255, 255, 255, 0.05) 70%);
	box-shadow:0 0 14px rgba(60, 205, 225, 0.14);
}

div.pagina_messages_center .message-card--skin-spirituale{
	border-left:5px solid rgba(195, 150, 235, 0.75);
	background:linear-gradient(90deg, rgba(190, 140, 235, 0.2), rgba(255, 255, 255, 0.05) 70%);
	box-shadow:0 0 14px rgba(180, 130, 230, 0.16);
}

div.pagina_messages_center .message-thread-card__link{
	background:var(--messages-off-bg);
}

div.pagina_messages_center .message-thread-card__link:hover,
div.pagina_messages_center a.message-card:hover,
div.pagina_messages_center .message-card.message-card--thread:hover{
	border-color:rgba(255, 255, 255, 0.22);
	transform:translateY(-1px);
}

div.pagina_messages_center .message-thread-card__avatar,
div.pagina_messages_center .message-card__avatar,
div.pagina_messages_center .message-thread-shell__avatar,
div.pagina_messages_center .message-bubble__avatar,
div.pagina_messages_center .message-read-card__avatar{
	width:68px;
	height:68px;
	border-radius:50%;
	overflow:hidden;
	border:2px solid rgba(255, 255, 255, 0.1);
	background:rgba(255, 255, 255, 0.08);
	flex:0 0 auto;
}

div.pagina_messages_center .message-thread-shell__avatar,
div.pagina_messages_center .message-read-card__avatar{
	width:82px;
	height:82px;
}

div.pagina_messages_center .message-thread-card__avatar img,
div.pagina_messages_center .message-card__avatar img,
div.pagina_messages_center .message-thread-shell__avatar img,
div.pagina_messages_center .message-bubble__avatar img,
div.pagina_messages_center .message-read-card__avatar img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

div.pagina_messages_center .message-card__avatar-link{
	display:block;
	text-decoration:none;
}

div.pagina_messages_center .message-thread-card__body,
div.pagina_messages_center .message-card__body{
	min-width:0;
	width:100%;
	display:flex;
	flex-direction:column;
	align-self:stretch;
}

div.pagina_messages_center .message-thread-card__topline,
div.pagina_messages_center .message-card__topline,
div.pagina_messages_center .message-bubble__meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:8px 12px;
}

div.pagina_messages_center .message-thread-card__name,
div.pagina_messages_center .message-card__name,
div.pagina_messages_center .message-bubble__author{
	font-weight:bold;
	font-size:16px;
}

div.pagina_messages_center .message-thread-card__preview,
div.pagina_messages_center .message-card__preview{
	margin-top:4px;
	color:var(--messages-muted);
	text-decoration:none;
	display:block;
	width:100%;
	line-height:1.55;
}

div.pagina_messages_center .message-thread-card__badges,
div.pagina_messages_center .message-card__actions,
div.pagina_messages_center .message-bubble__actions,
div.pagina_messages_center .message-read-card__actions,
div.pagina_messages_center .message-mass-footer{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
}

div.pagina_messages_center .message-card.message-card--thread .message-thread-card__badges{
	justify-content:flex-end;
	align-self:center;
}

div.pagina_messages_center .message-card__actions{
	margin-top:14px;
	justify-content:flex-start;
}

div.pagina_messages_center .message-card__actions form{
	display:flex;
	margin:0;
}

div.pagina_messages_center .message-card__identity{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
}

div.pagina_messages_center .message-mode-pill,
div.pagina_messages_center .message-language-badge,
div.pagina_messages_center .message-thread-shell__eyebrow,
div.pagina_messages_center .message-read-card__eyebrow,
div.pagina_messages_center .message-unread-count,
div.pagina_messages_center .messages-toolbar__count{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:5px 10px;
	border-radius:999px;
	background:rgba(255, 255, 255, 0.08);
	border:1px solid rgba(255, 255, 255, 0.1);
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.06em;
}

div.pagina_messages_center .message-language-badge{
	background:rgba(80, 132, 160, 0.22);
	border-color:rgba(130, 190, 220, 0.34);
	color:#e4f6ff;
	text-transform:none;
	letter-spacing:0;
}

div.pagina_messages_center .message-unread-count{
	min-width:30px;
	background:rgba(224, 187, 114, 0.22);
	border-color:rgba(224, 187, 114, 0.34);
}

div.pagina_messages_center .messages-toolbar__count{
	min-width:28px;
	padding:4px 9px;
	background:rgba(224, 187, 114, 0.3);
	border-color:rgba(245, 212, 143, 0.48);
	color:#fff5dd;
	box-shadow:0 0 16px rgba(224, 187, 114, 0.2);
}

div.pagina_messages_center .message-card__check{
	align-self:start;
	margin-top:14px;
}

div.pagina_messages_center .message-card__avatar{
	margin-top:2px;
}

div.pagina_messages_center .message-symbol-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	border:1px solid rgba(255, 255, 255, 0.12);
	background:rgba(255, 255, 255, 0.08);
	color:var(--messages-muted);
	font-size:18px;
	line-height:1;
	padding:0;
	box-sizing:border-box;
}

div.pagina_messages_center .message-action-chip,
div.pagina_messages_center .message-symbol-button{
	min-height:38px;
}

div.pagina_messages_center button.message-symbol-button{
	cursor:pointer;
}

div.pagina_messages_center .message-symbol-button.is-active{
	background:rgba(224, 187, 114, 0.24);
	border-color:rgba(224, 187, 114, 0.46);
	color:var(--messages-accent-strong);
}

div.pagina_messages_center .message-symbol-button.is-disabled{
	opacity:0.45;
	cursor:default;
}

div.pagina_messages_center .message-action-chip.is-disabled{
	opacity:0.45;
	cursor:default;
	pointer-events:none;
}

div.pagina_messages_center .message-thread-shell__header,
div.pagina_messages_center .message-read-card__aside{
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:18px;
}

div.pagina_messages_center .message-thread-stream{
	display:flex;
	flex-direction:column;
	gap:16px;
}

div.pagina_messages_center .message-bubble{
	display:block;
	width:100%;
}

div.pagina_messages_center .message-bubble__content{
	position:relative;
	width:100%;
	max-width:none;
	padding:16px 18px;
	border-radius:20px;
	border:1px solid rgba(255, 255, 255, 0.1);
	background:rgba(255, 255, 255, 0.06);
	box-sizing:border-box;
}

/* Inviati e ricevuti condividono lo stesso sfondo: gli inviati non hanno piu` il tono ambra generico
   che copriva la skin, cosi` mostrano anche loro la skin del metodo/qualita` (o il neutro per gli OFF)
   esattamente come i ricevuti. La direzione si distingue con una barra accento laterale, non col fondo. */

/* Barra accento direzionale: ricevuti = barra a sinistra, inviati = barra a destra. Pseudo-elemento
   assoluto (non altera il box). Colore chiaro, ben visibile su tutte le skin scure; per l'Epica
   (fondo chiaro) la barra passa a scuro piu` sotto. */
div.pagina_messages_center .message-bubble.is-incoming .message-bubble__content::before,
div.pagina_messages_center .message-bubble.is-outgoing .message-bubble__content::before{
	content:"";
	position:absolute;
	top:18px;
	bottom:18px;
	width:4px;
	border-radius:4px;
	background:rgba(245, 235, 215, 0.92);
	pointer-events:none;
}

div.pagina_messages_center .message-bubble.is-incoming .message-bubble__content::before{
	left:8px;
}

div.pagina_messages_center .message-bubble.is-outgoing .message-bubble__content::before{
	right:8px;
}

/* Epica: fondo chiaro, la barra chiara sparirebbe -> barra scura per restare visibile */
div.pagina_messages_center .message-bubble--skin-pergamena-q6.is-incoming .message-bubble__content::before,
div.pagina_messages_center .message-bubble--skin-pergamena-q6.is-outgoing .message-bubble__content::before{
	background:rgba(58, 42, 18, 0.85);
}

/* Skin del riquadro missiva On in base al metodo di invio, identica per inviati e ricevuti */

/* Pergamena: tono "carta invecchiata" che si raffina al crescere della qualita`, dal grigio-bruno comune all'avorio epico */
div.pagina_messages_center .message-bubble--skin-pergamena-q1 .message-bubble__content{
	background:linear-gradient(180deg, rgba(150, 116, 78, 0.40), rgba(48, 36, 22, 0.62));
	border-color:rgba(156, 122, 84, 0.6);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q2 .message-bubble__content{
	background:linear-gradient(180deg, rgba(176, 138, 84, 0.42), rgba(62, 44, 22, 0.62));
	border-color:rgba(182, 144, 90, 0.62);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q3 .message-bubble__content{
	background:linear-gradient(180deg, rgba(202, 160, 92, 0.44), rgba(76, 52, 20, 0.62));
	border-color:rgba(206, 164, 96, 0.64);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q4 .message-bubble__content{
	background:linear-gradient(180deg, rgba(228, 178, 92, 0.40), rgba(90, 62, 20, 0.62));
	border-color:rgba(230, 186, 104, 0.7);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q5 .message-bubble__content{
	background:linear-gradient(180deg, rgba(242, 198, 104, 0.38), rgba(112, 82, 30, 0.58));
	border-color:rgba(246, 210, 132, 0.75);
}

/* Epica: pergamena pregiata luminosa, nettamente piu` chiara dell'avorio Eccellente per risaltare
   come qualita` superiore. Fondo crema-oro ad alta opacita`: i testi passano a bruno scuro per
   restare ben leggibili sul chiaro (vedi override sotto). */
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-bubble__content{
	background:linear-gradient(180deg, rgba(255, 247, 216, 0.95), rgba(243, 217, 150, 0.92));
	border-color:rgba(206, 162, 70, 0.85);
	box-shadow:0 0 24px rgba(248, 214, 130, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.55);
	color:#3a2a12;
}

/* Adattamento testi sul fondo chiaro dell'Epica: bruno scuro caldo, leggibile e coerente col tema */
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-bubble__author,
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-bubble__text{
	color:#3a2a12;
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-bubble__time{
	color:rgba(74, 52, 16, 0.82);
}

/* Pulsanti/azioni sul fondo chiaro dell'Epica: i bordi e i testi bianchi-trasparenti del tema scuro
   sparirebbero, quindi passano a bruno scuro (bordo, testo e sfondo leggermente scuro) per risaltare. */
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-action-chip,
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-symbol-button,
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .missiva-decifra-btn{
	border-color:rgba(92, 66, 26, 0.55);
	background:rgba(92, 66, 26, 0.12);
	color:#3a2a12;
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-action-chip:hover,
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-symbol-button:hover,
div.pagina_messages_center .message-bubble--skin-pergamena-q6 .missiva-decifra-btn:hover{
	border-color:rgba(92, 66, 26, 0.8);
	background:rgba(92, 66, 26, 0.2);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .message-symbol-button.is-active{
	border-color:rgba(150, 100, 20, 0.7);
	background:rgba(196, 140, 30, 0.28);
	color:#5a3a06;
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .post-reactions__add{
	border-color:rgba(92, 66, 26, 0.6);
	color:rgba(74, 52, 16, 0.85);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .post-reactions__add:hover{
	border-color:rgba(92, 66, 26, 0.9);
	background:rgba(92, 66, 26, 0.12);
	color:#3a2a12;
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .post-reactions__pill{
	border-color:rgba(92, 66, 26, 0.4);
	background:rgba(92, 66, 26, 0.08);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .post-reactions__pill:hover{
	border-color:rgba(92, 66, 26, 0.65);
	background:rgba(92, 66, 26, 0.14);
}

div.pagina_messages_center .message-bubble--skin-pergamena-q6 .post-reactions__pill.is-active{
	border-color:rgba(70, 110, 200, 0.6);
	background:rgba(70, 110, 200, 0.22);
}

/* Missiva in lingua non conosciuta: testo cifrato (col cifrario della chat). Il colore e' ereditato
   dal bubble cosi` resta leggibile su ogni skin (anche sul fondo chiaro dell'Epica); stile corsivo e
   spaziato per dare il senso dell'idioma incomprensibile. */
div.pagina_messages_center .missiva-lingua-cifrata__corpo{
	font-style:italic;
	letter-spacing:0;
	line-height:1.7;
	opacity:0.92;
	overflow-wrap:anywhere;
}

div.pagina_messages_center .missiva-decifra-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:10px;
	padding:6px 14px;
	border:1px solid rgba(255, 255, 255, 0.18);
	border-radius:999px;
	background:rgba(255, 255, 255, 0.08);
	color:var(--messages-text);
	font-size:12px;
	cursor:pointer;
	box-sizing:border-box;
	transition:background 0.15s ease, border-color 0.15s ease;
}

div.pagina_messages_center .missiva-decifra-btn:hover{
	background:rgba(255, 255, 255, 0.14);
	border-color:rgba(255, 255, 255, 0.28);
}

div.pagina_messages_center .missiva-lingua-cifrata__originale{
	margin-top:10px;
}

/* Pannello di lancio "Affinità per le lingue" per decifrare (azione privata, per questa sola lettura). */
div.pagina_messages_center .missiva-decifra-spell{
	margin-top:10px;
	border:1px solid rgba(190, 140, 235, 0.35);
	border-radius:12px;
	background:rgba(60, 30, 80, 0.14);
	padding:0;
	overflow:hidden;
}

div.pagina_messages_center .missiva-decifra-spell > summary{
	cursor:pointer;
	list-style:none;
	padding:8px 12px;
	font-size:12px;
	font-weight:bold;
	color:var(--messages-accent-strong);
}

div.pagina_messages_center .missiva-decifra-spell > summary::-webkit-details-marker{
	display:none;
}

div.pagina_messages_center .missiva-decifra-spell__form{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:4px 12px 12px;
}

div.pagina_messages_center .missiva-decifra-spell__hint{
	font-size:11px;
	color:var(--messages-muted);
	line-height:1.5;
}

div.pagina_messages_center .missiva-decifra-spell__field{
	display:flex;
	flex-direction:column;
	gap:3px;
	font-size:12px;
}

div.pagina_messages_center .missiva-decifra-spell__field select{
	max-width:360px;
}

div.pagina_messages_center .missiva-decifra-spell__check{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:12px;
}

/* Comunicatore a Distanza: tecnomagico, tinta ciano satura e marcata (non solo il bordo) col bagliore */
div.pagina_messages_center .message-bubble--skin-comunicatore .message-bubble__content{
	background:linear-gradient(135deg, rgba(40, 194, 220, 0.42), rgba(6, 48, 66, 0.64));
	border-color:rgba(110, 232, 248, 0.8);
	box-shadow:0 0 22px rgba(55, 202, 226, 0.32);
}

/* Comunicazione Spirituale: eterea, alone radiale violetto saturo e ben distinguibile dallo sfondo */
div.pagina_messages_center .message-bubble--skin-spirituale .message-bubble__content{
	background:radial-gradient(circle at 28% 22%, rgba(178, 122, 240, 0.46), rgba(42, 20, 74, 0.66) 78%);
	border-color:rgba(202, 152, 240, 0.82);
	box-shadow:0 0 24px rgba(178, 128, 232, 0.34);
}

div.pagina_messages_center .message-bubble__topline{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px 16px;
}

div.pagina_messages_center .message-bubble__identity{
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0;
}

div.pagina_messages_center .message-bubble__authorblock{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 12px;
	min-width:0;
}

div.pagina_messages_center .message-bubble__text,
div.pagina_messages_center .message-read-card__text{
	margin-top:10px;
	line-height:1.7;
	overflow-wrap:anywhere;
}

div.pagina_messages_center .craft-report{
	display:grid;
	gap:16px;
	max-width:820px;
	width:100%;
	margin:4px auto 0;
	padding:16px;
	border:1px solid rgba(224, 187, 114, 0.28);
	border-radius:18px;
	background:linear-gradient(180deg, rgba(16, 20, 28, 0.86), rgba(8, 10, 15, 0.62));
	box-shadow:0 14px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report__title{
	padding:0 0 10px;
	border-bottom:1px solid rgba(224, 187, 114, 0.2);
	color:var(--messages-accent-strong);
	font-size:18px;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.05em;
}

div.pagina_messages_center .craft-report-alert{
	padding:10px 12px;
	border:1px solid rgba(201, 84, 74, 0.42);
	border-radius:12px;
	background:rgba(115, 35, 30, 0.22);
	color:#ffd2cc;
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report-section{
	display:grid;
	gap:10px;
}

div.pagina_messages_center .craft-report-section__title{
	color:var(--messages-accent);
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.06em;
}

div.pagina_messages_center .craft-report-materials{
	display:grid;
	gap:8px;
}

div.pagina_messages_center .craft-report-material{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 10px;
	padding:9px 10px;
	border:1px solid rgba(255, 255, 255, 0.1);
	border-radius:12px;
	background:rgba(255, 255, 255, 0.045);
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report-material__group{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:26px;
	padding:3px 9px;
	border:1px solid rgba(224, 187, 114, 0.3);
	border-radius:999px;
	background:rgba(224, 187, 114, 0.12);
	color:#ffe4aa;
	font-weight:bold;
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report-material__items{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}

div.pagina_messages_center .craft-report-material__item{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:3px 8px;
	border:1px solid rgba(156, 197, 244, 0.18);
	border-radius:999px;
	background:rgba(156, 197, 244, 0.08);
	color:var(--messages-text);
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report-empty,
div.pagina_messages_center .craft-report-muted{
	color:var(--messages-muted);
	font-style:italic;
}

div.pagina_messages_center .craft-report-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
	gap:8px;
}

div.pagina_messages_center .craft-report-result,
div.pagina_messages_center .craft-report-outcome{
	display:grid;
	gap:8px;
}

div.pagina_messages_center .craft-report-kv{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-height:42px;
	padding:8px 10px;
	border:1px solid rgba(255, 255, 255, 0.1);
	border-radius:12px;
	background:rgba(255, 255, 255, 0.045);
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report-kv--wide{
	display:block;
}

div.pagina_messages_center .craft-report-kv__label{
	color:var(--messages-accent);
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.04em;
}

div.pagina_messages_center .craft-report-material__group::after,
div.pagina_messages_center .craft-report-kv__label::after{
	content:":";
}

div.pagina_messages_center .craft-report-kv__value{
	color:var(--messages-text);
	font-weight:bold;
	text-align:right;
}

div.pagina_messages_center .craft-report-kv--wide .craft-report-kv__value{
	display:block;
	margin-top:8px;
	text-align:left;
}

div.pagina_messages_center .craft-report-kv--primary{
	border-color:rgba(156, 197, 244, 0.28);
	background:rgba(156, 197, 244, 0.07);
}

div.pagina_messages_center .craft-report-kv--positive,
div.pagina_messages_center .craft-report-kv--success{
	border-color:rgba(116, 194, 132, 0.34);
	background:rgba(71, 136, 86, 0.12);
}

div.pagina_messages_center .craft-report-kv--negative,
div.pagina_messages_center .craft-report-kv--danger{
	border-color:rgba(201, 84, 74, 0.42);
	background:rgba(115, 35, 30, 0.18);
}

div.pagina_messages_center .craft-report-kv--warning{
	border-color:rgba(224, 187, 114, 0.42);
	background:rgba(139, 91, 20, 0.16);
}

div.pagina_messages_center .craft-report-kv--quality{
	border-color:rgba(224, 187, 114, 0.34);
	background:rgba(224, 187, 114, 0.09);
}

div.pagina_messages_center .craft-report-die{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:26px;
	height:26px;
	margin:2px;
	padding:0 6px;
	border:1px solid rgba(255, 255, 255, 0.16);
	border-radius:8px;
	background:rgba(255, 255, 255, 0.08);
	color:#f6efe4;
	font-weight:bold;
	line-height:1;
	box-sizing:border-box;
}

div.pagina_messages_center .craft-report-die--success{
	border-color:rgba(156, 197, 244, 0.46);
	background:rgba(78, 135, 197, 0.26);
}

div.pagina_messages_center .craft-report-die--max{
	border-color:rgba(224, 187, 114, 0.62);
	background:rgba(224, 187, 114, 0.28);
	color:#fff1ca;
}

div.pagina_messages_center .craft-report-die--one{
	border-color:rgba(201, 84, 74, 0.52);
	background:rgba(115, 35, 30, 0.28);
	color:#ffd2cc;
}

div.pagina_messages_center .craft-report-die sup{
	margin-left:1px;
	font-size:0.62em;
	line-height:1;
	transform:translateY(-0.18em);
}

div.pagina_messages_center .message-thread-reply-box{
	margin:0 0 18px;
	border:1px solid rgba(255, 255, 255, 0.1);
	border-radius:18px;
	background:rgba(255, 255, 255, 0.04);
	overflow:visible;
}

div.pagina_messages_center .message-thread-reply-box[open]{
	border-color:rgba(224, 187, 114, 0.28);
	box-shadow:0 14px 26px rgba(0, 0, 0, 0.18);
}

div.pagina_messages_center .message-thread-reply-toggle{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:14px 18px;
	cursor:pointer;
	font-weight:bold;
	color:var(--messages-text);
	list-style:none;
}

div.pagina_messages_center .message-thread-reply-toggle::-webkit-details-marker{
	display:none;
}

div.pagina_messages_center .message-thread-reply-toggle::after{
	content:'+';
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	border:1px solid rgba(255, 255, 255, 0.14);
	background:rgba(255, 255, 255, 0.08);
	font-size:18px;
	line-height:1;
	flex:0 0 auto;
}

div.pagina_messages_center .message-thread-reply-box[open] .message-thread-reply-toggle::after{
	content:'-';
}

div.pagina_messages_center .message-thread-reply-inner{
	padding:0 18px 18px;
	border-top:1px solid rgba(255, 255, 255, 0.08);
}

/* Direzione della risposta impersonata: sta in cima al form del filo PNG e
   ricorda che la missiva parte dalla casella del PNG, non da quella del Master. */
div.pagina_messages_center .message-thread-reply-direction{
	margin:14px 0 0;
	padding:10px 14px;
	border:1px solid rgba(150, 196, 224, 0.32);
	border-left-width:3px;
	border-radius:12px;
	background:rgba(150, 196, 224, 0.12);
	color:#dceaf5;
	font-size:13px;
	line-height:1.45;
}

div.pagina_messages_center .message-read-card{
	display:grid;
	grid-template-columns:minmax(210px, 260px) 1fr;
	gap:18px;
}

div.pagina_messages_center .pager,
div.pagina_messages_center .link_back{
	margin-top:16px;
}

div.pagina_messages_center .pager a,
div.pagina_messages_center .link_back a{
	margin-right:10px;
}

@media screen and (max-width: 860px){
	div.pagina_messages_center div.page_body{
		padding:14px;
	}

	div.pagina_messages_center .message-form-grid,
	div.pagina_messages_center .message-read-card{
		grid-template-columns:1fr;
	}

	div.pagina_messages_center .message-mode-picker,
	div.pagina_messages_center .message-method-picker{
		grid-template-columns:1fr;
	}

	div.pagina_messages_center .message-thread-card__link,
	div.pagina_messages_center .message-card{
		grid-template-columns:1fr;
	}

	div.pagina_messages_center .message-card.message-card--sent{
		grid-template-columns:1fr;
	}

	div.pagina_messages_center .message-card__check{
		margin-top:0;
	}

	div.pagina_messages_center .message-bubble__topline,
	div.pagina_messages_center .message-bubble__identity,
	div.pagina_messages_center .message-bubble__authorblock{
		align-items:flex-start;
	}

	div.pagina_messages_center .message-bubble__topline,
	div.pagina_messages_center .message-bubble__authorblock{
		flex-direction:column;
	}

	div.pagina_messages_center .craft-report{
		padding:14px;
	}

	div.pagina_messages_center .craft-report-kv{
		align-items:flex-start;
		flex-direction:column;
		gap:6px;
	}

	div.pagina_messages_center .craft-report-kv__value{
		text-align:left;
	}
}

/* ---------------------------------------------------------------------------
   Missive PNG (Master e Gestori): tab riservato allo staff nel centro missive
   e schede di conversazione senza casella di selezione di massa.
   --------------------------------------------------------------------------- */

div.pagina_messages_center .messages-toolbar__tab--png{
	border-color:rgba(150, 196, 224, 0.32);
	color:#dceaf5;
}

div.pagina_messages_center .messages-toolbar__tab--png:hover,
div.pagina_messages_center .messages-toolbar__tab--png:focus{
	border-color:rgba(150, 196, 224, 0.5);
	color:#dceaf5;
}

div.pagina_messages_center .message-card.message-card--thread.message-card--png{
	grid-template-columns:auto 1fr auto;
}

/* Identità impersonata dal Master: sulla scheda il nome è quello del giocatore,
   qui si dichiara con quale PNG si sta scrivendo. */
div.pagina_messages_center .message-png-badge,
div.pagina_messages_center .message-png-identity{
	display:inline-flex;
	align-items:center;
	padding:2px 10px;
	border:1px solid rgba(150, 196, 224, 0.32);
	border-radius:999px;
	background:rgba(150, 196, 224, 0.12);
	color:#dceaf5;
	font-size:12px;
	letter-spacing:0.02em;
}

div.pagina_messages_center .message-png-identity{
	margin-top:6px;
}

div.pagina_messages_center .message-png-sender-select{
	max-width:100%;
}