/* Service House — palette 2 (richiesta dell'utente): più vicina alla grafica storica.
   Fascia in alto ciano #00BCD4 con il vecchio logo bianco (come prima), menu laterale chiaro come il vecchio,
   accenti ciano, verde acqua #2BD09A per «fatto», grigio antracite per i testi. Un solo font (Manrope) ovunque.
   Caricato dopo gli altri fogli: le regole qui sostituiscono quelle della palette 1. */

body.sh-ui {
	--primary: #0097A7; --primary-hover: #00838F; --primary-dark: #006A75; --primary-light: #B2EBF2;
	--sh-ciano: #00BCD4; --sh-ciano-chiaro: #E0F7FA; --sh-testo: #2B3437; --sh-grigio: #5F6B70; --sh-linea: #E1E7EA; --sh-fondo: #F3F6F7;
	--nav-headbg: #00BCD4; --headerbg: #00BCD4; --sidebar-bg: #FFFFFF;
	color: var(--sh-testo); background: var(--sh-fondo);
}

/* Un solo font in tutto il programma (come nel menu), cifre tutte della stessa larghezza per orari e date */
body.sh-ui, body.sh-ui *:not(.sh-ico):not(.sh-ico *):not([class^="fa"]):not([class*=" fa-"]):not(.dashicons):not([class^="ui-icon"]):not([class*=" ui-icon"]) {
	font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
body.sh-ui { font-variant-numeric: tabular-nums; }

/* --- Fascia in alto ciano con il vecchio logo --- */
body.sh-ui .nav-header, body.sh-ui .header { background: #00BCD4; border-bottom: 0; }
body.sh-ui .nav-header { padding: 0 .75rem 0 1rem; }
body.sh-ui .nav-header .brand-logo { display: flex; align-items: center; }
body.sh-ui .sh-logo { height: 2.9rem; width: auto; display: block; }
body.sh-ui .nav-control.sh-toggle { color: #FFFFFF; }
body.sh-ui .nav-control.sh-toggle:hover { background: rgba(255,255,255,.18); color: #FFFFFF; }
body.sh-ui .header .dashboard_bar { color: #FFFFFF; font-weight: 800; text-shadow: 0 1px 1px rgba(0,80,90,.25); }
body.sh-ui .search-area .form-control, body.sh-ui .search-area .input-group-text { background: #FFFFFF; border-color: transparent; }
body.sh-ui .search-area .form-control:focus { box-shadow: 0 0 0 3px rgba(255,255,255,.45); }
body.sh-ui .header .btn-primary.sh-azione { background: #0F4F57; border-color: #0F4F57; color: #FFFFFF; }
body.sh-ui .header .btn-primary.sh-azione:hover { background: #0B3D43; border-color: #0B3D43; color: #FFFFFF; }
body.sh-ui .header .btn-outline-primary.sh-azione { background: rgba(255,255,255,.9); border-color: transparent; color: #006A75; }
body.sh-ui .header .btn-outline-primary.sh-azione:hover { background: #FFFFFF; color: #004F57; }
body.sh-ui .sh-utente { border-left-color: rgba(255,255,255,.45); }
body.sh-ui .sh-utente-nome { color: #FFFFFF; }
body.sh-ui .sh-esci { color: #FFFFFF; }
body.sh-ui .sh-esci:hover { background: rgba(255,255,255,.2); color: #FFFFFF; }
body.sh-ui .sh-avatar { background: #FFFFFF; color: #0097A7; }

/* --- Menu laterale chiaro (come il vecchio), voce attiva in ciano --- */
body.sh-ui .dlabnav { background: #FFFFFF; border-right: 1px solid var(--sh-linea); box-shadow: none; }
body.sh-ui .dlabnav .metismenu > li > a { color: #3A4549; }
body.sh-ui .dlabnav .metismenu > li > a .sh-ico { color: #0097A7; }
body.sh-ui .dlabnav .metismenu > li > a:hover { background: #F0FBFC; color: #1F2A2D; }
body.sh-ui .dlabnav .metismenu > li.mm-active > a { background: #E0F7FA; color: #005F68; font-weight: 800; }
body.sh-ui .dlabnav .metismenu > li.mm-active > a .sh-ico { color: #00ACC1; }
body.sh-ui .dlabnav .metismenu .sh-sep { background: var(--sh-linea); }
body.sh-ui .sh-widget { background: #F3F6F7; border: 1px solid var(--sh-linea); }

/* --- Contenuto --- */
body.sh-ui .content-body { background: var(--sh-fondo); }
body.sh-ui a { color: #00838F; }
body.sh-ui .btn-primary, body.sh-ui input[type="submit"], body.sh-ui .sh-primario, body.sh-ui .acf-button { background: #00838F; border-color: #00838F; }
body.sh-ui .btn-primary:hover, body.sh-ui input[type="submit"]:hover, body.sh-ui .sh-primario:hover, body.sh-ui .acf-button:hover { background: #006A75; border-color: #006A75; }
body.sh-ui .letterSearch .letters .letter a:hover, body.sh-ui .letterSearch .letters .letter.active a { background: #00838F; border-color: #00838F; color: #FFFFFF; }
body.sh-ui .fc .ui-state-active, body.sh-ui .fc-toolbar .ui-state-active { background: #00838F !important; border-color: #00838F !important; color: #FFFFFF !important; }
body.sh-ui .fc td.fc-today, body.sh-ui .fc .ui-widget-content.fc-today { background: #E0F7FA !important; }
body.sh-ui #eventi_oggi .ora_evento { font-weight: 800; }

/* --- Calendario: barra mese/anno (creata da sh-ui.js) --- */
.sh-cal-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 1rem; padding: .75rem; background: #F3F6F7; border: 1px solid var(--sh-linea); border-radius: .85rem; }
.sh-cal-nav select { min-height: 2.6rem; border: 1px solid var(--sh-linea); border-radius: .65rem; padding: 0 .75rem; background: #FFFFFF; font-weight: 800; font-size: .95rem; color: var(--sh-testo); cursor: pointer; }
.sh-cal-nav .sh-cal-mese { min-width: 9.5rem; }
.sh-cal-nav button { min-height: 2.6rem; border: 1px solid #B2EBF2; border-radius: .65rem; padding: 0 .85rem; background: #FFFFFF; color: #00838F; font-weight: 800; font-size: .9rem; cursor: pointer; display: inline-flex; align-items: center; gap: .3rem; }
.sh-cal-nav button:hover { background: #E0F7FA; }
.sh-cal-nav .sh-cal-oggi { background: #00838F; border-color: #00838F; color: #FFFFFF; }
.sh-cal-nav .sh-cal-oggi:hover { background: #006A75; }
.sh-cal-nav .sh-cal-sep { flex-grow: 1; }
.sh-cal-nav .sh-cal-viste { display: inline-flex; background: #FFFFFF; border: 1px solid var(--sh-linea); border-radius: .7rem; padding: .2rem; gap: .2rem; }
.sh-cal-nav .sh-cal-viste button { border: 0; min-height: 2.2rem; }
.sh-cal-nav .sh-cal-viste button.on { background: #00838F; color: #FFFFFF; }
/* i pulsanti originali di FullCalendar restano (stessa funzione), ma la barra nuova li rende superflui a schermo largo */
@media (min-width: 768px) { body.sh-ui .sh-cal-pronto .fc-toolbar .fc-left, body.sh-ui .sh-cal-pronto .fc-toolbar .fc-right { display: none; } }

@media (max-width: 767px) {
	body.sh-ui .header .dashboard_bar { font-size: 1rem; max-width: 40vw; }
	body.sh-ui .header .btn-outline-primary.sh-azione, body.sh-ui .header .btn-primary.sh-azione { padding: 0 .6rem; }
	body.sh-ui .nav-header .brand-logo { display: none; }
}
@media print { body.sh-ui .sh-cal-nav { display: none; } }

/* Scheda cliente: eventi 4 per riga, come prima (richiesta dell'utente) */
body.sh-ui .eventi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; align-items: start; }
body.sh-ui .eventi > h2.head { grid-column: 1 / -1; margin-bottom: 0; }
body.sh-ui .eventi .evento.single { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .75rem; margin: 0; padding: .85rem 1rem; height: 100%; box-sizing: border-box; }
body.sh-ui .eventi .evento.single h3.head { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden !important; font-size: .8rem; padding: .35rem .6rem; }
body.sh-ui .eventi .evento.single .field h4 { font-size: .65rem; }
body.sh-ui .eventi .evento.single .field h5 { font-size: .85rem !important; }
@media (max-width: 1199px) { body.sh-ui .eventi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { body.sh-ui .eventi { grid-template-columns: 1fr; } }

/* Il margine in linea da 100px serviva con la vecchia testata fissa: nella nuova grafica non serve */
body.sh-ui #calendar { margin-top: 0 !important; }

/* Le vecchie regole nascondevano voci del menu categorie per numero (#ui-id-N) lasciando righe vuote.
   Nella nuova grafica le voci non pertinenti sono tolte da sh-ui.js: queste regole vanno annullate. */
body.sh-ui.page-id-177219 .ui-menu #ui-id-1, body.sh-ui.page-id-177219 .ui-menu #ui-id-2, body.sh-ui.page-id-177219 .ui-menu #ui-id-3, body.sh-ui.page-id-177219 .ui-menu #ui-id-4, body.sh-ui.page-id-177219 .ui-menu #ui-id-5, body.sh-ui.page-id-177219 .ui-menu #ui-id-6, body.sh-ui.page-id-177219 .ui-menu #ui-id-7, body.sh-ui.page-id-177219 .ui-menu #ui-id-8, body.sh-ui.page-id-177219 .ui-menu #ui-id-9,
body.sh-ui.page-id-177217 .ui-menu #ui-id-1, body.sh-ui.page-id-177217 .ui-menu #ui-id-2, body.sh-ui.page-id-177217 .ui-menu #ui-id-3, body.sh-ui.page-id-177217 .ui-menu #ui-id-4, body.sh-ui.page-id-177217 .ui-menu #ui-id-5, body.sh-ui.page-id-177217 .ui-menu #ui-id-6, body.sh-ui.page-id-177217 .ui-menu #ui-id-7, body.sh-ui.page-id-177217 .ui-menu #ui-id-8, body.sh-ui.page-id-177217 .ui-menu #ui-id-9 { display: block !important; }
body.sh-ui .ui-menu .ui-menu-item { padding: 0; }
body.sh-ui .ui-menu .ui-menu-item-wrapper, body.sh-ui .ui-menu .ui-menu-item > div { padding: .5rem .75rem; border-radius: .5rem; }

body.sh-ui .eventi > h2.head { text-align: left; }
body.sh-ui .eventi .evento.single h3.head { max-height: 4.1rem; }
body.sh-ui .eventi .evento.single .field h4 { white-space: nowrap; }

/* Scheda evento: il nome del cliente è un link riconoscibile (colore di link, sottolineato, freccia) */
body.sh-ui #single_cliente .cliente.single > h3 a, body.sh-ui.single-event #single_cliente .cliente.single > h3 a {
	color: #00838F !important; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .25em; text-decoration-color: #80DEEA;
	display: inline-flex; align-items: center; gap: .5rem;
}
body.sh-ui #single_cliente .cliente.single > h3 a::after { content: "Apri scheda cliente →"; font-size: .8rem; font-weight: 800; text-decoration: none; display: inline-block; padding: .3rem .7rem; border-radius: 99px; background: #E0F7FA; color: #005F68; }
body.sh-ui #single_cliente .cliente.single > h3 a:hover { color: #005F68 !important; text-decoration-color: #00838F; }
body.sh-ui #single_cliente .cliente.single > h3 a:focus-visible { outline: 3px solid #00BCD4; outline-offset: 3px; border-radius: .3rem; }
body.sh-ui #single_cliente .cliente.single > h3 a { background: none !important; padding: 0 !important; }

/* Elenco clienti: il nome (anche su più righe) non tocca le icone */
body.sh-ui #clienti .cliente.single .nome_cognome { margin: 0 9.25rem .75rem 0 !important; line-height: 1.35; min-height: 2.25rem; }
body.sh-ui #clienti .cliente.single div.icon { top: 1rem; right: 1rem; gap: .45rem; }
body.sh-ui #clienti .cliente.single .nome_cognome, body.sh-ui #clienti .cliente.single a.link { height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; display: block; }

/* Scheda cliente: la sezione eventi (legenda + appuntamenti + scadenze) come riquadro con gli stessi margini della scheda */
body.sh-ui #eventi_cliente { display: block; background: #FFFFFF; border: 1px solid #DCE3E6; border-radius: 1rem; padding: 1.5rem 1.75rem; margin: 0 0 1.5rem; box-sizing: border-box; }

/* Scheda cliente: titolo dell'evento sempre intero (niente taglio a 3 righe) */
body.sh-ui .eventi .evento.single h3.head { display: block; -webkit-line-clamp: unset; max-height: none; overflow: visible !important; }

/* Legenda compatta: appuntamenti e scadenze su un'unica riga di etichette */
body.sh-ui #legenda { display: flex !important; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; padding: 0 !important; margin: 0 0 1rem !important; width: auto !important; float: none !important; }
body.sh-ui #legenda h3 { margin: 0 .25rem 0 0 !important; padding: 0 !important; font-size: .8rem !important; float: none !important; width: auto !important; }
body.sh-ui #legenda #legenda_appuntamenti, body.sh-ui #legenda #legenda_scadenze, body.sh-ui #legenda ul { display: contents !important; }
body.sh-ui #legenda li { gap: 1rem !important; padding: .25rem .65rem !important; margin: 0 !important; float: none !important; width: auto !important; font-size: .75rem !important; line-height: 1.3; }

/* La mappa (Leaflet usa z-index fino a 1000) resta sotto la testata e il menu fissi */
body.sh-ui .acf-map, body.sh-ui .leaflet-container { position: relative; z-index: 0; isolation: isolate; }
body.sh-ui .header { z-index: 1010; }
body.sh-ui .nav-header { z-index: 1011; }
body.sh-ui .dlabnav { z-index: 1005; }

/* Ricerca: il titolo è già nella barra in alto; la vecchia fascia scura (testo scuro su scuro) non serve */
body.sh-ui.search .page-header { display: none; }

/* Ricerca: ogni risultato storico contiene una propria sezione #clienti con una sola scheda.
   I wrapper diventano trasparenti al layout, così tutte le schede partecipano alla stessa griglia. */
body.sh-ui.search #main.site-main {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
	gap: 1rem;
	align-items: stretch;
}
body.sh-ui.search #main.site-main > article,
body.sh-ui.search #main.site-main > article > .entry-content,
body.sh-ui.search #main.site-main > article > .entry-content > #clienti { display: contents; }
body.sh-ui.search #main.site-main .cliente.single { height: 100%; box-sizing: border-box; }
body.sh-ui.search #main.site-main > .navigation { grid-column: 1 / -1; }

@media (max-width: 575px) {
	body.sh-ui.search #main.site-main { grid-template-columns: minmax(0, 1fr); }
}

body.sh-ui.search #main.site-main > .sh-ricerca-anagrafica, body.sh-ui.search #main.site-main > .sh-ricerca-titolo { grid-column: 1 / -1; } /* SH-013: caldaie e indirizzi sopra la griglia dei clienti */
/* descrizione delle icone anche al passaggio con la tastiera */
body.sh-ui .cliente.single div.icon div a:focus-visible { outline: 3px solid #00BCD4; outline-offset: 2px; }
/* «Il mio account»: il nome in alto a destra porta alla pagina del proprio account */
body.sh-ui .sh-account-link { display: inline-flex; align-items: center; gap: .5rem; color: inherit; text-decoration: none; border: 0; border-radius: 99px; padding: 2px 8px 2px 2px; }
body.sh-ui .sh-account-link:hover, body.sh-ui .sh-account-link:focus-visible { background: rgba(255, 255, 255, .18); }
/* campi password come gli altri campi del gestionale («Il mio account») */
body.sh-ui input[type="password"] { height: 2.75rem; border: 1px solid #DCE3E6; border-radius: .65rem; background: #F9FBFB; padding: 0 .9rem; font-family: inherit; font-size: .95rem; color: #1F2A30; }
body.sh-ui input[type="password"]:focus { outline: none; border-color: #00BCD4; background: #FFFFFF; box-shadow: 0 0 0 3px rgba(0, 188, 212, .18); }

/* Collaudo utente 10/10 — calendario mese: fillow.css (scritto per FullCalendar 5) fissa l'altezza delle settimane
   (.fc-day-grid-container 30.625rem !important) e toglie lo scorrimento (.fc-scroller overflow: visible !important):
   con molti appuntamenti le ultime settimane uscivano dal riquadro e non si potevano raggiungere. Il calendario
   (FullCalendar 3) ora si allunga quanto serve e si scorre con la barra della pagina. */
body.sh-ui .fc .fc-scroller, body.sh-ui .fc .fc-scroller.fc-day-grid-container, body.sh-ui .fc .fc-scroller.fc-time-grid-container { height: auto !important; overflow: visible !important; }
body.sh-ui .fc .fc-row.fc-rigid { height: auto !important; }

/* Collaudo utente 10/10 — campo data (pagina Appuntamento): fillow.css rende «assoluta» l'icona trasparente del
   calendarietto; nei Chrome meno recenti (es. Chrome 109 su Windows 7) copriva tutta la pagina e ogni clic riapriva
   il calendarietto. Il campo data diventa il suo contenitore: l'icona copre solo il campo. */
body.sh-ui input[type="date"] { position: relative; }

/* Collaudo utente 11/10 — barra di scorrimento della pagina visibile: fillow.css la rende larga 5 px e quasi trasparente
   (cursore al 10%), così senza rotella del mouse non si poteva scendere. Le altre aree scorrevoli restano sottili ma visibili. */
html { scrollbar-width: auto; scrollbar-color: #9DB3B9 #EEF3F4; }
html::-webkit-scrollbar { width: 14px; height: 14px; opacity: 1; }
html::-webkit-scrollbar-track { background: #EEF3F4; }
html::-webkit-scrollbar-thumb { background: #9DB3B9; border-radius: 8px; border: 3px solid #EEF3F4; min-height: 48px; }
html::-webkit-scrollbar-thumb:hover { background: #00838F; }
body.sh-ui ::-webkit-scrollbar-thumb { background: rgba(31, 42, 48, .28); border-radius: 6px; }

/* Collaudo utente 11/10 — mini calendario della barra laterale (widget Booking Calendar), ridisegnato senza toccare il plugin:
   intestazione «‹ Ottobre 2026 ›», giorni della settimana abbreviati, griglia regolare, oggi evidenziato,
   giorni del mese prima/dopo attenuati (il testo «Set 30» diventa «30» con sh-ui.js). */
body.sh-ui .sh-widget { background: #FFFFFF !important; border: 1px solid #DCE3E6; border-radius: 1rem; padding: .7rem .6rem .6rem; margin: 0 0 .9rem; }
body.sh-ui .sh-widget > * { zoom: 1 !important; }
body.sh-ui .sh-widget .booking_calendar_main_container, body.sh-ui .sh-widget .booking_calendar_container, body.sh-ui .sh-widget .booking_calendar_main { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
body.sh-ui .sh-widget .wpda-booking-calendar-head { display: flex !important; align-items: center; justify-content: space-between; gap: .25rem; background: none !important; border: 0 !important; padding: 0 0 .55rem !important; margin: 0 !important; height: auto !important; overflow: visible !important; }
body.sh-ui .sh-widget .wpda-previous, body.sh-ui .sh-widget .wpda-next { float: none !important; width: auto !important; flex: 0 0 auto; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
body.sh-ui .sh-widget .wpda-previous a, body.sh-ui .sh-widget .wpda-next a { display: inline-flex !important; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; border-radius: .6rem; background: #F2FCFD !important; border: 1px solid #B8D9DD !important; color: #00838F !important; font-size: 1rem !important; font-weight: 800; line-height: 1; text-decoration: none !important; padding: 0 !important; }
body.sh-ui .sh-widget .wpda-previous a:hover, body.sh-ui .sh-widget .wpda-next a:hover { background: #00838F !important; color: #FFFFFF !important; border-color: #00838F !important; }
body.sh-ui .sh-widget .wpda-month-name { display: none !important; }
body.sh-ui .sh-widget .current-date-info { float: none !important; width: auto !important; flex: 1 1 auto; display: flex !important; align-items: center; justify-content: center; gap: .15rem; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; color: #0F2A30 !important; font-size: 0 !important; white-space: nowrap; }
body.sh-ui .sh-widget .current-date-info .wpda-current-month { order: 1; font-size: .9rem !important; font-weight: 800; color: #0F2A30 !important; background: none !important; padding: 0 .2rem 0 0 !important; text-transform: none !important; }
body.sh-ui .sh-widget .current-date-info .prev_year_info { order: 2; }
body.sh-ui .sh-widget .current-date-info .wpda-current-year { order: 3; font-size: .9rem !important; font-weight: 700; color: #00838F !important; background: none !important; padding: 0 !important; }
body.sh-ui .sh-widget .current-date-info .next_year_info { order: 4; }
body.sh-ui .sh-widget .current-date-info .prev_year_info, body.sh-ui .sh-widget .current-date-info .next_year_info { font-size: .7rem !important; font-weight: 800; color: #9DB3B9 !important; background: none !important; padding: 0 .12rem !important; text-decoration: none !important; }
body.sh-ui .sh-widget .current-date-info .prev_year_info:hover, body.sh-ui .sh-widget .current-date-info .next_year_info:hover { color: #00838F !important; }
body.sh-ui .sh-widget .wpdevart-calendar-container { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
body.sh-ui .sh-widget .wpdevart-calendar-container::before, body.sh-ui .sh-widget .wpdevart-calendar-container::after { display: none !important; }
body.sh-ui .sh-widget .week-day-name, body.sh-ui .sh-widget .wpdevart-day { float: none !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.sh-ui .sh-widget .wpda-day-header, body.sh-ui .sh-widget .wpda-day-header .div-for-clear { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important; min-height: 0 !important; line-height: 1 !important; }
body.sh-ui .sh-widget .week-day-name .wpda-day-number { display: block; text-align: center; font-size: .62rem !important; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: #5B6B73 !important; padding: 0 0 .3rem !important; background: none !important; float: none !important; width: auto !important; height: auto !important; line-height: 1 !important; }
body.sh-ui .sh-widget .week-day-name .week-day-screen { display: none !important; }
body.sh-ui .sh-widget .week-day-name .week-day-mobile { display: inline !important; }
body.sh-ui .sh-widget .wpdevart-day { cursor: pointer; }
body.sh-ui .sh-widget .wpdevart-day .wpda-day-number { display: flex !important; align-items: center; justify-content: center; height: 1.65rem !important; min-height: 0 !important; border-radius: .5rem; font-size: .75rem !important; font-weight: 600; color: #1F2A30 !important; background: none !important; padding: 0 !important; float: none !important; width: auto !important; line-height: 1 !important; transition: background .12s; }
body.sh-ui .sh-widget .wpdevart-day:hover .wpda-day-number { background: #E0F7FA !important; color: #00838F !important; }
body.sh-ui .sh-widget .wpdevart-day.weekend .wpda-day-number { color: #00838F !important; }
body.sh-ui .sh-widget .past-month-day .wpda-day-number, body.sh-ui .sh-widget .next-month-day .wpda-day-number { color: #B7C4C8 !important; font-weight: 500; }
body.sh-ui .sh-widget .wpdevart-day.current-day .wpda-day-number { background: #00838F !important; color: #FFFFFF !important; font-weight: 800; box-shadow: 0 2px 6px rgba(0, 131, 143, .35); }
body.sh-ui .sh-widget .wpdevart-load-overlay { border-radius: .8rem; }

/* Collaudo utente 12/10 — foglio stampato della pagina Stampa: niente modulo di ricerca, logo in alto a sinistra,
   data al centro e tecnico a destra su una riga (come la vecchia stampa), riquadri più compatti per stare in un foglio. */
body.sh-ui .sh-stampa-logo { display: none; }
@page { margin: 10mm 10mm 12mm; }
@media print {
	html, body.sh-ui, body.sh-ui #main-wrapper, body.sh-ui .content-body { background: #FFFFFF !important; }
	body.sh-ui .content-body, body.sh-ui .content-body .container-fluid { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
	body.sh-ui #stampa, body.sh-ui #stampa .mio_filtro_acf { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
	body.sh-ui #stampa .mio_filtro_acf form { display: none !important; }
	body.sh-ui #stampa #info_eventi_search { position: relative; display: flex !important; align-items: center; justify-content: center; min-height: 13mm; margin: 0 0 3mm !important; padding: 0 0 2.5mm !important; border-bottom: 1.5px solid #00838F; }
	body.sh-ui #stampa .sh-stampa-logo { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: auto; height: 11mm; filter: brightness(0); }
	body.sh-ui #stampa #info_eventi_search h2 { position: static !important; margin: 0 !important; padding: 0 !important; font-size: 14pt !important; line-height: 1.2 !important; font-weight: 800; text-transform: uppercase; color: #00838F !important; background: none !important; text-align: center; }
	body.sh-ui #stampa #info_eventi_search h2.tecnico { position: absolute !important; right: 0; top: 50%; transform: translateY(-50%); }
	body.sh-ui #eventi_oggi .evento.single { display: grid !important; grid-template-columns: 24mm minmax(0, 1fr); gap: 3mm; padding: 1.6mm 3mm !important; margin: 0 0 1.6mm !important; border: 1px solid #C9D6DA !important; border-radius: 2mm !important; box-shadow: none !important; background: #FFFFFF !important; break-inside: avoid; page-break-inside: avoid; height: auto !important; min-height: 0 !important; }
	body.sh-ui #eventi_oggi .evento.single::before, body.sh-ui #eventi_oggi .evento.single::after { display: none !important; content: none !important; }
	body.sh-ui #eventi_oggi .ora_evento { font-size: 9.5pt !important; line-height: 1.3 !important; color: #00838F !important; }
	body.sh-ui #eventi_oggi .ora_evento h5 { font-size: 8.5pt !important; line-height: 1.2 !important; margin: .5mm 0 0 !important; }
	body.sh-ui #eventi_oggi .other { font-size: 9.5pt !important; line-height: 1.32 !important; color: #000000 !important; }
	body.sh-ui #eventi_oggi .sh-stampa-visita { margin-top: 1mm; padding: 1mm 2mm; border-radius: 1.5mm; font-size: 8.5pt; line-height: 1.3; background: none; }
	body.sh-ui .sh-versione-stampa { font-size: 7.5pt; }
}

/* Collaudo utente 14/10 — con il menu chiuso il pulsante per riaprirlo spariva: fillow.css abbassa la testata sinistra
   a z-index 999 e la barra in alto (1010), che parte dal bordo sinistro, la copriva. La testata torna sopra. */
body.sh-ui #main-wrapper.menu-toggle .nav-header { z-index: 1012 !important; }

/* Collaudo utente 14/10 — «Descrizione intervento», unico campo della descrizione: a tutta larghezza. */
body.sh-ui textarea.sh-descrizione { width: 100% !important; max-width: none !important; min-height: 5.5rem; }

/* Collaudo utente 14/10 — mappa come ultimo blocco della scheda cliente; titolo «Storico spostamenti». */
body.sh-ui #single_cliente .cliente.single.sh-cliente-mappa { display: block !important; padding: .75rem !important; margin-top: 1.25rem !important; }
body.sh-ui #single_cliente .sh-cliente-mappa .acf-map { margin: 0 !important; }
body.sh-ui .sh-storico-titolo { margin: .9rem 0 .35rem; font-size: .95rem; font-weight: 800; color: #1F2A30; }

/* Collaudo utente 14/10 — grafica del foglio stampato (pagina Stampa): una riga per appuntamento con orario e tecnico a
   sinistra e barra turchese; descrizione in grassetto; sotto, i dati della visita senza riquadro, una riga per voce
   (cliente e indirizzo, referente e telefono, apparecchio, come arrivare, nota appuntamento evidenziata). */
@media print {
	body.sh-ui #eventi_oggi .evento.single { grid-template-columns: 27mm minmax(0, 1fr) !important; gap: 3mm !important; padding: 1.8mm 3mm 1.8mm 2.6mm !important; border: 1px solid #C9D6DA !important; border-left: 1.2mm solid #00838F !important; border-radius: 1.5mm !important; }
	body.sh-ui #eventi_oggi .ora_evento { font-size: 9.5pt !important; font-weight: 800 !important; color: #00838F !important; letter-spacing: -.01em; white-space: nowrap; }
	body.sh-ui #eventi_oggi .ora_evento h5 { font-size: 7.5pt !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .04em; color: #1F2A30 !important; margin-top: .8mm !important; display: block !important; white-space: normal; text-align: left !important; }
	body.sh-ui #eventi_oggi .other { display: block !important; font-size: 9.5pt !important; font-weight: 700 !important; line-height: 1.3 !important; color: #000000 !important; }
	body.sh-ui #eventi_oggi .sh-stampa-visita { float: none !important; width: auto !important; clear: both; margin: 1.2mm 0 0 !important; padding: 1.2mm 0 0 !important; border: 0 !important; border-top: 1px dashed #C9D6DA !important; border-radius: 0 !important; background: none !important; font-size: 8.8pt !important; font-weight: 400 !important; line-height: 1.35 !important; color: #1F2A30 !important; }
	body.sh-ui #eventi_oggi .sh-stampa-visita .sh-r { display: block !important; float: none !important; width: auto !important; margin-left: 0 !important; }
	body.sh-ui #eventi_oggi .sh-r-cliente strong { font-weight: 800; color: #000000; }
	body.sh-ui #eventi_oggi .sh-r-app { color: #37474F; }
	body.sh-ui #eventi_oggi .sh-r-luogo { font-style: italic; }
	body.sh-ui #eventi_oggi .sh-r-nota { font-weight: 700; margin-top: .6mm; padding-left: 1.6mm; border-left: .8mm solid #E65100; }
	body.sh-ui #eventi_oggi .sh-r-versione, body.sh-ui #eventi_oggi .sh-versione-stampa { display: block; margin-top: .5mm; text-align: right; font-size: 6.5pt !important; color: #8A9AA1 !important; }
}

/* Collaudo utente 14/10 — avviso dopo «Sposta nel cestino» (pagina Appuntamenti) e pulsante del cestino nel modulo. */
body.sh-ui #content > .sh-avviso { margin: 0 0 1rem; padding: .75rem 1rem; font-weight: 600; }
body.sh-ui .sh-cestina { display: inline; margin: 0; }
body.sh-ui .sh-cestina-btn { background: #FFFFFF !important; color: #B3261E !important; border: 1px solid #E8B4B0 !important; padding: 0 1rem; font-weight: 700; cursor: pointer; }
body.sh-ui .sh-cestina-btn:hover { background: #FBE9E9 !important; }

/* Collaudo utente 14/10 — nel calendario l'orario sta sulla stessa riga del testo dell'evento, prima del nome del cliente
   (FullCalendar 3 nelle viste giorno/settimana li mette su due righe separate). */
body.sh-ui .fc-time-grid-event .fc-content { white-space: normal !important; text-align: left; }
body.sh-ui .fc-time-grid-event .fc-time, body.sh-ui .fc-time-grid-event .fc-title { display: inline !important; padding: 0 !important; }
body.sh-ui .fc-time-grid-event .fc-time::after { content: " — "; font-weight: 400; }
body.sh-ui .fc-time-grid-event:not(.fc-short) .fc-time span { display: inline !important; }

/* SH-015 — più tecnici (caselle), orari a quarti d'ora, note aggiuntive, riquadro al passaggio del mouse nel calendario. */
body.sh-ui .sh-tecnici { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; margin: .6rem 0 .2rem; }
body.sh-ui .sh-tecnici-titolo { font-weight: 700; margin-right: .25rem; }
body.sh-ui .sh-tec { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .6rem; border: 1px solid #DCE3E6; border-radius: .6rem; background: #FFFFFF; cursor: pointer; font-weight: 600; }
body.sh-ui .sh-tec:has(input:checked) { background: #E0F7FA; border-color: #00838F; color: #006064; }
body.sh-ui select.sh-ora { min-width: 6.2rem; }
body.sh-ui .sh-note-agg { font-weight: 800; color: #B3261E; }
body.sh-ui .sh-installazione { margin-left: .4rem; }
.tippy-box .sh-riquadro { margin-bottom: .4rem; line-height: 1.35; }
.tippy-box .sh-stampa-visita { margin: 0; padding: 0; border: 0; background: none; font-size: .85em; }
@media print { body.sh-ui #eventi_oggi .sh-note-agg { color: #B3261E !important; font-weight: 800; } }