/* «Professionisti verificati», disegno del 13/10 (kit verificati-pagina-13-10, CEO 13/10/2026).
 *
 * I componenti sono quelli di «Hobbisti ToBePolo» e della pagina dell'8/10: css/tbp-verificati.css si carica prima di
 * questo foglio e fa titoli, testi, icone, collegamenti, nota, temi chiaro, scuro e ToBePolo. Qui c'è SOLO quello che
 * là non esiste: le schede di chi insegna, i tre riquadri degli stati, «Qualcosa non torna?», la riga per chi insegna.
 * Stessi gettoni (--ver-*), stessi spazi (4-8-12-16-24-32-48), stessi raggi (22, 24), caratteri del sito.
 * I tre riempimenti degli stati sono quelli dei livelli di rischio di /sicurezza/ (#E4F1E8, #FBF0D6, #FBE3E1).
 * Niente bordi colorati di lato o in alto, niente ombre, niente gradienti, niente «·», nessun bottone oro. */

html body .tbp-ver.tbp-pv {
	--pv-ok: #E4F1E8;
	--pv-chiesto: #FBF0D6;
	--pv-no: #FBE3E1;
	--pv-premuto: #EFEADF;
	--pv-bollino: #2F80ED;
}
html[data-tbp-theme="tobepolo"] body .tbp-ver.tbp-pv { --pv-premuto: #F4F7F5; }
html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv {
	--pv-ok: #1E3A2B;
	--pv-chiesto: #3A2F12;
	--pv-no: #3D2220;
	--pv-premuto: #2A2A2A;
}
html body .tbp-ver.tbp-pv :is(#tbp-pv-chi-insegna, #tbp-pv-segnala) { scroll-margin-top: 96px; }

/* ---------- Apertura: il titolo e subito chi insegna ---------- */
html body .tbp-ver.tbp-pv .tbp-pv__apertura { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 0 0 56px; }
html body .tbp-ver.tbp-pv .tbp-pv__salta { margin-top: 8px; }
html body .tbp-ver.tbp-pv h2.tbp-pv__elenco-t { margin: 0 0 12px; }

/* ---------- Le schede di chi insegna ---------- */
html body .tbp-ver.tbp-pv ul.tbp-pv__persone { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
html body .tbp-ver.tbp-pv .tbp-pv__persona { display: flex; min-width: 0; }
html body .tbp-ver.tbp-pv .tbp-pv__persona::before { content: none !important; }
/* È un bottone: ogni proprietà che il tema dà ai bottoni (maiuscole, margini, rosso al passaggio) si riscrive qui. */
html body .tbp-ver.tbp-pv button.tbp-pv__scheda {
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: center !important;
	justify-content: stretch !important;
	column-gap: 16px;
	width: 100% !important;
	min-height: 96px !important;
	height: auto !important;
	margin: 0 !important;
	/* A destra 56 px liberi: al telefono lì galleggia il bottone tondo di Colombo (50 px, fisso), e le parole non ci finiscono sotto. */
	padding: 12px 56px 12px 16px !important;
	border: 0 !important;
	border-radius: 22px !important;
	background: var(--ver-scheda) !important;
	box-shadow: none !important;
	color: var(--ver-testo) !important;
	-webkit-text-fill-color: currentColor !important;
	font: inherit !important;
	line-height: 1.3 !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	white-space: normal !important;
	transform: none !important;
	transition: background-color .15s ease !important;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
html body .tbp-ver.tbp-pv button.tbp-pv__scheda:is(:hover, :focus, :active, [aria-expanded="true"]) {
	background: var(--pv-premuto) !important;
	box-shadow: none !important;
	color: var(--ver-testo) !important;
	transform: none !important;
}
html body .tbp-ver.tbp-pv .tbp-pv__chi { display: grid; gap: 2px; min-width: 0; }
html body .tbp-ver.tbp-pv .tbp-pv__chi > span { display: block; overflow-wrap: anywhere; }
html body .tbp-ver.tbp-pv .tbp-pv__nome {
	color: var(--ver-titolo);
	font-family: var(--tbp-font-titoli, var(--tbp-font, sans-serif));
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}
html body .tbp-ver.tbp-pv .tbp-pv__mestiere { font-size: .9375rem; }
html body .tbp-ver.tbp-pv .tbp-pv__dove { color: var(--ver-nota); font-size: .875rem; }
html body .tbp-ver.tbp-pv .tbp-pv__chi > span.tbp-pv__vedi { display: flex; align-items: center; gap: 2px; margin-top: 4px; color: var(--ver-link); font-size: .875rem; font-weight: 700; }
html body .tbp-ver.tbp-pv .tbp-pv__vedi-t { text-decoration: underline; text-underline-offset: 3px; }
html body .tbp-ver.tbp-pv .tbp-pv__chi > span.tbp-pv__vedi--senza { color: var(--ver-nota); font-weight: 400; }
html body .tbp-ver.tbp-pv .tbp-pv__vedi--senza .tbp-pv__vedi-t { text-decoration: none; }
html body .tbp-ver.tbp-pv .tbp-pv__freccia { display: block; flex: none; width: 20px; height: 20px; }
/* Il bollino blu sta sul fondo della scheda, non sul bianco della pagina. */
html body .tbp-ver.tbp-pv .tbp-pv__scheda .tbp-volto__bollino { border-color: var(--ver-scheda); }

/* «Vedi tutti e N»: bottone a contorno. Lo mostra il JavaScript (classe tbp-pv--chiuso), solo dove le persone superano le righe a vista. */
html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+7) { display: none; }
html body .tbp-ver.tbp-pv .tbp-pv__tutti { display: none; margin-top: 16px; }
html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre6.tbp-pv--chiuso ~ .tbp-pv__tutti { display: block; }
html body .tbp-ver.tbp-pv button.tbp-pv__tutti-b {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 10px 20px !important;
	border: 1.5px solid var(--ver-titolo) !important;
	border-radius: 16px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ver-titolo) !important;
	-webkit-text-fill-color: currentColor !important;
	font: inherit !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	transform: none !important;
	cursor: pointer;
}
html body .tbp-ver.tbp-pv button.tbp-pv__tutti-b:is(:hover, :focus, :active) { background: var(--ver-tondo) !important; color: var(--ver-titolo) !important; box-shadow: none !important; transform: none !important; }
html body .tbp-ver.tbp-pv .tbp-pv__ordine { margin-top: 12px; color: var(--ver-nota); font-size: .875rem; }

/* ---------- Che cosa controlliamo, e che cosa no: un riquadro per stato ---------- */
html body .tbp-ver.tbp-pv .tbp-pv__stati { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
html body .tbp-ver.tbp-pv .tbp-pv__stato { display: flex; flex-direction: column; margin: 0; padding: 24px 20px; border-radius: 24px; background: var(--pv-fondo, var(--ver-sezione)); }
html body .tbp-ver.tbp-pv .tbp-pv__stato--ok { --pv-fondo: var(--pv-ok); }
html body .tbp-ver.tbp-pv .tbp-pv__stato--chiesto { --pv-fondo: var(--pv-chiesto); }
html body .tbp-ver.tbp-pv .tbp-pv__stato--no { --pv-fondo: var(--pv-no); }
html body .tbp-ver.tbp-pv .tbp-pv__stato-capo {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--ver-linea);
}
html body .tbp-ver.tbp-pv .tbp-pv__stato-capo h3 { font-size: 1.25rem; line-height: 1.2; }
html body .tbp-ver.tbp-pv .tbp-pv__stato-capo p { margin-top: 4px; font-size: .9375rem; line-height: 1.45; }
html body .tbp-ver.tbp-pv ul.tbp-pv__voci { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
html body .tbp-ver.tbp-pv .tbp-pv__voce { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; align-items: start; scroll-margin-top: 96px; }
html body .tbp-ver.tbp-pv .tbp-pv__voce::before { content: none !important; }
html body .tbp-ver.tbp-pv .tbp-pv__voce h4 { margin: 2px 0 4px; }
html body .tbp-ver.tbp-pv .tbp-pv__voce p { font-size: .9375rem; }
html body .tbp-ver.tbp-pv .tbp-pv__voce-link a.tbp-ver__link { font-size: .9375rem; }
html body .tbp-ver.tbp-pv .tbp-pv__bollino { display: flex; gap: 12px; align-items: flex-start; margin-top: auto; padding-top: 24px; font-size: .9375rem; font-weight: 700; }
html body .tbp-ver.tbp-pv .tbp-pv__spunta { display: grid; flex: none; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--pv-bollino); color: #FFFFFF; }
html body .tbp-ver.tbp-pv .tbp-pv__spunta svg { display: block; width: 13px; height: 13px; }
html body .tbp-ver.tbp-pv .tbp-pv__frase {
	max-width: 24em;
	margin-top: 32px;
	color: var(--ver-titolo);
	font-family: var(--tbp-font-titoli, var(--tbp-font, sans-serif));
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

/* ---------- Qualcosa non torna? ---------- */
html body .tbp-ver.tbp-pv .tbp-pv__due { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
html body .tbp-ver.tbp-pv .tbp-pv__blocco { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: start; }
html body .tbp-ver.tbp-pv .tbp-pv__blocco h3 { margin: 2px 0 8px; }
html body .tbp-ver.tbp-pv .tbp-pv__blocco p { max-width: 62ch; }
/* L'email dentro la frase: l'area che si tocca è alta 44 px, il testo non si sposta. */
html body .tbp-ver.tbp-pv .tbp-pv__blocco p a { display: inline-block; padding: 11px 0; margin: -11px 0; font-weight: 700; }

/* ---------- Chi vuole insegnare: una riga e un collegamento ---------- */
html body .tbp-ver.tbp-pv .tbp-pv__insegna { display: grid; gap: 4px; margin: 0 0 24px; padding: 24px 20px; border-radius: 24px; background: var(--ver-sezione); }
html body .tbp-ver.tbp-pv .tbp-pv__insegna h2 { margin: 0; font-size: 1.25rem !important; }
html body .tbp-ver.tbp-pv a.tbp-pv__avanti { gap: 4px; }
html body .tbp-ver.tbp-pv a.tbp-pv__avanti svg { display: block; flex: none; width: 20px; height: 20px; }
/* Collegamenti dentro la nota: l'area che si tocca è almeno 44 x 44 px anche con una parola corta («Terms»), il testo non si sposta. */
html body .tbp-ver.tbp-pv .tbp-ver__nota a { margin: 0 -4px; padding: 14px 4px; }

/* Tema «ToBePolo» (chiaro): lì schede e riquadri neutri sono bianchi su fondo bianco. Un filo da 1 px, come su /proponi-un-esperienza/. */
html[data-tbp-theme="tobepolo"] body .tbp-ver.tbp-pv button.tbp-pv__scheda,
html[data-tbp-theme="tobepolo"] body .tbp-ver.tbp-pv .tbp-pv__insegna,
html[data-tbp-theme="tobepolo"] body .tbp-ver.tbp-pv .tbp-ver__vuoto { box-shadow: inset 0 0 0 1px var(--ver-linea) !important; }

/* ---------- Da 640 px ---------- */
@media (min-width: 640px) {
	html body .tbp-ver.tbp-pv .tbp-pv__apertura:not(.tbp-pv__apertura--pochi) ul.tbp-pv__persone { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+7) { display: flex; }
	html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+9) { display: none; }
	html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre6.tbp-pv--chiuso ~ .tbp-pv__tutti { display: none; }
	html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre8.tbp-pv--chiuso ~ .tbp-pv__tutti { display: block; }
	html body .tbp-ver.tbp-pv button.tbp-pv__tutti-b { width: auto !important; }
	html body .tbp-ver.tbp-pv button.tbp-pv__scheda { padding-right: 16px !important; }
	html body .tbp-ver.tbp-pv ul.tbp-pv__voci { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
	html body .tbp-ver.tbp-pv .tbp-pv__stato { padding: 32px; }
}

/* ---------- Da 850 px ---------- */
@media (min-width: 850px) {
	html body .tbp-ver.tbp-pv .tbp-pv__apertura { gap: 32px; margin-bottom: 72px; }
	/* Fino a 3 persone: il titolo a sinistra, le schede a destra, nello stesso schermo. */
	html body .tbp-ver.tbp-pv .tbp-pv__apertura--pochi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
	html body .tbp-ver.tbp-pv .tbp-pv__apertura--pochi h2.tbp-pv__elenco-t { margin-top: 4px; }
	html body .tbp-ver.tbp-pv .tbp-pv__frase { margin-top: 40px; font-size: 1.5rem; }
	html body .tbp-ver.tbp-pv .tbp-pv__due { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
	html body .tbp-ver.tbp-pv .tbp-pv__insegna { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; padding: 32px 40px; }
}

/* ---------- Da 1024 px: i tre stati in tre colonne, le schede in tre ---------- */
@media (min-width: 1024px) {
	html body .tbp-ver.tbp-pv .tbp-pv__stati { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	html body .tbp-ver.tbp-pv .tbp-pv__stato { padding: 32px 28px; }
	html body .tbp-ver.tbp-pv ul.tbp-pv__voci { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	html body .tbp-ver.tbp-pv .tbp-pv__apertura:not(.tbp-pv__apertura--pochi) ul.tbp-pv__persone { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+9) { display: flex; }
	html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+10) { display: none; }
	html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre8.tbp-pv--chiuso ~ .tbp-pv__tutti { display: none; }
	html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre9.tbp-pv--chiuso ~ .tbp-pv__tutti { display: block; }
}

/* ---------- Da 1200 px: le schede in quattro ---------- */
@media (min-width: 1200px) {
	html body .tbp-ver.tbp-pv .tbp-pv__apertura:not(.tbp-pv__apertura--pochi) ul.tbp-pv__persone { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+10) { display: flex; }
	html body .tbp-ver.tbp-pv ul.tbp-pv__persone.tbp-pv--chiuso > li:nth-child(n+13) { display: none; }
	html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre9.tbp-pv--chiuso ~ .tbp-pv__tutti { display: none; }
	html body .tbp-ver.tbp-pv .tbp-pv__persone--oltre12.tbp-pv--chiuso ~ .tbp-pv__tutti { display: block; }
}

/* ---------- Temi e fuoco: nello stesso strato di tbp-appearance.css, che colora testi e bottoni con !important ---------- */
@layer tbp-appearance {
	html body .tbp-ver.tbp-pv :is(button.tbp-pv__scheda, button.tbp-pv__tutti-b):focus-visible {
		outline: 3px solid var(--ver-fuoco) !important;
		outline-offset: 3px !important;
		box-shadow: none !important;
	}
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv button.tbp-pv__scheda {
		background: var(--ver-scheda) !important;
		color: var(--ver-testo) !important;
		-webkit-text-fill-color: var(--ver-testo) !important;
	}
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv button.tbp-pv__scheda:is(:hover, :focus, :active, [aria-expanded="true"]) { background: var(--pv-premuto) !important; }
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv :is(.tbp-pv__nome, .tbp-pv__frase) {
		color: var(--ver-titolo) !important;
		-webkit-text-fill-color: var(--ver-titolo) !important;
	}
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv .tbp-pv__mestiere {
		color: var(--ver-testo) !important;
		-webkit-text-fill-color: var(--ver-testo) !important;
	}
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv :is(.tbp-pv__dove, .tbp-pv__dove span, .tbp-pv__vedi--senza, .tbp-pv__vedi--senza span, .tbp-pv__ordine) {
		color: var(--ver-nota) !important;
		-webkit-text-fill-color: var(--ver-nota) !important;
	}
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv :is(.tbp-pv__vedi:not(.tbp-pv__vedi--senza), .tbp-pv__vedi:not(.tbp-pv__vedi--senza) span, .tbp-pv__vedi:not(.tbp-pv__vedi--senza) .tbp-pv__freccia) {
		color: var(--ver-link) !important;
		-webkit-text-fill-color: var(--ver-link) !important;
	}
	html[data-tbp-theme="dark"] body .tbp-ver.tbp-pv button.tbp-pv__tutti-b {
		border-color: var(--ver-link) !important;
		background: transparent !important;
		color: var(--ver-link) !important;
		-webkit-text-fill-color: var(--ver-link) !important;
	}
	html body .tbp-ver.tbp-pv .tbp-pv__spunta { color: #FFFFFF !important; }
}

@media (prefers-reduced-motion: reduce) {
	html body .tbp-ver.tbp-pv button.tbp-pv__scheda { transition: none !important; }
}

/* kit profili-uniti-14-10 (CEO 14/10): una pagina sola per Artigiani e Hobbisti, con l'icona del profilo accanto a ogni persona. */
html body .tbp-ver.tbp-pv .tbp-pv__tipo { display: inline-flex; align-items: center; gap: 6px; margin: 2px 0; font-size: .875rem; font-weight: 600; line-height: 1.3; }
html body .tbp-ver.tbp-pv .tbp-pv__tipo .tbp-ver__icona { flex: 0 0 auto; }
html body .tbp-ver.tbp-pv .tbp-pv__profili { margin: 48px 0 0; }
html body .tbp-ver.tbp-pv .tbp-pv__profili-t { margin: 0 0 16px; font-family: var(--tbp-font-titoli, inherit); font-size: 1.375rem; line-height: 1.25; }
html body .tbp-ver.tbp-pv ul.tbp-pv__profili-l { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
html body .tbp-ver.tbp-pv ul.tbp-pv__profili-l > li { display: flex; align-items: flex-start; gap: 14px; margin: 0; }
html body .tbp-ver.tbp-pv ul.tbp-pv__profili-l > li p { margin: 4px 0 0; }
@media (min-width: 760px) { html body .tbp-ver.tbp-pv ul.tbp-pv__profili-l { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } }
html body .tbp-ver.tbp-pv button.tbp-pv__scheda .tbp-pv__chi .tbp-pv__tipo { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; }
html body .tbp-ver.tbp-pv button.tbp-pv__scheda .tbp-pv__chi .tbp-pv__tipo > * { display: inline-flex !important; width: auto; }
html body .tbp-ver.tbp-pv .tbp-pv__profili { margin-bottom: 48px; }