/* Service House — nuova grafica (D-043) sopra Fillow. Palette della proposta: ciano #00BCD4 / #00838F, verde acqua #2BD09A,
   rosso #E95A5A, blu petrolio #0F2A30, fondo #F4F7F8. Scritto a mano (fillow.css e legacy.css sono generati). */

body.sh-ui {
	--primary: #00838F; --primary-hover: #006F79; --primary-dark: #0F2A30; --primary-light: #4DD0E1;
	--secondary: #2BD09A; --sh-ciano: #00BCD4; --sh-petrolio: #0F2A30; --sh-rosso: #E95A5A;
	--body-bg: #F4F7F8; --card: #FFFFFF; --border: #DCE3E6; --text: #5B6B73; --text-dark: #1F2A30; --title: #1F2A30;
	--nav-headbg: #0F2A30; --sidebar-bg: #0F2A30; --headerbg: #FFFFFF;
	--dz-sidebar-width: 16.25rem; --dz-header-height: 4.75rem;
	font-family: Manrope, system-ui, sans-serif; font-size: 15px; line-height: 1.5; color: #1F2A30; background: #F4F7F8;
	max-width: none;
}
body.sh-ui h1, body.sh-ui h2, body.sh-ui h3, body.sh-ui h4, body.sh-ui h5, body.sh-ui .dashboard_bar { font-family: Manrope, system-ui, sans-serif; color: #1F2A30; }
body.sh-ui a { color: #00838F; }
body.sh-ui a:hover { color: #005F68; }
.sh-ico { flex-shrink: 0; vertical-align: middle; }

/* --- Testata sinistra (marchio) e menu laterale scuri --- */
body.sh-ui .nav-header { background: #0F2A30; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem 0 1.25rem; box-sizing: border-box; }
body.sh-ui .nav-header .brand-logo { display: flex; align-items: center; gap: .65rem; padding: 0; height: auto; text-decoration: none; }
.sh-marchio { width: 2.25rem; height: 2.25rem; border-radius: .6rem; background: #00BCD4; color: #0F2A30; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; }
.sh-nome { color: #FFFFFF; font-weight: 800; font-size: 1rem; letter-spacing: -.01em; white-space: nowrap; }
body.sh-ui .nav-control.sh-toggle { position: static; transform: none; background: transparent; border: 0; color: #C9D6DA; width: 2.75rem; height: 2.75rem; border-radius: .6rem; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
body.sh-ui .nav-control.sh-toggle:hover { background: rgba(255,255,255,.08); color: #FFFFFF; }
body.sh-ui .dlabnav { background: #0F2A30; border-right: 0; }
body.sh-ui .dlabnav .dlabnav-scroll { overflow-y: auto; padding: .75rem .75rem 1.5rem; box-sizing: border-box; }
body.sh-ui .dlabnav .metismenu { padding: 0; margin: 0; list-style: none; }
body.sh-ui .dlabnav .metismenu > li { margin: 0 0 .15rem; padding: 0; }
body.sh-ui .dlabnav .metismenu > li > a { display: flex; align-items: center; gap: .8rem; padding: .65rem .85rem; white-space: nowrap; border-radius: .65rem; color: #C9D6DA; font-weight: 600; font-size: .95rem; background: transparent; box-shadow: none; }
body.sh-ui .dlabnav .metismenu > li > a .sh-ico { color: #7FA3AA; }
body.sh-ui .dlabnav .metismenu > li > a:hover { background: rgba(255,255,255,.06); color: #FFFFFF; }
body.sh-ui .dlabnav .metismenu > li.mm-active > a { background: rgba(0,188,212,.18); color: #FFFFFF; }
body.sh-ui .dlabnav .metismenu > li.mm-active > a .sh-ico { color: #00BCD4; }
body.sh-ui .dlabnav .metismenu .sh-sep { height: 1px; background: #1F3E45; margin: .6rem .5rem; }
body.sh-ui .dlabnav .nav-text { color: inherit; }
/* mini calendario del widget nel menu */
.sh-widget { margin-top: 1rem; background: #FFFFFF; border-radius: .9rem; padding: .5rem; color: #1F2A30; overflow: hidden; font-size: .75rem; }
.sh-widget table { width: 100% !important; table-layout: fixed; }
.sh-widget * { max-width: 100%; box-sizing: border-box; }
.sh-widget .widget { margin: 0; padding: 0; }
.sh-widget .widget-title { display: none; }

/* --- Menu chiuso (pulsante) --- */
body.sh-ui #main-wrapper.menu-toggle .dlabnav .nav-text, body.sh-ui #main-wrapper.menu-toggle .sh-nome, body.sh-ui #main-wrapper.menu-toggle .sh-widget, body.sh-ui #main-wrapper.menu-toggle .dlabnav .sh-sep { display: none; }
body.sh-ui #main-wrapper.menu-toggle .nav-header, body.sh-ui #main-wrapper.menu-toggle .dlabnav { width: 5rem; }
body.sh-ui #main-wrapper.menu-toggle .nav-header { padding: 0 .5rem; justify-content: center; }
body.sh-ui #main-wrapper.menu-toggle .nav-header .brand-logo { display: none; }
body.sh-ui #main-wrapper.menu-toggle .header { padding-left: 5rem; width: 100%; }
body.sh-ui #main-wrapper.menu-toggle .content-body { margin-left: 5rem; }
body.sh-ui #main-wrapper.menu-toggle .dlabnav .metismenu > li > a { justify-content: center; padding: .75rem 0; }

/* --- Barra in alto --- */
body.sh-ui .header { background: #FFFFFF; border-bottom: 1px solid #DCE3E6; }
body.sh-ui .header .header-content { padding-left: 1.75rem; padding-right: 1.75rem; }
body.sh-ui .header .dashboard_bar { font-size: 1.45rem; font-weight: 800; letter-spacing: -.02em; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 32vw; }
body.sh-ui .header-right { gap: .6rem; align-items: center; }
body.sh-ui .header-right .nav-item { margin: 0; }
body.sh-ui .search-area { width: 19rem; flex-wrap: nowrap; }
body.sh-ui .search-area .form-control { height: 2.75rem; border: 1px solid #DCE3E6; border-right: 0; border-radius: .65rem 0 0 .65rem; background: #F9FBFB; font-size: .9rem; }
body.sh-ui .search-area .input-group-text { height: 2.75rem; border: 1px solid #DCE3E6; border-left: 0; border-radius: 0 .65rem .65rem 0; background: #F9FBFB; color: #5B6B73; cursor: pointer; }
body.sh-ui .sh-azione { display: inline-flex; align-items: center; gap: .45rem; height: 2.75rem; padding: 0 1rem; border-radius: .65rem; font-weight: 700; font-size: .9rem; white-space: nowrap; }
body.sh-ui .btn-primary { background: #00838F; border-color: #00838F; color: #FFFFFF; }
body.sh-ui .btn-primary:hover { background: #006F79; border-color: #006F79; color: #FFFFFF; }
body.sh-ui .btn-outline-primary { color: #00838F; border-color: #B8D9DD; background: #FFFFFF; }
body.sh-ui .btn-outline-primary:hover { background: #E0F7FA; color: #005F68; border-color: #00BCD4; }
.sh-utente { gap: .55rem; padding-left: .6rem; margin-left: .2rem; border-left: 1px solid #DCE3E6; }
.sh-avatar { width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #2BD09A; color: #0F2A30; font-weight: 800; font-size: .8rem; display: inline-flex; align-items: center; justify-content: center; }
.sh-utente-nome { font-weight: 700; font-size: .9rem; color: #1F2A30; }
.sh-esci { color: #5B6B73; display: inline-flex; width: 2.4rem; height: 2.4rem; align-items: center; justify-content: center; border-radius: .6rem; }
.sh-esci:hover { background: #FBE9E9; color: #8E1B1B; }

/* --- Contenuto --- */
body.sh-ui .content-body { background: #F4F7F8; min-height: calc(100vh - var(--dz-header-height)); }
body.sh-ui .content-body .container-fluid { padding: 1.75rem; }
body.sh-ui #primary, body.sh-ui .content-area, body.sh-ui .site-main { width: auto; float: none; margin: 0; padding: 0; }
body.sh-ui article.page, body.sh-ui article.hentry, body.sh-ui .entry-content { background: transparent; box-shadow: none; margin: 0; padding: 0; width: auto; }
body.sh-ui .entry-header { display: none; } /* il titolo è nella barra in alto */
body.sh-ui .footer { padding-left: var(--dz-sidebar-width); background: transparent; }
body.sh-ui .footer .copyright { padding: .75rem 1.75rem; text-align: left; }
body.sh-ui .footer .copyright p { margin: 0; font-size: .8rem; color: #8A9AA1; }
body.sh-ui #main-wrapper.menu-toggle .footer { padding-left: 5rem; }

/* Riquadri: gli elementi del gestionale diventano schede */
body.sh-ui .evento.single, body.sh-ui .cliente.single, body.sh-ui .sh-apparecchi .sh-ubicazione, body.sh-ui .sh-visita fieldset,
body.sh-ui .wpfc-calendar-wrapper, body.sh-ui .mio_filtro_acf, body.sh-ui #eventi_oggi .evento {
	background: #FFFFFF; border: 1px solid #DCE3E6; border-radius: 1rem; box-shadow: none;
}
body.sh-ui .wpfc-calendar-wrapper { padding: 1rem; }

/* Moduli */
body.sh-ui input[type="text"], body.sh-ui input[type="search"], body.sh-ui input[type="date"], body.sh-ui input[type="time"], body.sh-ui input[type="email"], body.sh-ui input[type="tel"], body.sh-ui select, body.sh-ui textarea {
	border: 1px solid #DCE3E6; border-radius: .65rem; padding: .55rem .8rem; font-family: inherit; font-size: .95rem; color: #1F2A30; background: #FFFFFF; min-height: 2.75rem; box-sizing: border-box;
}
body.sh-ui input:focus, body.sh-ui select:focus, body.sh-ui textarea:focus { outline: none; border-color: #00BCD4; box-shadow: 0 0 0 3px rgba(0,188,212,.18); }
body.sh-ui input[type="submit"], body.sh-ui button.sh-primario, body.sh-ui .sh-primario, body.sh-ui .acf-button, body.sh-ui a.button, body.sh-ui button.button {
	background: #00838F; color: #FFFFFF; border: 1px solid #00838F; border-radius: .65rem; padding: 0 1.1rem; min-height: 2.75rem; font-weight: 700; font-family: inherit; cursor: pointer; text-transform: none; letter-spacing: 0;
}
body.sh-ui input[type="submit"]:hover, body.sh-ui .sh-primario:hover, body.sh-ui .acf-button:hover { background: #006F79; border-color: #006F79; color: #FFFFFF; }
body.sh-ui .sh-bottone { border-radius: .65rem; min-height: 2.75rem; display: inline-flex; align-items: center; border: 1px solid #B8D9DD; } /* bordo intero: il vecchio «.entry-content a { border-bottom: none }» toglieva quello in basso */

/* Categorie: stesse tinte, versione morbida (etichette) */
body.sh-ui .fc-event, body.sh-ui a.fc-event { border-radius: .4rem; border-width: 0; padding: 1px 4px; font-weight: 700; }

/* Telefono e tablet */
@media (max-width: 1199px) {
	body.sh-ui .search-area { width: 14rem; }
	body.sh-ui .sh-azione span { display: none; }
	body.sh-ui .sh-azione { padding: 0 .75rem; }
}
@media (max-width: 767px) {
	body.sh-ui { --dz-sidebar-width: 0rem; }
	body.sh-ui .nav-header { width: 4.5rem; padding: 0; justify-content: center; }
	body.sh-ui .nav-header .brand-logo { display: none; }
	body.sh-ui .header { padding-left: 4.5rem; }
	body.sh-ui .header .header-content { padding-left: .75rem; padding-right: .75rem; }
	body.sh-ui .header .dashboard_bar { font-size: 1.1rem; }
	body.sh-ui .dlabnav { left: -16rem; width: 15.5rem; transition: left .2s ease; }
	body.sh-ui #main-wrapper.menu-toggle .dlabnav { left: 0; width: 15.5rem; }
	body.sh-ui #main-wrapper.menu-toggle .dlabnav .nav-text, body.sh-ui #main-wrapper.menu-toggle .sh-widget { display: initial; }
	body.sh-ui #main-wrapper.menu-toggle .dlabnav .metismenu > li > a { justify-content: flex-start; padding: .7rem .85rem; }
	body.sh-ui .content-body, body.sh-ui #main-wrapper.menu-toggle .content-body { margin-left: 0; }
	body.sh-ui #main-wrapper.menu-toggle .header { padding-left: 4.5rem; }
	body.sh-ui .content-body .container-fluid { padding: 1rem; }
	body.sh-ui .footer, body.sh-ui #main-wrapper.menu-toggle .footer { padding-left: 0; }
}

/* Stampa: solo il contenuto */
@media print {
	body.sh-ui .nav-header, body.sh-ui .header, body.sh-ui .dlabnav, body.sh-ui .footer { display: none !important; }
	body.sh-ui .content-body { margin: 0 !important; background: #FFFFFF; }
	body.sh-ui .content-body .container-fluid { padding: 0; }
}
.sh-widget > * { zoom: .82; }