/* _content/GestionaleSpiaggia.BlazorServer/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-81r2e5gkpu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem calc(0.7rem + env(safe-area-inset-bottom)) 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-81r2e5gkpu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Archivi/Archivi.razor.rz.scp.css */
/* Archivi: testata, menu dei gruppi e schede degli archivi (come nelle Statistiche). La griglia e la finestra di
   modifica sono comuni a tutti gli archivi e la finestra si apre fuori da questa pagina: i loro stili sono in
   theme.css (sezione Archivi). */

.gs-ar[b-1uvluxh11b] {
	padding: 1rem 1.25rem 1.5rem;
}

.gs-ar-testata[b-1uvluxh11b] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: .75rem;
}

.gs-ar-titolo[b-1uvluxh11b] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-ar-titolo i[b-1uvluxh11b] {
	color: var(--gs-primary);
}

.gs-ar-meta[b-1uvluxh11b] {
	color: #6c8494;
	font-size: .85rem;
}

.gs-ar-meta i[b-1uvluxh11b] {
	margin-right: .25rem;
	color: var(--gs-primary);
}

/* Menu dei gruppi: pulsanti ravvicinati, quello attivo sottolineato nel colore secondario. */
.gs-ar-menu[b-1uvluxh11b] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--gs-sand-dark);
}

.gs-ar-menu-voce[b-1uvluxh11b] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .8rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-size: .9rem;
	font-weight: 600;
}

.gs-ar-menu-voce:hover[b-1uvluxh11b] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-ar-menu-voce.active[b-1uvluxh11b] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-ar-menu-voce.active i[b-1uvluxh11b] {
	color: var(--gs-primary);
}

/* Archivi di un gruppo. */
.gs-ar-schede[b-1uvluxh11b] {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: 0 0 .75rem;
	padding: 0;
	list-style: none;
}

.gs-ar-scheda[b-1uvluxh11b] {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .35rem .8rem;
	border: 1px solid #cfe3f4;
	border-radius: 2rem;
	background: #fff;
	color: #2b5f8a;
	font-size: .85rem;
	font-weight: 600;
}

.gs-ar-scheda:hover[b-1uvluxh11b] {
	background: var(--gs-primary-light);
}

.gs-ar-scheda.active[b-1uvluxh11b] {
	border-color: var(--gs-primary);
	background: var(--gs-primary);
	color: #fff;
}


.gs-ar-sola-lettura[b-1uvluxh11b] {
	padding: .5rem .9rem;
	font-size: .9rem;
}

.gs-ar-sola-lettura i[b-1uvluxh11b] {
	margin-right: .35rem;
}

.gs-ar-vuoto[b-1uvluxh11b] {
	padding: 3rem 1rem;
	border: 1px dashed #cfdbe3;
	border-radius: .9rem;
	color: #6c8494;
	text-align: center;
}

.gs-ar-vuoto i[b-1uvluxh11b] {
	margin-right: .35rem;
	color: var(--gs-primary);
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Conto/Conto.razor.rz.scp.css */
/* Conto: testata, schede, griglie e pannello del cliente e del pagamento. I componenti figli usano ::deep, perché gli stili con
   ambito arrivano solo agli elementi di questo componente. */

.gs-co[b-xxwfa6g6hf] {
	padding: .6rem .9rem 1rem;
}

.gs-co-testata[b-xxwfa6g6hf] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: .5rem;
}

.gs-co-intesta[b-xxwfa6g6hf] {
	display: flex;
	align-items: center;
	gap: .6rem;
}

/* Freccia indietro in alto, prima del titolo: solo l'icona, grigia come il pulsante in fondo. */
.gs-co-torna[b-xxwfa6g6hf] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	padding: 0;
	border-color: #cfd6db;
	background-color: #eceff1;
	color: #5b6770;
	font-size: 1.1rem;
}

.gs-co-torna:hover:not(:disabled)[b-xxwfa6g6hf] {
	border-color: #b8c1c7;
	background-color: #dde2e6;
	color: #3f4a52;
}

.gs-co-titolo[b-xxwfa6g6hf] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-co-titolo i[b-xxwfa6g6hf] {
	color: var(--gs-primary);
}

.gs-co-etichette[b-xxwfa6g6hf] {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}

.gs-co-badge[b-xxwfa6g6hf] {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	padding: .2rem .65rem;
	border: 1px solid #cfe3f4;
	border-radius: 2rem;
	background: #fff;
	color: #2b5f8a;
	font-size: .8rem;
	font-weight: 600;
}

.gs-co-badge-ok[b-xxwfa6g6hf] {
	border-color: #b9dfc4;
	background: #eaf7ee;
	color: #1d7a3a;
}

.gs-co-badge-acconto[b-xxwfa6g6hf] {
	border-color: #f0dca3;
	background: #fdf6dd;
	color: #8a6a05;
}

.gs-co-badge-avviso[b-xxwfa6g6hf] {
	border-color: #f3c2c8;
	background: #fdeef0;
	color: #b3303f;
}

.gs-co-attesa[b-xxwfa6g6hf],
.gs-co-vuoto[b-xxwfa6g6hf] {
	padding: 3rem 1rem;
	color: #6c8494;
	text-align: center;
}

.gs-co-vuoto i[b-xxwfa6g6hf] {
	display: block;
	margin-bottom: .5rem;
	color: var(--gs-primary);
	font-size: 2rem;
}

/* Schede. */
.gs-co-schede[b-xxwfa6g6hf] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin: 0 0 .75rem;
	padding: 0;
	border-bottom: 1px solid var(--gs-sand-dark);
	list-style: none;
}

.gs-co-scheda[b-xxwfa6g6hf] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .8rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-size: .9rem;
	font-weight: 600;
}

.gs-co-scheda:hover[b-xxwfa6g6hf] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-co-scheda.active[b-xxwfa6g6hf] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-co-scheda.active i[b-xxwfa6g6hf] {
	color: var(--gs-primary);
}

.gs-co-conteggio[b-xxwfa6g6hf] {
	min-width: 1.4rem;
	padding: 0 .4rem;
	border-radius: 1rem;
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
	font-size: .75rem;
	text-align: center;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-scheda-corpo {
	padding: .75rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-strumenti {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	margin-bottom: .6rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-strumento {
	min-width: 12rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-strumento label,
.gs-co[b-xxwfa6g6hf]  .form-label {
	margin-bottom: .15rem;
	color: var(--gs-ink);
	font-size: .75rem;
	font-weight: 600;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-azioni-riga {
	display: flex;
	justify-content: center;
	gap: .3rem;
}

/* Pannello a destra. */
.gs-co[b-xxwfa6g6hf]  .gs-co-pannello {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sezione {
	padding: .75rem .9rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sezione-titolo {
	margin: 0 0 .5rem;
	color: var(--gs-sea-deep);
	font-size: .95rem;
	font-weight: 700;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sezione-titolo i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-risultati {
	max-height: 14rem;
	margin: 0 0 .6rem;
	padding: 0;
	overflow-y: auto;
	border: 1px solid var(--gs-sand-dark);
	border-radius: .5rem;
	list-style: none;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-risultati button {
	display: flex;
	width: 100%;
	align-items: baseline;
	gap: .6rem;
	padding: .35rem .6rem;
	border: 0;
	border-bottom: 1px solid #eef2f5;
	background: #fff;
	font-size: .85rem;
	text-align: left;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-risultati button:hover,
.gs-co[b-xxwfa6g6hf]  .gs-co-risultati button:focus-visible {
	background: var(--gs-primary-light);
}

/* Il bordo del pulsante scelto con le frecce sta dentro il pulsante: l'elenco nasconde quello che esce dai lati e lo tagliava. */
.gs-co[b-xxwfa6g6hf]  .gs-co-risultati button:focus-visible {
	outline-offset: -2px;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-risultati span {
	flex: 1;
	color: #6c8494;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-risultati small {
	color: #9aa9b4;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-nessuno {
	padding: .5rem .6rem;
	color: #6c8494;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-servizio,
.gs-co[b-xxwfa6g6hf]  .gs-co-nota {
	margin: .5rem 0 0;
	color: #6c8494;
	font-size: .8rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-servizio i,
.gs-co[b-xxwfa6g6hf]  .gs-co-nota i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-importo {
	font-size: 1.05rem;
	font-weight: 700;
}

/* Totali. */
.gs-co[b-xxwfa6g6hf]  .gs-co-totali {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
	gap: .5rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-totali div {
	display: flex;
	flex-direction: column;
	padding: .5rem .75rem;
	border-radius: .75rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-totali span {
	color: #6c8494;
	font-size: .75rem;
	font-weight: 600;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-totali strong {
	color: var(--gs-ink);
	font-size: 1.15rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sospeso strong {
	color: #b3303f;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-saldato strong {
	color: var(--gs-ink);
}

/* Ogni card dei totali ha il suo colore: sfondo tenue e bordo a sinistra. */
.gs-co[b-xxwfa6g6hf]  .gs-co-totali .gs-co-t-totale { background: #e6f6fd; border-left: .3rem solid #11aeef; }
.gs-co[b-xxwfa6g6hf]  .gs-co-totali .gs-co-t-acconti { background: #e8f6ee; border-left: .3rem solid #2e9d5b; }
.gs-co[b-xxwfa6g6hf]  .gs-co-totali .gs-co-t-credito { background: #f1ebfa; border-left: .3rem solid #7b5cc4; }
/* Sospeso: senza colore di sfondo; il testo è rosso, neutro quando è a zero. */
.gs-co[b-xxwfa6g6hf]  .gs-co-totali .gs-co-t-sospeso { background: #fff; border-left: .3rem solid transparent; }

.gs-co[b-xxwfa6g6hf]  .gs-co-azioni {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-registra {
	flex: 1;
	min-width: 9rem;
	font-weight: 600;
}

/* Disposizione: tabelle larghe a sinistra, colonna stretta a destra (sotto i 1200px si impilano). */
.gs-co-layout[b-xxwfa6g6hf] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .6rem;
}

@media (min-width: 1200px) {
	.gs-co-layout[b-xxwfa6g6hf] {
		grid-template-columns: minmax(0, 1fr) 26rem;
		align-items: start;
	}

	/* Schermi grandi: la colonna di sinistra occupa l'altezza della finestra e la scheda degli articoli prende lo spazio che resta. */
	.gs-co-sinistra[b-xxwfa6g6hf] {
		display: flex;
		flex-direction: column;
		min-height: calc(100vh - 9.5rem);
	}

	.gs-co-sinistra[b-xxwfa6g6hf]  > .gs-co-scheda-corpo {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.gs-co .gs-co-layout[b-xxwfa6g6hf]  .gs-co-articoli {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.gs-co .gs-co-layout[b-xxwfa6g6hf]  .gs-co-articoli-elenco {
		flex: 1;
		max-height: none;
		align-content: start;
	}
}

/* Le tabelle occupano l'altezza disponibile. */
.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid {
	height: 16rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-scheda-corpo {
	padding: .5rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-pannello {
	gap: .5rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sezione {
	padding: .5rem .65rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sezione-titolo {
	margin-bottom: .35rem;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-totali {
	grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr));
	gap: .35rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-totali div {
	padding: .3rem .55rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-totali strong {
	font-size: 1rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-altri {
	margin: .3rem 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--gs-sea-deep);
	font-size: .8rem;
	font-weight: 600;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-opzioni {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1rem;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-nota,
.gs-co[b-xxwfa6g6hf]  .gs-co-servizio {
	margin-top: .3rem;
	font-size: .75rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-risultati {
	max-height: 10rem;
	margin-bottom: .4rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-azioni {
	gap: .35rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-registra {
	min-width: 6rem;
}

/* Articoli da aggiungere agli addebiti: schede con l'icona. */
.gs-co[b-xxwfa6g6hf]  .gs-co-articoli {
	margin-top: .6rem;
	padding: .5rem .6rem;
	border: 1px solid #e3edf4;
	border-radius: .75rem;
	background: linear-gradient(180deg, #f8fbfd, #f2f8fc);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-testa {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .4rem .75rem;
	margin-bottom: .75rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-titolo {
	margin: 0;
	color: var(--gs-sea-deep);
	font-size: .85rem;
	font-weight: 700;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-titolo i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-filtri {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-cerca-articolo {
	width: 13rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-posto {
	width: 9rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sconto {
	width: 14rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-elenco {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
	gap: .4rem;
	max-height: 8.5rem;
	overflow-y: auto;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-vuoto {
	margin: 0;
	color: #6c8494;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articolo {
	display: grid;
	grid-template-columns: 2rem 1fr;
	grid-template-rows: auto auto;
	column-gap: .5rem;
	align-items: center;
	padding: .3rem .5rem;
	border: 1px solid #dbe8f1;
	border-radius: .6rem;
	background: #fff;
	text-align: left;
	transition: border-color .15s, box-shadow .15s, transform .1s;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articolo:hover:not(:disabled) {
	border-color: var(--gs-primary);
	box-shadow: 0 .15rem .5rem rgba(100, 172, 233, .25);
	transform: translateY(-1px);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articolo img,
.gs-co[b-xxwfa6g6hf]  .gs-co-articolo > i {
	grid-row: 1 / span 2;
	width: 2rem;
	height: 2rem;
	object-fit: contain;
	color: var(--gs-primary);
	font-size: 1.4rem;
	line-height: 2rem;
	text-align: center;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articolo span {
	overflow: hidden;
	color: var(--gs-ink);
	font-size: .78rem;
	font-weight: 600;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articolo small {
	color: #8a9ba8;
	font-size: .68rem;
}

/* Invio della prenotazione. */
.gs-co[b-xxwfa6g6hf]  .gs-co-invio {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	padding: .35rem .65rem;
	border-radius: .75rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-invio span {
	flex: 1 0 100%;
	color: var(--gs-sea-deep);
	font-size: .8rem;
	font-weight: 700;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-invio span i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-invio .btn {
	flex: 1;
}

/* Tabelle: celle con chip, etichette e importi. */
.gs-co[b-xxwfa6g6hf]  .gs-co-chip {
	display: inline-block;
	padding: .05rem .5rem;
	border-radius: .4rem;
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .01em;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-codice {
	color: #5d7384;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .78rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-pill {
	display: inline-block;
	min-width: 2.2rem;
	padding: .05rem .5rem;
	border: 1px solid #cfe3f4;
	border-radius: 1rem;
	background: #f4f9fd;
	color: #2b5f8a;
	font-size: .75rem;
	font-weight: 600;
	text-align: center;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-importo-cella {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-importo-neg {
	color: #b3303f;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-lucchetto {
	color: #8a9ba8;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-btn-riga {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: .45rem;
	background: none;
	color: #8a9ba8;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-btn-riga:hover {
	border-color: #f3c2c8;
	background: #fdeef0;
	color: #b3303f;
}

/* Tabelle: testata chiara, righe alternate e più respiro. */
.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid {
	border: 1px solid #dbe8f1;
	border-radius: .75rem;
	overflow: hidden;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid .dxbl-grid-header-row > th,
.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid .dxbl-grid-header-row > td {
	padding-block: .5rem;
	border-bottom: 2px solid #d3e4f1;
	background: #f1f7fc;
	color: #2b5f8a;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid tbody > tr > td {
	padding-block: .45rem;
	border-color: #edf2f6;
	vertical-align: middle;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid tbody > tr:nth-child(even) > td {
	background-color: #fafcfe;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid tbody > tr:hover > td {
	background-color: var(--gs-primary-light);
}

.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid .dxbl-grid-total-summary,
.gs-co[b-xxwfa6g6hf]  .gs-co-dxgrid tfoot td {
	background: #f1f7fc;
	color: var(--gs-sea-deep);
	font-weight: 700;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-btn-riga:disabled {
	opacity: .35;
	pointer-events: none;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-btn-modifica:hover {
	border-color: #bcd6ea;
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

/* Barra dei pulsanti sopra la tabella e moduli di aggiunta e modifica. */
.gs-co[b-xxwfa6g6hf]  .gs-co-barra {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: .5rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-form .form-label {
	margin-bottom: .15rem;
	color: var(--gs-ink);
	font-size: .8rem;
	font-weight: 600;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-preferito {
	color: #e0a100;
}

/* L'importo del pagamento ha la stessa altezza degli altri controlli del pannello. */
.gs-co[b-xxwfa6g6hf]  input.gs-co-importo {
	font-size: .875rem;
	line-height: 1.5;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-ambito {
	width: 12.5rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-periodo {
	width: 22rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-periodo .input-group-text:not(:first-child) {
	border-left: 0;
}

/* La scheda del cliente è alta: scorre dentro la finestra. */
.gs-co[b-xxwfa6g6hf]  .modal-body.gs-co-form {
	max-height: calc(100vh - 12rem);
	overflow-y: auto;
}

/* Controlli di una stessa card: stessa altezza e, in coppia, stessa larghezza. */
.gs-co[b-xxwfa6g6hf]  .gs-co-sezione .form-control-sm,
.gs-co[b-xxwfa6g6hf]  .gs-co-sezione .form-select-sm,
.gs-co[b-xxwfa6g6hf]  .gs-co-sezione .input-group-sm > .btn,
.gs-co[b-xxwfa6g6hf]  .gs-co-articoli .form-control,
.gs-co[b-xxwfa6g6hf]  .gs-co-articoli .form-select,
.gs-co[b-xxwfa6g6hf]  .gs-co-articoli .input-group-text,
.gs-co[b-xxwfa6g6hf]  .gs-co-articoli .input-group > .btn {
	height: 2rem;
	min-height: 2rem;
	padding-top: 0;
	padding-bottom: 0;
	font-size: .875rem;
	line-height: 1.5;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-sezione .input-group-sm {
	flex-wrap: nowrap;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-articoli .input-group {
	flex-wrap: nowrap;
	width: 100%;
}

/* Filtri degli articoli: due colonne uguali, ogni controllo largo quanto la sua cella. */
.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-filtri {
	display: grid;
	grid-template-columns: repeat(2, minmax(15rem, 24rem));
	gap: .4rem .6rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-cerca-articolo,
.gs-co[b-xxwfa6g6hf]  .gs-co-ambito,
.gs-co[b-xxwfa6g6hf]  .gs-co-periodo,
.gs-co[b-xxwfa6g6hf]  .gs-co-sconto {
	width: 100%;
}

/* Calendario dell'occupazione. */
.gs-co[b-xxwfa6g6hf]  .gs-cal-sopra {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 16rem;
	gap: .75rem;
	margin-bottom: .75rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-esclusi {
	margin: 0;
	padding: .4rem .75rem .5rem;
	border: 1px solid #dbe8f1;
	border-radius: .6rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-esclusi legend {
	float: none;
	width: auto;
	margin: 0;
	padding: 0 .3rem;
	font-size: .8rem;
	font-weight: 700;
	color: var(--gs-sea-deep);
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-riepilogo {
	padding: .5rem .75rem;
	border-radius: .6rem;
	background: #f4f9fc;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-tabella-scorri {
	overflow-x: auto;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-tabella {
	border-collapse: separate;
	border-spacing: 2px;
	font-size: .72rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-tabella th {
	padding: .1rem .15rem;
	color: #6c8494;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-mese {
	padding-right: .5rem !important;
	text-align: left !important;
	color: var(--gs-sea-deep) !important;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-giorno {
	display: flex;
	width: 2.1rem;
	height: 2.1rem;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	border-radius: .4rem;
	padding: 0;
	font-size: .65rem;
	text-transform: uppercase;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-occupato {
	background: #d9f2e1;
	border-color: #98d6ad;
	color: #14532d;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-libero {
	background: #eef1f3;
	border-color: #dfe4e8;
	color: #9aa6af;
}

.gs-co[b-xxwfa6g6hf]  .gs-cal-fuori {
	background: transparent;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-periodo input[type="date"] {
	min-width: 8.5rem;
	padding-left: .4rem;
	padding-right: .2rem;
}

/* Occupazione di un posto (striscia per mesi) e ricerca dei posti liberi, nelle finestre dei posti del conto. */
.gs-co[b-xxwfa6g6hf]  .gs-occ {
	margin-top: .75rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-vuoto {
	margin: .75rem 0 0;
	padding: .5rem .75rem;
	border-radius: .6rem;
	background: #f4f9fc;
	color: #5d7485;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-esito {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .6rem;
	padding: .5rem .75rem;
	border-radius: .6rem;
	font-size: .9rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-esito-si {
	background: #e3f6ea;
	color: #14532d;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-esito-no {
	background: #fde8e6;
	color: #8a1c14;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-scorri {
	overflow-x: auto;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-tabella {
	border-collapse: separate;
	border-spacing: 2px;
	font-size: .66rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-tabella th {
	padding: 0 .1rem;
	color: #6c8494;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-tabella th.gs-occ-mese {
	padding-right: .5rem;
	text-align: left;
	color: var(--gs-sea-deep);
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-tabella td {
	width: 1.45rem;
	height: 1.45rem;
	border-radius: .3rem;
	text-align: center;
	line-height: 1.45rem;
	font-weight: 700;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-libero {
	background: #eef1f3;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-mio {
	background: #bfeacd;
	box-shadow: inset 0 0 0 1px #5cb87c;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-altro {
	background: #ffd9a3;
	box-shadow: inset 0 0 0 1px #f0a53c;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-conflitto {
	background: #f7a9a2;
	box-shadow: inset 0 0 0 1px #d9483c;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-legenda {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem 1rem;
	margin-top: .5rem;
	font-size: .75rem;
	color: #5d7485;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-pallino {
	display: inline-block;
	width: .8rem;
	height: .8rem;
	margin-right: .25rem;
	border-radius: .25rem;
	vertical-align: -.1rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-elenco {
	margin: .75rem 0 0;
	padding: 0;
	list-style: none;
	font-size: .85rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-elenco li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem .75rem;
	padding: .35rem .6rem;
	border-bottom: 1px solid #e6eef3;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-elenco-conflitto {
	background: #fff4f3;
	border-left: 3px solid #d9483c;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-periodo {
	min-width: 10rem;
	font-weight: 600;
	color: var(--gs-sea-deep);
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-chi {
	flex: 1 1 auto;
}

.gs-co[b-xxwfa6g6hf]  .gs-occ-apri {
	font-size: .8rem;
	text-decoration: none;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl {
	margin-top: .75rem;
	padding: .6rem .75rem;
	border: 1px dashed #b9d5e6;
	border-radius: .6rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-barra {
	display: flex;
	align-items: center;
	gap: .75rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-conta {
	font-size: .85rem;
	color: #5d7485;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-elenco {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	max-height: 11rem;
	margin-top: .6rem;
	overflow-y: auto;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-posto {
	display: flex;
	min-width: 5.5rem;
	flex-direction: column;
	align-items: center;
	padding: .3rem .6rem;
	border: 1px solid #cfe3ef;
	border-radius: .5rem;
	background: #fff;
	line-height: 1.2;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-posto:hover {
	border-color: var(--gs-primary);
	background: var(--gs-primary-light);
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-posto small {
	max-width: 8rem;
	overflow: hidden;
	color: #6c8494;
	font-size: .68rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-prezzo {
	color: var(--gs-sea-deep);
	font-size: .75rem;
	font-weight: 700;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-b-libero { background: #2e9d5b; color: #fff; }
.gs-co[b-xxwfa6g6hf]  .gs-pl-b-occupato { background: #d64545; color: #fff; }

.gs-co[b-xxwfa6g6hf]  .gs-pl-pallino {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	margin-left: .15rem;
	border-radius: 50%;
	vertical-align: middle;
}

.gs-co[b-xxwfa6g6hf]  .gs-pl-libero { border-color: #9fd6b4; }
.gs-co[b-xxwfa6g6hf]  .gs-pl-libero .gs-pl-pallino { background: #2e9d5b; }
.gs-co[b-xxwfa6g6hf]  .gs-pl-occupato { border-color: #efb3b3; background: #fdf4f4; }
.gs-co[b-xxwfa6g6hf]  .gs-pl-occupato .gs-pl-pallino { background: #d64545; }
.gs-co[b-xxwfa6g6hf]  .gs-pl-chi { color: #b03a3a; }

.gs-co[b-xxwfa6g6hf]  .gs-pl-scelto {
	border-color: var(--gs-primary);
	background: var(--gs-primary-light);
	box-shadow: 0 0 0 2px rgba(var(--gs-primary-rgb), .35);
}

/* Pulsanti principali del conto: registrare e stampare sono le funzioni più usate. */
.gs-co[b-xxwfa6g6hf]  .gs-co-azioni-principali {
	flex-direction: column;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-azioni-principali .btn {
	width: 100%;
	padding-block: .7rem;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .01em;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-azioni-principali .btn i {
	font-size: 1.25rem;
	vertical-align: -.1rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-indietro {
	flex: 1;
}

/* Griglia dei pagamenti: stampa e storno con il testo, ben visibili. */
.gs-co[b-xxwfa6g6hf]  .gs-co-azioni-stampa {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: .35rem;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-stampa-riga,
.gs-co[b-xxwfa6g6hf]  .gs-co-storno-riga {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	font-weight: 600;
	white-space: nowrap;
}

.gs-co[b-xxwfa6g6hf]  .gs-co-azioni-principali .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}

/* "Indietro" in grigio: è un'uscita, non un'azione da mettere in evidenza. */
.gs-co[b-xxwfa6g6hf]  .btn.gs-co-indietro {
	border-color: #cfd6db;
	background-color: #eceff1;
	color: #5b6770;
}

.gs-co[b-xxwfa6g6hf]  .btn.gs-co-indietro:hover:not(:disabled) {
	border-color: #b8c1c7;
	background-color: #dde2e6;
	color: #3f4a52;
}

/* "Indietro" e "Annulla" restano grigi anche con il focus o premuti (il tema li colorerebbe di giallo). */
.gs-co[b-xxwfa6g6hf]  .btn.gs-co-indietro:focus,
.gs-co[b-xxwfa6g6hf]  .btn.gs-co-indietro:focus-visible,
.gs-co[b-xxwfa6g6hf]  .btn.gs-co-indietro:active,
.gs-co[b-xxwfa6g6hf]  .btn.gs-co-indietro.active {
	border-color: #aeb8be !important;
	background-color: #d5dbdf !important;
	color: #3f4a52 !important;
	box-shadow: 0 0 0 .2rem rgba(120, 134, 143, .25) !important;
}

/* Telefono: i filtri degli articoli (cerca, sconto, per, dal, al) in una colonna sola: due colonne da 15 rem non stanno in 390 px. */
@media (max-width: 575.98px) {
	.gs-co[b-xxwfa6g6hf]  .gs-co-articoli-filtri {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Contratti/Contratti.razor.rz.scp.css */
/* Contratti: testata, filtri e griglia. Nella stessa riga dove possibile; sotto la larghezza utile i campi vanno a capo. */

.gs-ct[b-fnu6puwbt6] {
	padding: 1rem 1.25rem 1.5rem;
}

.gs-ct-testata[b-fnu6puwbt6] {
	margin-bottom: .75rem;
}

.gs-ct-titolo[b-fnu6puwbt6] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-ct-titolo i[b-fnu6puwbt6] {
	color: var(--gs-primary);
}

.gs-ct-attesa[b-fnu6puwbt6] {
	padding: 3rem 0;
	color: #6c8494;
	text-align: center;
}

.gs-ct-filtri[b-fnu6puwbt6] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .6rem 1rem;
	margin-bottom: 1rem;
	padding: .8rem 1rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-ct-campi[b-fnu6puwbt6] {
	display: flex;
	flex: 1 1 100%;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: .6rem .6rem;
}

.gs-ct-campo label[b-fnu6puwbt6] {
	display: block;
	margin-bottom: .15rem;
	color: var(--gs-ink);
	font-size: .75rem;
	font-weight: 600;
}

.gs-ct-campo-medio[b-fnu6puwbt6] {
	flex: 0 1 10.5rem;
	min-width: 7rem;
}



.gs-ct-campo-stretto[b-fnu6puwbt6] {
	flex: 0 0 5rem;
}

.gs-ct-campo-largo[b-fnu6puwbt6] {
	flex: 1 1 10rem;
	min-width: 8rem;
}

.gs-ct-campo-pulsanti[b-fnu6puwbt6] {
	flex: 0 0 auto;
	display: flex;
	gap: .25rem;
}

.gs-ct-opzioni[b-fnu6puwbt6] {
	display: flex;
	flex-wrap: wrap;
	gap: .15rem 1.25rem;
	margin-right: auto;
	font-size: .85rem;
}

.gs-ct-azioni[b-fnu6puwbt6] {
	display: flex;
	gap: .4rem;
}

.gs-ct-cerca[b-fnu6puwbt6] {
	min-width: 7.5rem;
	height: 31px;
	font-weight: 600;
}

.gs-ct-vuoto[b-fnu6puwbt6] {
	padding: 3rem 1rem;
	border: 1px dashed #cfdbe3;
	border-radius: .9rem;
	color: #6c8494;
	text-align: center;
}

.gs-ct-vuoto i[b-fnu6puwbt6] {
	margin-right: .35rem;
	color: var(--gs-primary);
}

.gs-ct-griglia[b-fnu6puwbt6] {
	padding: .75rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-ct-barra[b-fnu6puwbt6] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin-bottom: .5rem;
}

.gs-ct-righe[b-fnu6puwbt6] {
	color: #6c8494;
	font-size: .85rem;
}

.gs-ct-righe i[b-fnu6puwbt6] {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-ct-strumenti[b-fnu6puwbt6] {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.gs-ct-azioni-riga[b-fnu6puwbt6] {
	display: flex;
	justify-content: center;
	gap: .3rem;
}

/* Agenzia del posto diversa da quella d'origine del contratto. */
.gs-ct[b-fnu6puwbt6]  .gs-ct-agenzia-diversa {
	color: #b45309;
	font-weight: 700;
}

/* Sotto i 1250px di larghezza i campi vanno a capo. */
@media (max-width: 1250px) {
	.gs-ct-campi[b-fnu6puwbt6] {
		flex-wrap: wrap;
	}
}

.gs-ct-campo-tipo[b-fnu6puwbt6] {
	flex: 0 1 12.5rem;
	min-width: 9rem;
}

/* Posto e Articoli: l'elenco può essere lungo; oltre la larghezza massima si tronca con i puntini (l'elenco intero è nel suggerimento). */
.gs-ct[b-fnu6puwbt6]  .gs-ct-limite {
	max-width: 9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Colonna Log: tre righe (data e ora, ultima operazione, operatore). */
.gs-ct[b-fnu6puwbt6]  .gs-ct-log {
	font-size: 1em;
	line-height: 1.3;
	white-space: nowrap;
}

.gs-ct-campo-periodo[b-fnu6puwbt6] {
	flex: 0 0 12rem;
}

.gs-ct-periodo[b-fnu6puwbt6] {
	position: relative;
	cursor: pointer;
}

.gs-ct-periodo[b-fnu6puwbt6]  dxbl-date-range-picker {
	width: 100%;
	height: 31px;
	font-size: .875rem;
}

.gs-ct-periodo[b-fnu6puwbt6]  .dxbl-text-edit-input {
	padding-left: .75rem;
	cursor: pointer;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Contratti/NoteModale.razor.rz.scp.css */
/* Testo di una nota: conserva gli a capo. */
.gs-ct-nota-testo[b-wa01ugz5gq] {
	white-space: pre-wrap;
	word-break: break-word;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Designer/Designer.razor.rz.scp.css */
/* Designer: testata, schede e scelta della spiaggia (come negli Archivi e nelle Statistiche). Le tabelle e le finestre sono componenti figli e le finestre
   si aprono fuori dalla pagina: i loro stili sono in theme.css (sezione Archivi e Designer). */

.gs-dz[b-ezdp1rurvf] {
	padding: 1rem 1.25rem 1.5rem;
}

.gs-dz-testata[b-ezdp1rurvf] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: .75rem;
}

.gs-dz-titolo[b-ezdp1rurvf] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-dz-titolo i[b-ezdp1rurvf] {
	color: var(--gs-primary);
}

.gs-dz-meta[b-ezdp1rurvf] {
	color: #6c8494;
	font-size: .85rem;
}

.gs-dz-meta i[b-ezdp1rurvf] {
	margin-right: .25rem;
	color: var(--gs-primary);
}

/* Schede: pulsanti ravvicinati, quella attiva sottolineata nel colore secondario. */
.gs-dz-schede[b-ezdp1rurvf] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--gs-sand-dark);
}

.gs-dz-scheda[b-ezdp1rurvf] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .8rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-size: .9rem;
	font-weight: 600;
}

.gs-dz-scheda:hover[b-ezdp1rurvf] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-dz-scheda.active[b-ezdp1rurvf] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-dz-scheda.active i[b-ezdp1rurvf] {
	color: var(--gs-primary);
}

/* Scelta della spiaggia. */
.gs-dz-spiagge[b-ezdp1rurvf] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem;
	margin: 0 0 .75rem;
}

.gs-dz-spiagge-etichetta[b-ezdp1rurvf] {
	margin-right: .25rem;
	color: #6c8494;
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.gs-dz-spiaggia[b-ezdp1rurvf] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .3rem .8rem;
	border: 1px solid #cfe3f4;
	border-radius: 2rem;
	background: #fff;
	color: #2b5f8a;
	font-size: .85rem;
}

.gs-dz-spiaggia:hover[b-ezdp1rurvf] {
	background: var(--gs-primary-light);
}

.gs-dz-spiaggia.active[b-ezdp1rurvf] {
	border-color: var(--gs-primary);
	background: var(--gs-primary);
	color: #fff;
}

.gs-dz .gs-ar-sola-lettura[b-ezdp1rurvf] {
	margin-bottom: .75rem;
	padding: .5rem .85rem;
	font-size: .88rem;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Guida/Guida.razor.rz.scp.css */
/* Il manuale riempie l'area di lavoro sotto la testata. */
.gs-guida[b-w0gn7cvci4] {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: .75rem 1rem 1rem;
}

.gs-guida-testata[b-w0gn7cvci4] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .5rem;
}

.gs-guida-titolo[b-w0gn7cvci4] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-guida-titolo i[b-w0gn7cvci4] {
	color: var(--gs-primary);
}

.gs-guida-manuale[b-w0gn7cvci4] {
	flex: 1;
	min-height: 0;
	width: 100%;
	border: 1px solid #dbe3ea;
	border-radius: .5rem;
	background: #fff;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Incassi/Incassi.razor.rz.scp.css */
/* Incassi: testata, menu dei gruppi, schede dei report, filtri e griglie. I componenti figli (filtri, griglia, report)
   usano ::deep, perché gli stili con ambito arrivano solo agli elementi di questo componente. */

.gs-in[b-7b02mrmjzy] {
	padding: 1rem 1.25rem 1.5rem;
}

.gs-in-testata[b-7b02mrmjzy] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: .75rem;
}

.gs-in-titolo[b-7b02mrmjzy] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-in-titolo i[b-7b02mrmjzy] {
	color: var(--gs-primary);
}

.gs-in-meta[b-7b02mrmjzy] {
	color: #6c8494;
	font-size: .85rem;
}

.gs-in-meta i[b-7b02mrmjzy] {
	margin-right: .25rem;
	color: var(--gs-primary);
}

/* Menu dei gruppi: pulsanti ravvicinati, quello attivo sottolineato nel colore secondario. */
.gs-in-menu[b-7b02mrmjzy] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--gs-sand-dark);
}

.gs-in-menu-voce[b-7b02mrmjzy] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .8rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-size: .9rem;
	font-weight: 600;
}

.gs-in-menu-voce:hover[b-7b02mrmjzy] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-in-menu-voce.active[b-7b02mrmjzy] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-in-menu-voce.active i[b-7b02mrmjzy] {
	color: var(--gs-primary);
}

/* Report di un gruppo. */
.gs-in[b-7b02mrmjzy]  .gs-in-schede {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: 0 0 .75rem;
	padding: 0;
	list-style: none;
}

.gs-in[b-7b02mrmjzy]  .gs-in-scheda {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .35rem .8rem;
	border: 1px solid #cfe3f4;
	border-radius: 2rem;
	background: #fff;
	color: #2b5f8a;
	font-size: .85rem;
	font-weight: 600;
}

.gs-in[b-7b02mrmjzy]  .gs-in-scheda i {
	color: #b6a468;
	font-size: .8rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-scheda:hover {
	background: var(--gs-primary-light);
}

.gs-in[b-7b02mrmjzy]  .gs-in-scheda.active {
	border-color: var(--gs-primary);
	background: var(--gs-primary);
	color: #fff;
}

.gs-in-attesa[b-7b02mrmjzy] {
	padding: 3rem 0;
	color: #6c8494;
	text-align: center;
}

.gs-in[b-7b02mrmjzy]  .gs-in-vuoto,
.gs-in-vuoto[b-7b02mrmjzy] {
	padding: 3rem 1rem;
	border: 1px dashed #cfdbe3;
	border-radius: .9rem;
	color: #6c8494;
	text-align: center;
}

.gs-in[b-7b02mrmjzy]  .gs-in-vuoto i,
.gs-in-vuoto i[b-7b02mrmjzy] {
	margin-right: .35rem;
	color: var(--gs-primary);
}

.gs-in-vuoto-descrizione[b-7b02mrmjzy] {
	margin-top: .35rem;
	font-size: .9rem;
}

/* Barra dei filtri. */
.gs-in[b-7b02mrmjzy]  .gs-in-filtri {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .75rem 1rem;
	margin-bottom: 1rem;
	padding: .8rem 1rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-in[b-7b02mrmjzy]  .gs-in-filtri-campi {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .6rem 1rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo {
	min-width: 10rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo-stretto {
	min-width: 6.5rem;
	max-width: 8rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo-largo {
	min-width: 14rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo-periodo {
	min-width: 22rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo-interruttore {
	min-width: 0;
	padding-bottom: .35rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo label {
	display: block;
	margin-bottom: .15rem;
	color: var(--gs-ink);
	font-size: .75rem;
	font-weight: 600;
}

.gs-in[b-7b02mrmjzy]  .gs-in-campo-interruttore label {
	display: inline;
	margin: 0;
	font-size: .85rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-opzioni {
	display: flex;
	flex-wrap: wrap;
	gap: .15rem 1.25rem;
	padding-bottom: .3rem;
	font-size: .85rem;
}

/* Periodo: selettore DevExpress alla stessa altezza e font degli altri campi (come nella toolbar della Mappa). */
.gs-in[b-7b02mrmjzy]  .gs-in-periodo {
	position: relative;
	width: 11.5rem;
	cursor: pointer;
}

.gs-in[b-7b02mrmjzy]  .gs-in-periodo dxbl-date-range-picker {
	width: 100%;
	height: 31px;
	font-size: .875rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-periodo .dxbl-text-edit-input {
	padding-left: .75rem;
	cursor: pointer;
}

.gs-in[b-7b02mrmjzy]  .gs-in-cerca {
	min-width: 9.5rem;
	height: 31px;
	padding: 0 1rem;
	font-weight: 600;
}

/* Griglie. */
.gs-in[b-7b02mrmjzy]  .gs-in-griglia {
	padding: .75rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-in[b-7b02mrmjzy]  .gs-in-griglia-barra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .5rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-righe {
	color: #6c8494;
	font-size: .85rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-righe i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-in[b-7b02mrmjzy]  .gs-in-descrizione {
	margin-left: .35rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-nota {
	margin: .75rem 0 0;
	color: #6c8494;
	font-size: .8rem;
}

/* Ricevuta senza numero di scontrino. */
.gs-in[b-7b02mrmjzy]  .gs-in-riga-anomala td {
	color: #dc3545;
	font-weight: 600;
}

.gs-in[b-7b02mrmjzy]  .gs-in-distanza {
	height: 1rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-titolo-griglia {
	margin-right: .5rem;
	color: var(--gs-sea-deep);
}

.gs-in[b-7b02mrmjzy]  .gs-in-nota i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

/* Totale per aliquota IVA sotto la griglia dei corrispettivi. */
.gs-in[b-7b02mrmjzy]  .gs-in-iva {
	max-width: 28rem;
	margin-top: 1rem;
	padding: .75rem 1rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-in[b-7b02mrmjzy]  .gs-in-iva-titolo {
	margin-bottom: .35rem;
	color: var(--gs-sea-deep);
	font-size: .9rem;
	font-weight: 700;
}

.gs-in[b-7b02mrmjzy]  .gs-in-iva-titolo i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-in[b-7b02mrmjzy]  .gs-in-iva-tabella {
	margin-bottom: 0;
	font-size: .875rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-iva-riga td {
	color: #6c8494;
}

.gs-in[b-7b02mrmjzy]  .gs-in-iva-totale td {
	border-top: 2px solid var(--gs-sand-dark);
	font-weight: 700;
}

.gs-in[b-7b02mrmjzy]  .gs-in-azioni-riga {
	display: flex;
	justify-content: center;
	gap: .3rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-nota-filtri {
	color: #6c8494;
	font-size: .85rem;
}

.gs-in[b-7b02mrmjzy]  .gs-in-nota-filtri i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-in[b-7b02mrmjzy]  .gs-in-strumenti {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
}

/* Passi dell'esportazione contabile: pulsanti a pillola con il numero del passo in un cerchio. */
.gs-in[b-7b02mrmjzy]  .gs-in-passo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 50%;
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
	font-size: .75rem;
	font-weight: 700;
}

.gs-in[b-7b02mrmjzy]  .gs-in-scheda.active .gs-in-passo {
	background: #fff;
	color: var(--gs-primary-hover);
}

/* Lettura e chiusura di cassa (Riepilogo incassi): pulsanti compatti, in linea con le caselle dei filtri, senza margini in più. */
.gs-in[b-7b02mrmjzy]  .gs-in-azioni-cassa {
	display: flex;
	align-items: center;
	gap: .4rem;
	margin: 0 0 .15rem;
	padding: 0;
	align-self: flex-end;
}

.gs-in[b-7b02mrmjzy]  .gs-in-azioni-cassa .btn {
	margin: 0;
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .6rem;
	font-size: .875rem;
	line-height: 1.5;
}

/* Telefono: come nelle Statistiche, il periodo sta nella larghezza della scheda e i pulsanti vanno a capo. */
@media (max-width: 575.98px) {
	.gs-in[b-7b02mrmjzy]  .gs-in-campo-periodo {
		min-width: 0;
		width: 100%;
	}

	.gs-in[b-7b02mrmjzy]  .gs-in-campo-periodo .d-flex {
		flex-wrap: wrap;
	}
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/InfoAzienda/InfoAzienda.razor.rz.scp.css */
/* Pagina Info Azienda: testata, schede, riquadri e barra di registrazione. I riquadri e i campi stanno nei
   componenti figli, quindi gli stili che li riguardano usano ::deep. */

.gs-az[b-vwyxngmayo] {
	max-width: 72rem;
	margin: 0 auto;
	padding: 1rem 1.25rem 0;
}

/* Testata: titolo e dati, a destra la scelta dell'anno. */
.gs-az-testata[b-vwyxngmayo] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: 1rem;
}

.gs-az-titolo[b-vwyxngmayo] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-az-titolo i[b-vwyxngmayo] {
	color: var(--gs-primary);
}

.gs-az-meta[b-vwyxngmayo] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1.25rem;
	margin-top: .25rem;
	color: #6c8494;
	font-size: .85rem;
}

.gs-az-meta i[b-vwyxngmayo] {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-az-anno[b-vwyxngmayo] {
	width: 26rem;
	max-width: 100%;
}

.gs-az-anno .form-select[b-vwyxngmayo] {
	max-width: 7rem;
}

.gs-az-attesa[b-vwyxngmayo] {
	padding: 3rem 0;
	color: #6c8494;
	text-align: center;
}

.gs-az-sola-lettura i[b-vwyxngmayo] {
	margin-right: .35rem;
}

/* Schede: sottolineatura nel colore secondario sulla scheda attiva. */
.gs-az-schede[b-vwyxngmayo] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
	padding: 0;
	border-bottom: 1px solid var(--gs-sand-dark);
	list-style: none;
}

.gs-az-schede .nav-link[b-vwyxngmayo] {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .55rem .9rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-weight: 600;
}

.gs-az-schede .nav-link:hover[b-vwyxngmayo] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-az-schede .nav-link.active[b-vwyxngmayo] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-az-schede .nav-link.active i[b-vwyxngmayo] {
	color: var(--gs-primary);
}

.gs-az-errori[b-vwyxngmayo] {
	margin-bottom: 1rem;
}

.gs-az-errori[b-vwyxngmayo]  ul {
	margin: .35rem 0 0;
	padding-left: 1.2rem;
}

.gs-az-schedario[b-vwyxngmayo] {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Riquadri delle sezioni. */
.gs-az[b-vwyxngmayo]  .gs-az-card {
	margin-bottom: 1rem;
	padding: 1.1rem 1.25rem 1.25rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 .25rem 1rem rgba(15, 45, 65, .07);
}

.gs-az[b-vwyxngmayo]  .gs-az-card-titolo {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 .9rem;
	color: var(--gs-sea-deep);
	font-size: 1rem;
	font-weight: 700;
}

.gs-az[b-vwyxngmayo]  .gs-az-card-titolo i {
	color: var(--gs-primary);
}

.gs-az[b-vwyxngmayo]  .form-label {
	margin-bottom: .2rem;
	color: var(--gs-ink);
	font-size: .8rem;
	font-weight: 600;
}

.gs-az[b-vwyxngmayo]  .form-text {
	margin-top: .15rem;
	font-size: .75rem;
}

.gs-az[b-vwyxngmayo]  input[readonly] {
	background-color: #f4f7f9;
	color: #5c7586;
}

.gs-az[b-vwyxngmayo]  .validation-message {
	margin-top: .15rem;
	color: #dc3545;
	font-size: .75rem;
}

.gs-az[b-vwyxngmayo]  .modified.invalid,
.gs-az[b-vwyxngmayo]  .invalid {
	border-color: #dc3545;
}

/* Interruttori: più alti, per un bersaglio comodo anche con il tocco. */
.gs-az[b-vwyxngmayo]  .gs-az-interruttore {
	min-height: 2rem;
	padding-top: .15rem;
	font-size: .9rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-interruttore .form-check-input {
	cursor: pointer;
}

.gs-az[b-vwyxngmayo]  .gs-az-interruttore .form-check-input:checked {
	border-color: var(--gs-primary);
	background-color: var(--gs-primary);
}

/* Giorni della settimana: pulsanti attivabili. */
.gs-az[b-vwyxngmayo]  .gs-az-giorni {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-giorni .btn {
	min-width: 3.1rem;
}

.gs-az[b-vwyxngmayo]  .btn-check:checked + .btn-outline-primary {
	border-color: var(--gs-primary);
	background-color: var(--gs-primary);
	color: #fff;
}

/* Modalità dei colori: elenco a scelta singola. */
.gs-az[b-vwyxngmayo]  .gs-az-modalita .list-group-item {
	cursor: pointer;
	font-size: .9rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-modalita .list-group-item:hover {
	background: var(--gs-primary-light);
}

/* Colori dei bordi, con anteprima del posto. */
.gs-az[b-vwyxngmayo]  .gs-az-colore {
	display: flex;
	align-items: center;
	gap: .6rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-colore .form-control-color {
	width: 3rem;
	padding: .2rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-posto-anteprima {
	width: 1.6rem;
	height: 1.6rem;
	border: 3px solid transparent;
	border-radius: .25rem;
	background: #fff;
	box-shadow: 0 0 0 1px #d9e2e8;
}

/* Barra di registrazione: resta in fondo alla pagina, anche scorrendo. */
.gs-az-barra[b-vwyxngmayo] {
	position: sticky;
	bottom: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .6rem;
	margin: 0 -1.25rem;
	padding: .75rem 1.25rem;
	border-top: 1px solid var(--gs-sand-dark);
	background: rgba(255, 255, 255, .95);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.gs-az-stato[b-vwyxngmayo] {
	margin-right: auto;
	color: #6c8494;
	font-size: .9rem;
}

.gs-az-stato i[b-vwyxngmayo] {
	margin-right: .25rem;
}

.gs-az-stato-modificato[b-vwyxngmayo] {
	color: #8a6b0c;
	font-weight: 600;
}

.gs-az-registra[b-vwyxngmayo] {
	min-width: 8rem;
	font-weight: 600;
}

/* Tabelle modificabili (status impegni, misuratori fiscali, totem). */
.gs-az[b-vwyxngmayo]  .gs-az-nota {
	color: #6c8494;
	font-size: .85rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-tabella {
	margin-bottom: 0;
	font-size: .85rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-tabella th {
	color: #6c8494;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	white-space: nowrap;
}

.gs-az[b-vwyxngmayo]  .gs-az-tabella td {
	vertical-align: middle;
}

.gs-az[b-vwyxngmayo]  .gs-az-col-codice {
	width: 6rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-col-data {
	width: 10rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-col-azioni {
	width: 1%;
	white-space: nowrap;
	text-align: right;
}

.gs-az[b-vwyxngmayo]  .gs-az-azione {
	color: #6c8494;
}

.gs-az[b-vwyxngmayo]  .gs-az-azione:hover {
	color: var(--gs-primary);
}

.gs-az[b-vwyxngmayo]  .gs-az-azione-elimina:hover {
	color: #dc3545;
}

.gs-az[b-vwyxngmayo]  .gs-az-riga-modifica {
	background: #fdf6df;
}

.gs-az[b-vwyxngmayo]  .gs-az-riga-modifica .form-control,
.gs-az[b-vwyxngmayo]  .gs-az-riga-modifica .form-select {
	min-width: 7rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-riga-modifica .gs-az-campo-stretto {
	min-width: 4.5rem;
}

/* Sezione Operatori. */
.gs-az[b-vwyxngmayo]  .gs-az-cerca {
	width: 16rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-barra-sezione {
	display: flex;
	justify-content: flex-end;
	margin-bottom: .5rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-gruppo-programmi {
	margin-bottom: .6rem;
	padding: .4rem .75rem .5rem;
	border: 1px solid #dbe8f1;
	border-radius: .6rem;
}

.gs-az[b-vwyxngmayo]  .gs-az-gruppo-programmi legend {
	float: none;
	width: auto;
	margin: 0;
	padding: 0 .3rem;
	color: var(--gs-sea-deep);
	font-size: .8rem;
	font-weight: 700;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/Mappa.razor.rz.scp.css */
/* Toolbar della Mappa: barra compatta che occupa solo lo spazio dei suoi controlli, in alto a
   sinistra sopra la piantina, con sfondo semitrasparente così la mappa resta visibile sotto.
   Tutti i controlli sono alti 31px (dimensione "sm" di Bootstrap). */

.gs-mtb[b-3i88ugo8y0] {
	position: absolute;
	top: .5rem;
	left: .5rem;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem;
	max-width: calc(100% - 1rem);
	padding: .25rem;
	border-radius: .6rem;
	background: rgba(255, 255, 255, .9);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0 2px 8px rgba(15, 45, 65, .2);
}

/* Spiaggia e permanenza: icona + combo, larghezza ridotta al necessario. */
.gs-mtb-spiaggia[b-3i88ugo8y0] {
	width: 14rem;
}

.gs-mtb-permanenza[b-3i88ugo8y0] {
	width: 10.5rem;
}

.gs-mtb-spiaggia .input-group-text[b-3i88ugo8y0],
.gs-mtb-permanenza .input-group-text[b-3i88ugo8y0] {
	padding-inline: .45rem;
	color: #11aeef;
	background: #fff;
}

.gs-mtb-spiaggia .form-select[b-3i88ugo8y0],
.gs-mtb-permanenza .form-select[b-3i88ugo8y0] {
	min-width: 0;
	padding-left: .4rem;
}

/* Dettaglio: gruppo di pulsanti compatti, quello attivo in colore primario. */
.gs-mtb-dettaglio[b-3i88ugo8y0] {
	min-width: 1.9rem;
	padding-inline: .45rem;
	border: 1px solid #cfe3f4;
	background: #fff;
	color: #2b5f8a;
	font-weight: 600;
}

.gs-mtb-dettaglio:hover[b-3i88ugo8y0] {
	background: #eaf4fc;
	color: #2b5f8a;
}

.gs-mtb-dettaglio.active[b-3i88ugo8y0],
.gs-mtb-dettaglio.active:hover[b-3i88ugo8y0] {
	border-color: #11aeef;
	background: #11aeef;
	color: #fff;
}

.gs-mtb-giorni[b-3i88ugo8y0] {
	width: 3.6rem;
	text-align: center;
}

/* Periodo: il selettore date di DevExpress, portato alla stessa altezza e font degli altri
   controlli (in dimensione "sm" ha 26px/12px). L'icona sta in posizione assoluta accanto al
   campo: avvolgere il componente in un input-group rompe la posizione del suo popup. */
.gs-mtb-periodo[b-3i88ugo8y0] {
	position: relative;
	width: 13.25rem;
	cursor: pointer;
}

.gs-mtb-periodo-icona[b-3i88ugo8y0] {
	position: absolute;
	left: .6rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	color: #11aeef;
	pointer-events: none;
}

.gs-mtb-periodo[b-3i88ugo8y0]  dxbl-date-range-picker {
	width: 100%;
	height: 31px;
	font-size: .875rem;
}

.gs-mtb-periodo[b-3i88ugo8y0]  .dxbl-text-edit-input {
	padding-left: 1.9rem;
	cursor: pointer;
}

/* "Oggi": accanto al periodo, con l'etichetta perché un'icona non dice cosa fa. */
.gs-mtb-oggi[b-3i88ugo8y0] {
	height: 31px;
	padding: 0 .65rem;
	background: #fff;
	font-weight: 600;
}

/* Al passaggio del mouse lo sfondo diventa primario: il testo passa a bianco, altrimenti resterebbe
   dello stesso colore dello sfondo e la scritta sparirebbe. */
.gs-mtb-oggi:hover[b-3i88ugo8y0],
.gs-mtb-oggi:focus-visible[b-3i88ugo8y0],
.gs-mtb-oggi:active[b-3i88ugo8y0] {
	border-color: #11aeef;
	background: #11aeef;
	color: #fff;
}

/* Pulsante di aggiornamento: quadrato, solo icona. */
.gs-mtb-azione[b-3i88ugo8y0] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	padding: 0;
}

/* Riquadri di avviso in basso al centro, sopra la piantina: vista attiva, funzione in corso, date consecutive. */
.gs-mappa-avvisi[b-3i88ugo8y0] {
	position: absolute;
	bottom: .75rem;
	left: 50%;
	z-index: 5;
	/* Un elemento a metà schermo (left: 50%) si restringe alla metà libera: la larghezza del contenuto evita che l'etichetta si tagli. */
	width: max-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .4rem;
	max-width: calc(100% - 1.5rem);
	transform: translateX(-50%);
	pointer-events: none;
}

.gs-mappa-avvisi > *[b-3i88ugo8y0] {
	pointer-events: auto;
}

/* Un riquadro di avviso. */
.gs-mappa-modo[b-3i88ugo8y0] {
	display: flex;
	align-items: center;
	gap: .5rem;
	max-width: 100%;
	padding: .3rem .4rem .3rem .8rem;
	border-radius: 1.2rem;
	background: #fff;
	box-shadow: 0 2px 8px rgba(15, 45, 65, .25);
	font-size: .85rem;
}

.gs-mappa-modo i[b-3i88ugo8y0] {
	color: #000;
}

/* Transazioni internet da contabilizzare: pulsante rosso in outline (bordo, icona e numero rossi su bianco); al passaggio del mouse si riempie di rosso. */
.gs-mtb-internet[b-3i88ugo8y0] {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	height: 31px;
	padding: 0 .5rem;
	border-color: #dc3545;
	background: #fff;
	color: #dc3545;
}

.gs-mtb-internet:hover:not(:disabled)[b-3i88ugo8y0],
.gs-mtb-internet:focus-visible[b-3i88ugo8y0] {
	border-color: #dc3545;
	background: #dc3545;
	color: #fff;
}

.gs-mtb-internet:hover:not(:disabled) .gs-mtb-internet-n[b-3i88ugo8y0],
.gs-mtb-internet:focus-visible .gs-mtb-internet-n[b-3i88ugo8y0] {
	background: #fff;
	color: #dc3545;
}

.gs-mtb-internet-n[b-3i88ugo8y0] {
	min-width: 1.35rem;
	padding: 0 .4rem;
	border-radius: .75rem;
	background: #dc3545;
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.35rem;
	text-align: center;
}

/* Il testo dell'avviso sta su una riga sola (su schermo stretto può andare a capo). */
@media (min-width: 768px) {
	.gs-mappa-modo span[b-3i88ugo8y0] {
		white-space: nowrap;
	}
}

.gs-mappa-modo .btn-close[b-3i88ugo8y0] {
	padding: .35rem;
	font-size: .7rem;
}

.gs-mappa-modo .btn[b-3i88ugo8y0] {
	white-space: nowrap;
}

/* Il testo si accorcia (con i puntini) se lo spazio non basta: pulsanti e X restano dentro il riquadro. */
.gs-mappa-modo > span[b-3i88ugo8y0] {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gs-mappa-modo > .btn[b-3i88ugo8y0],
.gs-mappa-modo > .btn-close[b-3i88ugo8y0],
.gs-mappa-modo > i[b-3i88ugo8y0] {
	flex: 0 0 auto;
}

.gs-mappa-modo[b-3i88ugo8y0] {
	padding-right: .6rem;
}

/* Periodo che non comprende oggi: il pulsante "Oggi" in ambra (nessun elemento in più). */
.gs-mtb-oggi.gs-mtb-nonoggi[b-3i88ugo8y0] {
	background: #ffc107;
	border-color: #e0a800;
	color: #4d3800;
	font-weight: 600;
	/* Segnale di attenzione: un alone che si allarga piano, senza muovere nulla. */
	animation: gs-mtb-segnale-b-3i88ugo8y0 2.4s ease-in-out infinite;
}

@keyframes gs-mtb-segnale-b-3i88ugo8y0 {
	0%, 100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, .65); }
	55% { box-shadow: 0 0 0 7px rgba(255, 193, 7, 0); }
}

/* Chi preferisce meno movimento (impostazione del sistema) vede solo il colore. */
@media (prefers-reduced-motion: reduce) {
	.gs-mtb-oggi.gs-mtb-nonoggi[b-3i88ugo8y0] { animation: none; }
}

.gs-mtb-oggi.gs-mtb-nonoggi:hover:not(:disabled)[b-3i88ugo8y0] {
	background: #ffcd39;
	color: #4d3800;
}

/* Stile C (23/10/2026): niente barra bianca, ogni gruppo di comandi è una pillola con ombra sopra la mappa, che resta visibile (e cliccabile) tra una
   pillola e l'altra. Sullo schermo largo il contenitore dei comandi non ha un riquadro suo e il carrello segue le altre pillole, allineato a sinistra. */
.gs-mtb-extra[b-3i88ugo8y0] {
	display: contents;
}

.gs-mtb[b-3i88ugo8y0] {
	right: .5rem;
	max-width: none;
	gap: .35rem;
	padding: 0;
	border-radius: 0;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
	/* Negli spazi tra le pillole i clic arrivano alla mappa. */
	pointer-events: none;
}

.gs-mtb > *[b-3i88ugo8y0],
.gs-mtb-extra > *[b-3i88ugo8y0],
.gs-mtb[b-3i88ugo8y0]  .gs-cart,
.gs-mtb[b-3i88ugo8y0]  .gs-cart-svuota-pill {
	pointer-events: auto;
}

.gs-mtb-pill[b-3i88ugo8y0],
.gs-mtb[b-3i88ugo8y0]  .gs-cart-svuota-pill {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .2rem;
	border-radius: 2rem;
	background: #fff;
	box-shadow: 0 2px 8px rgba(15, 45, 65, .22);
}

/* Dentro la pillola i controlli non hanno bordo: li separa la forma della pillola. */
.gs-mtb-pill .input-group[b-3i88ugo8y0] {
	flex-wrap: nowrap;
}

.gs-mtb-pill .input-group-text[b-3i88ugo8y0],
.gs-mtb-pill .form-select[b-3i88ugo8y0],
.gs-mtb-pill .form-control[b-3i88ugo8y0] {
	border: 0;
	border-radius: 1.5rem;
	background-color: transparent;
	box-shadow: none;
}

.gs-mtb-pill .gs-mtb-dettagli[b-3i88ugo8y0] {
	gap: .15rem;
}

.gs-mtb-pill .gs-mtb-dettaglio[b-3i88ugo8y0] {
	border: 0;
	border-radius: 1.5rem !important;
	margin-left: 0 !important;
}

.gs-mtb-pill .gs-mtb-periodo[b-3i88ugo8y0]  dxbl-date-range-picker,
.gs-mtb-pill .gs-mtb-periodo[b-3i88ugo8y0]  .dxbl-text-edit {
	border-color: transparent !important;
	border-radius: 1.5rem;
	background-color: transparent;
	box-shadow: none;
}

.gs-mtb-pill .gs-mtb-giorni[b-3i88ugo8y0] {
	width: 3.2rem;
	border: 1px solid #cfe3f4;
	background-color: #f7fbfe;
}

.gs-mtb-pill .btn[b-3i88ugo8y0],
.gs-mtb[b-3i88ugo8y0]  .gs-cart-svuota-pill .btn {
	border-color: transparent;
	border-radius: 1.5rem;
}

/* Il carrello, una pillola gialla a parte. */
.gs-mtb[b-3i88ugo8y0]  .gs-cart {
	box-shadow: 0 2px 8px rgba(15, 45, 65, .22);
	border-radius: 1.5rem;
}

/* Alto quanto le pillole: i 31 px dei controlli più il margine interno della pillola (.2rem sopra e sotto). */
.gs-mtb[b-3i88ugo8y0]  .gs-cart-principale,
.gs-mtb[b-3i88ugo8y0]  .gs-cart-freccia {
	height: calc(31px + .4rem);
}

.gs-mtb[b-3i88ugo8y0]  .gs-cart-principale {
	border-top-left-radius: 1.5rem;
	border-bottom-left-radius: 1.5rem;
}

.gs-mtb[b-3i88ugo8y0]  .gs-cart-freccia {
	border-top-right-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
}

/* Telefono: la spiaggia prende lo spazio che resta accanto al dettaglio; permanenza e numero di giorni non servono (vale il periodo) e non si mostrano. */
@media (max-width: 767.98px) {
	.gs-mtb-pill-spiaggia[b-3i88ugo8y0] {
		flex: 1 1 0;
		min-width: 9rem;
	}

	.gs-mtb-spiaggia[b-3i88ugo8y0] {
		flex: 1;
		min-width: 0;
		width: auto;
	}

	.gs-mtb-solo-largo[b-3i88ugo8y0],
	.gs-mtb .gs-mtb-extra .gs-mtb-giorni[b-3i88ugo8y0] {
		display: none;
	}
}

/* Ricerca dell'ospite: ultima pillola della toolbar, a destra (margin-left: auto) sulla stessa riga. Solo da PC (mouse e schermo largo); da telefono e da
   tablet c'è il pulsante tondo sopra quello delle utilità (MappaUtility.razor.css lo nasconde con la stessa condizione). */
.gs-mtb-ospite[b-3i88ugo8y0] {
	display: none;
	/* Elastico: parte da 9 rem e si allarga fino a 14 rem nello spazio che resta sulla riga, così sta in linea anche sui PC meno larghi. */
	margin-left: auto;
	flex: 1 1 9rem;
	max-width: 14rem;
}

.gs-mtb-ospite-icona[b-3i88ugo8y0] {
	flex-shrink: 0;
	padding-left: .5rem;
	color: #11aeef;
}

.gs-mtb-ospite-input[b-3i88ugo8y0] {
	flex: 1;
	min-width: 0;
	height: 31px;
	padding-left: .3rem;
	padding-right: .2rem;
}

.gs-mtb-ospite-cerca[b-3i88ugo8y0] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 31px;
	height: 31px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #eaf7fd;
	color: #11aeef;
}

.gs-mtb-ospite-cerca:hover[b-3i88ugo8y0] {
	background: #11aeef;
	color: #fff;
}

@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
	.gs-mtb-ospite[b-3i88ugo8y0] {
		display: inline-flex;
	}
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaCanvas.razor.rz.scp.css */
.gs-piantina[b-juoiuhx8e4] {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background: #e8eef3;
	cursor: grab;
	user-select: none;
	touch-action: none;
}

.gs-piantina.gs-trascinando[b-juoiuhx8e4] {
	cursor: grabbing;
}

/* Contenitore di immagine e risorse: pan e zoom lo muovono con una sola trasformazione
   (impostata dal modulo JS), così le risorse restano in coordinate dell'immagine. */
.gs-piantina-mondo[b-juoiuhx8e4] {
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: 0 0;
	will-change: transform;
}

.gs-piantina-img[b-juoiuhx8e4] {
	display: block;
	max-width: none;
	pointer-events: none;
	-webkit-user-drag: none;
}

.gs-risorsa[b-juoiuhx8e4] {
	position: absolute;
	box-sizing: border-box;
	width: var(--rw);
	height: var(--rh);
	border: 2px solid transparent;
	border-radius: var(--rr);
	font-size: var(--rf);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.gs-risorsa[b-juoiuhx8e4] {
	transition: transform .12s ease, box-shadow .12s ease;
}

/* Passaggio del mouse: il posto si ingrandisce un po' e ha un anello nero, lo stesso nero del bordo dei posti selezionati (il bianco di prima
   su sfondi chiari non si vedeva), con un'ombra morbida. Solo con il mouse: sul tocco resterebbe "appiccicato" al posto toccato. */
@media (hover: hover) {
	.gs-risorsa:hover[b-juoiuhx8e4] {
		transform: scale(1.18);
		box-shadow: 0 0 0 3px #000, 0 4px 12px rgba(0, 0, 0, .45);
		z-index: 3;
	}
}

.gs-risorsa img[b-juoiuhx8e4] {
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
}

/* Visibile solo se l'immagine di sfondo non si carica. */
.gs-piantina-assente[b-juoiuhx8e4] {
	display: none;
	position: absolute;
	inset: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	color: #6c7a89;
	pointer-events: none;
}

.gs-piantina-assente i[b-juoiuhx8e4] {
	font-size: 2.5rem;
}

.gs-piantina[data-img="errore"] .gs-piantina-assente[b-juoiuhx8e4] {
	display: flex;
}

.gs-piantina-controlli[b-juoiuhx8e4] {
	position: absolute;
	left: .75rem;
	bottom: .75rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .25rem;
	cursor: default;
}

/* L'ultima riga: "riempi la finestra" e "Legenda" affiancati. */
.gs-piantina-controlli-riga[b-juoiuhx8e4] {
	display: flex;
	gap: .25rem;
}

.gs-piantina-caricamento[b-juoiuhx8e4] {
	position: absolute;
	right: .75rem;
	top: .75rem;
	padding: .35rem .5rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	pointer-events: none;
}

.gs-piantina-posti[b-juoiuhx8e4] {
	position: absolute;
	right: .75rem;
	bottom: .75rem;
	padding: .35rem .9rem;
	border-radius: 1rem;
	background: #fff;
	color: #212529;
	font-weight: 600;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	pointer-events: none;
}

.gs-piantina-posti.gs-posti-medi[b-juoiuhx8e4] {
	background: #ffe14d;
}

.gs-piantina-posti.gs-posti-pochi[b-juoiuhx8e4] {
	background: #dc3545;
	color: #fff;
}

/* Scheda rapida al passaggio del mouse su un posto occupato: titolo, riferimenti, tre importi in evidenza, poi posti e addebiti
   in righe a colonne. Si apre a destra e sotto il cursore; vicino ai bordi a sinistra o sopra. */
.gs-scheda-rapida[b-juoiuhx8e4] {
	position: fixed;
	z-index: 20;
	width: 22rem;
	max-width: 92vw;
	max-height: min(30rem, 80vh);
	overflow: hidden;
	padding: .65rem .8rem;
	border-radius: .6rem;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 6px 20px rgba(15, 45, 65, .35);
	font-size: .75rem;
	line-height: 1.35;
	color: #1e3a4c;
	pointer-events: none;
}

.gs-scheda-rapida.gs-sr-sinistra[b-juoiuhx8e4] {
	transform: translateX(-100%);
}

.gs-scheda-rapida.gs-sr-sopra[b-juoiuhx8e4] {
	transform: translateY(-100%);
}

.gs-scheda-rapida.gs-sr-sinistra.gs-sr-sopra[b-juoiuhx8e4] {
	transform: translate(-100%, -100%);
}

.gs-sr-titolo[b-juoiuhx8e4] {
	font-size: .9rem;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gs-sr-riferimenti[b-juoiuhx8e4] {
	color: #5b6b78;
	font-size: .72rem;
}

.gs-sr-importi[b-juoiuhx8e4] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .3rem;
	margin: .5rem 0 .3rem;
}

.gs-sr-importi > div[b-juoiuhx8e4] {
	padding: .25rem .4rem;
	border-radius: .35rem;
	background: #f4f7f9;
	text-align: center;
}

.gs-sr-importi span[b-juoiuhx8e4] {
	display: block;
	color: #6c7a86;
	font-size: .65rem;
	text-transform: uppercase;
	letter-spacing: .03em;
}

.gs-sr-importi strong[b-juoiuhx8e4] {
	font-size: .85rem;
}

.gs-sr-ok[b-juoiuhx8e4] {
	color: #198754;
}

.gs-sr-ko[b-juoiuhx8e4] {
	color: #dc3545;
}

.gs-sr-nota[b-juoiuhx8e4] {
	color: #6c7a86;
	font-size: .7rem;
}

.gs-sr-sezione[b-juoiuhx8e4] {
	margin: .5rem 0 .15rem;
	padding-top: .35rem;
	border-top: 1px solid #eee5d1;
	color: #1f5c8a;
	font-size: .65rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.gs-sr-pallino[b-juoiuhx8e4] {
	display: inline-block;
	width: .6rem;
	height: .6rem;
	margin-right: .35rem;
	border: 1px solid rgba(0, 0, 0, .45);
	border-radius: 50%;
	vertical-align: -1px;
}

.gs-sr-fascia-titolo[b-juoiuhx8e4] {
	font-weight: 600;
}

.gs-sr-riga[b-juoiuhx8e4] {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: .6rem;
	padding: .08rem 0;
}

.gs-sr-riga span[b-juoiuhx8e4] {
	color: #5b6b78;
}

.gs-sr-riga em[b-juoiuhx8e4] {
	min-width: 3.5rem;
	font-style: normal;
	text-align: right;
}

.gs-sr-altri[b-juoiuhx8e4] {
	color: #6c7a86;
	font-style: italic;
}

.gs-sr-testo[b-juoiuhx8e4] {
	white-space: pre-line;
}

/* Modalità colore 3 (fasce orarie): ogni fascia occupata disegna la sua parte del posto. Mattina a sinistra, pomeriggio a destra,
   sera in una striscia in basso (e allora mattina e pomeriggio occupano solo la metà alta). */
.gs-fascia[b-juoiuhx8e4] {
	position: absolute;
	box-sizing: border-box;
	border: 2px solid transparent;
	pointer-events: none;
}

.gs-fascia-m[b-juoiuhx8e4] {
	border-radius: calc(var(--rr) * 2) 0 0 calc(var(--rr) * 2) / var(--rr) 0 0 var(--rr);
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

.gs-fascia-p[b-juoiuhx8e4] {
	border-radius: 0 calc(var(--rr) * 2) calc(var(--rr) * 2) 0 / 0 var(--rr) var(--rr) 0;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
}

.gs-fascia-s[b-juoiuhx8e4] {
	border-radius: 0 0 var(--rr) var(--rr) / 0 0 calc(var(--rr) * 2) calc(var(--rr) * 2);
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
}

.gs-fascia-m.gs-fascia-con-sera[b-juoiuhx8e4],
.gs-fascia-p.gs-fascia-con-sera[b-juoiuhx8e4] {
	height: 50%;
}

.gs-fascia-m.gs-fascia-con-sera[b-juoiuhx8e4] {
	border-radius: calc(var(--rr) * 2) 0 0 0 / calc(var(--rr) * 2) 0 0 0;
}

.gs-fascia-p.gs-fascia-con-sera[b-juoiuhx8e4] {
	border-radius: 0 calc(var(--rr) * 2) 0 0 / 0 calc(var(--rr) * 2) 0 0;
}

/* Modalità colore 2 (attrezzatura): la scritta sul posto. */
.gs-risorsa-testo[b-juoiuhx8e4] {
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 1.05;
	font-weight: 600;
	pointer-events: none;
}

/* Posto trovato con la ricerca ospite o selezionato da questo terminale (giallo con bordo nero): un alone che pulsa. */
.gs-risorsa-evidenziata[b-juoiuhx8e4],
.gs-risorsa-selezionata[b-juoiuhx8e4] {
	z-index: 2;
	animation: gs-pulsa-b-juoiuhx8e4 1.2s ease-in-out infinite;
}

@keyframes gs-pulsa-b-juoiuhx8e4 {
	/* L'alone nero nasce da fuori del bordo e si allarga svanendo. */
	0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, .65); }
	70%, 100% { box-shadow: 0 0 0 9px rgba(0, 0, 0, 0); }
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaCarrello.razor.rz.scp.css */
/* Carrello nella toolbar della Mappa: pulsante diviso giallo (principale = vai al conto, freccia =
   riepilogo) con pannello a tendina del dropdown di Bootstrap. */

/* La freccia (outline) ha lo sfondo bianco: fuori dalla barra, sulla mappa, altrimenti sarebbe trasparente. */
.gs-cart-freccia:not(:hover):not(.show)[b-ywnqjqxwzx] {
	background-color: #fff;
}

.gs-cart-principale[b-ywnqjqxwzx],
.gs-cart-freccia[b-ywnqjqxwzx] {
	height: 31px;
	font-weight: 600;
}

.gs-cart-principale[b-ywnqjqxwzx] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: 0 .65rem;
	white-space: nowrap;
}

.gs-cart-nr[b-ywnqjqxwzx] {
	min-width: 1.35rem;
	padding: 0 .35rem;
	border-radius: 1rem;
	background: #fff;
	color: #212529;
	font-size: .8rem;
	line-height: 1.35rem;
	text-align: center;
}

.gs-cart-pannello[b-ywnqjqxwzx] {
	width: 15rem;
	max-width: calc(100vw - 2rem);
	padding: .3rem;
	border: 0;
	border-radius: .9rem;
	box-shadow: 0 6px 20px rgba(15, 45, 65, .22);
	font-size: .78rem;
	line-height: 1.25;
}

.gs-cart-titolo[b-ywnqjqxwzx] {
	margin-bottom: .4rem;
	color: #2b5f8a;
	font-size: .9rem;
	font-weight: 700;
}

.gs-cart-elenco[b-ywnqjqxwzx] {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	max-height: 40vh;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	list-style: none;
}

/* Una riga per posto: etichetta del posto, periodo, importo, rimozione (visibile al passaggio del mouse). */
.gs-cart-elenco li[b-ywnqjqxwzx] {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	align-items: center;
	gap: .4rem;
	padding: .2rem .3rem;
	border-radius: .55rem;
	transition: background-color .12s;
}

.gs-cart-elenco li:hover[b-ywnqjqxwzx] {
	background: #f1f6fa;
}

.gs-cart-posto[b-ywnqjqxwzx] {
	min-width: 2rem;
	padding: .05rem .4rem;
	border-radius: 1rem;
	background: #e6f1fa;
	color: #1a5a8c;
	font-weight: 700;
	text-align: center;
}

.gs-cart-periodo[b-ywnqjqxwzx] {
	color: #5d6b79;
	white-space: nowrap;
}

.gs-cart-periodo small[b-ywnqjqxwzx] {
	color: #8a97a4;
}

.gs-cart-importo[b-ywnqjqxwzx] {
	min-width: 3.2rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.gs-cart-rimuovi[b-ywnqjqxwzx] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.3rem;
	height: 1.3rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	color: #a9b4be;
	font-size: .65rem;
	line-height: 1;
}

.gs-cart-rimuovi:hover[b-ywnqjqxwzx] {
	background: #fde8ea;
	color: #dc3545;
}

.gs-cart-totale[b-ywnqjqxwzx] {
	display: flex;
	justify-content: space-between;
	margin-top: .5rem;
	font-size: 1rem;
}

.gs-cart-azioni[b-ywnqjqxwzx] {
	display: flex;
	justify-content: space-between;
	margin-top: .6rem;
}

/* Gruppo a date consecutive: intestazione color crema con il totale e posti rientrati, con importi in grigio
   (il prezzo è quello del gruppo, calcolato sulla permanenza dell'intero periodo). */
.gs-cart-elenco li.gs-cart-gruppo[b-ywnqjqxwzx] {
	grid-template-columns: auto 1fr auto;
	margin-top: .15rem;
	background: #fdf3d3;
	font-weight: 600;
}

.gs-cart-gruppo i[b-ywnqjqxwzx] {
	color: #8a6a00;
}

.gs-cart-gruppo-titolo small[b-ywnqjqxwzx] {
	display: block;
	color: #7d6a2e;
	font-weight: 400;
}

.gs-cart-elenco li.gs-cart-membro[b-ywnqjqxwzx] {
	margin-left: .6rem;
	border-left: 2px solid #f0d98a;
	border-radius: 0 .55rem .55rem 0;
}

.gs-cart-importo-parziale[b-ywnqjqxwzx] {
	color: #8a97a4;
	font-weight: 400;
}

.gs-cart-agenzia[b-ywnqjqxwzx] {
	margin-left: .2rem;
	color: #e0a800;
	font-size: .75rem;
}

/* Pulsante "Vai al conto" in outline (bordo giallo) con il testo e l'icona neri, anche al passaggio del mouse. */
.gs-cart-principale[b-ywnqjqxwzx],
.gs-cart-principale:hover[b-ywnqjqxwzx],
.gs-cart-principale:focus[b-ywnqjqxwzx],
.gs-cart-principale:active[b-ywnqjqxwzx] {
	color: #212529;
}

/* "Svuota": stesso aspetto di ZL / Oggi (definito nella pagina Mappa, che con lo scope CSS non arriva qui), in colore danger. */
.gs-cart-svuota[b-ywnqjqxwzx] {
	height: 31px;
	padding: 0 .65rem;
	background: #fff;
	font-weight: 600;
}

.gs-cart-svuota:hover[b-ywnqjqxwzx],
.gs-cart-svuota:focus-visible[b-ywnqjqxwzx],
.gs-cart-svuota:active[b-ywnqjqxwzx] {
	border-color: var(--bs-danger);
	background: var(--bs-danger);
	color: #fff;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaGriglia.razor.rz.scp.css */
.gs-gr[b-5hz07vja3n] {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background: #fee0a6;
	cursor: grab;
	user-select: none;
	touch-action: none;
}

.gs-gr.gs-gr-trascina[b-5hz07vja3n] {
	cursor: grabbing;
}

/* Il mare in alto, come nel vecchio. */
.gs-gr-mare[b-5hz07vja3n] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 50px;
	background-image: url('/images/icons/maps/mare.svg');
	background-repeat: repeat-x;
	pointer-events: none;
}

/* La griglia si sposta e si ingrandisce con una sola trasformazione (MappaGriglia.razor.js). */
.gs-gr-mondo[b-5hz07vja3n] {
	position: absolute;
	top: 0;
	left: 0;
	width: max-content;
	transform-origin: 0 0;
	/* Resta nascosta finché lo script non l'ha adattata alla finestra (poi riceve gs-gr-pronto): senza, si vede prima alla grandezza piena e poi
	   "scatta" più piccola. Se lo script non parte, dopo due secondi si mostra comunque. */
	visibility: hidden;
	animation: gs-gr-mostra-b-5hz07vja3n 0s 2s forwards;
}

.gs-gr-mondo.gs-gr-pronto[b-5hz07vja3n] {
	visibility: visible;
	animation: none;
}

@keyframes gs-gr-mostra-b-5hz07vja3n {
	to { visibility: visible; }
}

/* Pulsanti dello zoom, come sulla piantina. */
.gs-gr-controlli[b-5hz07vja3n] {
	position: absolute;
	left: .75rem;
	bottom: .75rem;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .25rem;
	cursor: default;
}

/* L'ultima riga: "tutta la griglia" e "Legenda" affiancati. */
.gs-gr-controlli-riga[b-5hz07vja3n] {
	display: flex;
	gap: .25rem;
}

/* Lascia spazio alla barra degli strumenti in alto e ai pulsanti in basso. */
.gs-gr-tabella[b-5hz07vja3n] {
	display: grid;
	gap: 10px;
	width: max-content;
	padding: 60px 20px 70px 20px;
}

.gs-gr-cella[b-5hz07vja3n] {
	box-sizing: border-box;
	overflow: hidden;
	padding: 2px;
	border: 3px solid rgba(0, 0, 0, .8);
	border-radius: 5px;
	color: #fff;
	font-size: 1rem;
	cursor: pointer;
}

/* Passaggio del mouse: anello nero, lo stesso nero del bordo dei posti selezionati (il bianco di prima sullo sfondo chiaro non si vedeva), con un'ombra morbida. Solo con il mouse (sul tocco resterebbe sul posto toccato). */
@media (hover: hover) {
	.gs-gr-cella:hover[b-5hz07vja3n] {
		box-shadow: 0 0 0 3px #000, 0 4px 12px rgba(0, 0, 0, .45);
		z-index: 3;
	}
}

.gs-gr-posto[b-5hz07vja3n] {
	display: grid;
	width: 100%;
	grid-template-areas:
		'id att'
		'ag ag'
		'periodo periodo'
		'intestazione icona';
	grid-template-columns: 1fr auto;
	font-size: 10px;
	line-height: 1.25;
}

.gs-gr-id[b-5hz07vja3n] {
	grid-area: id;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}

.gs-gr-att[b-5hz07vja3n] {
	grid-area: att;
	font-size: 12px;
	font-weight: 700;
	text-align: right;
}

.gs-gr-ag[b-5hz07vja3n] {
	grid-area: ag;
	overflow: hidden;
	font-weight: 700;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gs-gr-periodo[b-5hz07vja3n] {
	grid-area: periodo;
	text-align: left;
}

.gs-gr-intestazione[b-5hz07vja3n] {
	grid-area: intestazione;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gs-gr-icona[b-5hz07vja3n] {
	grid-area: icona;
	text-align: right;
}

.gs-gr-stato[b-5hz07vja3n] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.gs-gr-testo[b-5hz07vja3n] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #212529;
	font-size: 1rem;
	font-weight: 700;
}

.gs-gr-immagine[b-5hz07vja3n] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.gs-gr-immagine img[b-5hz07vja3n] {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Posto selezionato: bordo nero e un alone nero che pulsa, come sulla piantina. */
.gs-gr-selezionata[b-5hz07vja3n],
.gs-gr-evidenziata[b-5hz07vja3n] {
	z-index: 2;
	animation: gs-gr-pulsa-b-5hz07vja3n 1.2s ease-in-out infinite;
}

.gs-gr-selezionata[b-5hz07vja3n],
.gs-gr-evidenziata[b-5hz07vja3n] {
	border-color: #000 !important;
}

@keyframes gs-gr-pulsa-b-5hz07vja3n {
	0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, .65); }
	70%, 100% { box-shadow: 0 0 0 9px rgba(0, 0, 0, 0); }
}

.gs-gr-caricamento[b-5hz07vja3n] {
	position: absolute;
	top: .6rem;
	right: .75rem;
	z-index: 5;
}

.gs-gr-vuoto[b-5hz07vja3n] {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: .6rem 1rem;
	border-radius: .6rem;
	background: #fff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	transform: translate(-50%, -50%);
}

.gs-gr-posti[b-5hz07vja3n] {
	position: absolute;
	right: .75rem;
	bottom: .75rem;
	z-index: 4;
	padding: .35rem .9rem;
	border-radius: 1rem;
	background: #fff;
	color: #212529;
	font-weight: 600;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	pointer-events: none;
}

.gs-gr-posti.gs-posti-medi[b-5hz07vja3n] {
	background: #ffe14d;
}

.gs-gr-posti.gs-posti-pochi[b-5hz07vja3n] {
	background: #dc3545;
	color: #fff;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaLegenda.razor.rz.scp.css */
/* Popup a sinistra della mappa, sopra i pulsanti dello zoom e della legenda. */
.gs-legenda[b-rmpime2y8r] {
	position: absolute;
	left: .75rem;
	bottom: 7.5rem;
	z-index: 6;
	display: flex;
	flex-direction: column;
	width: 16rem;
	max-width: calc(100% - 1.5rem);
	max-height: calc(100% - 9rem);
	border-radius: .6rem;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 6px 20px rgba(15, 45, 65, .35);
	color: #1e3a4c;
	font-size: .8rem;
}

.gs-legenda-testa[b-rmpime2y8r] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .45rem .6rem .45rem .8rem;
	border-bottom: 1px solid #eee5d1;
	font-weight: 700;
}

.gs-legenda-corpo[b-rmpime2y8r] {
	overflow-y: auto;
	padding: .3rem .8rem .6rem;
}

.gs-legenda-sezione h6[b-rmpime2y8r] {
	margin: .6rem 0 .25rem;
	color: #1f5c8a;
	font-size: .65rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.gs-legenda-sezione ul[b-rmpime2y8r] {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gs-legenda-sezione li[b-rmpime2y8r] {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .12rem 0;
}

.gs-legenda-colore[b-rmpime2y8r] {
	flex: none;
	box-sizing: border-box;
	width: 1.1rem;
	height: .8rem;
	border: 1px solid rgba(0, 0, 0, .45);
	border-radius: 3px;
}

/* Il pagamento è il bordo del posto: campione vuoto con il bordo spesso del colore. */
.gs-legenda-colore.gs-legenda-bordo[b-rmpime2y8r] {
	border-width: 3px;
	background: #fff;
}

.gs-legenda-nome[b-rmpime2y8r] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gs-legenda-vuota[b-rmpime2y8r] {
	color: #6c7a86;
	font-style: italic;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaLiberaPosto.razor.rz.scp.css */
.gs-lp-data[b-etupyn3m1h] {
	min-width: 9.5rem;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaOccupazioni.razor.rz.scp.css */
.gs-occ-azioni[b-zngs0td0yd] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .3rem;
	min-width: 13rem;
}

/* Un solo pulsante (posto riservato) occupa tutta la riga. */
.gs-occ-azioni > .btn:only-child[b-zngs0td0yd] {
	grid-column: 1 / -1;
}

.gs-occ-azioni .btn[b-zngs0td0yd] {
	white-space: nowrap;
}

.gs-occ-importo[b-zngs0td0yd] {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: .85rem;
}

.gs-occ-importo span[b-zngs0td0yd] {
	color: #6c7a86;
}

.gs-occ-stato[b-zngs0td0yd] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
	border: 1px solid #bfe6f8;
	font-weight: 600;
}

.gs-occ-stato-giorno[b-zngs0td0yd] {
	display: flex;
	justify-content: center;
	gap: .4rem;
}

.gs-occ-stato-giorno img[b-zngs0td0yd] {
	width: 24px;
	height: 24px;
}

.gs-occ-note[b-zngs0td0yd] {
	min-width: 12rem;
}

/* Intestazione: colonna larga; oltre la larghezza massima il testo si tronca con i puntini (il testo intero è nel suggerimento). */
.gs-occ-col-intestazione[b-zngs0td0yd] {
	min-width: 14rem;
}

.gs-occ-intestazione[b-zngs0td0yd] {
	max-width: 18rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Posto: l'elenco dei posti del conto può essere lungo; oltre la larghezza massima si tronca con i puntini (l'elenco intero è nel suggerimento). */
.gs-occ-col-posto[b-zngs0td0yd] {
	min-width: 6rem;
}

.gs-occ-posto[b-zngs0td0yd] {
	max-width: 9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Registrazione: cella larga, con le tre righe che non vanno a capo e il testo un po' più grande. */
.gs-occ-col-registrazione[b-zngs0td0yd] {
	min-width: 19rem;
}

.gs-occ-registrazione[b-zngs0td0yd] {
	font-size: .85rem;
	line-height: 1.35;
}

/* Finestra più larga del modal-xl di Bootstrap, così la tabella sta senza scorrimento orizzontale. */
.gs-occ-dialogo[b-zngs0td0yd] {
	max-width: min(88rem, 96vw);
}

.gs-occ-note .btn-link[b-zngs0td0yd] {
	font-size: .78rem;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaPassCampeggio.razor.rz.scp.css */
/* Il selettore del periodo ha la stessa altezza degli altri campi della finestra (form-control-sm di Bootstrap: 31px). */
.gs-pass-periodo[b-uki28vs1rc]  dxbl-date-range-picker {
	min-height: 31px;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaProprieta.razor.rz.scp.css */
.gs-mp-gruppo[b-u0izsq9as0] {
	margin: 1rem 0 .4rem;
	padding-bottom: .25rem;
	border-bottom: 1px solid var(--gs-sand-dark);
	color: var(--gs-sea-deep);
	font-size: .85rem;
	font-weight: 700;
}

fieldset[b-u0izsq9as0] {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaRicercaCliente.razor.rz.scp.css */
.gs-ric-dialogo[b-4xnm5lwwkw] {
	max-width: min(80rem, 96vw);
}

.gs-ric-azioni[b-4xnm5lwwkw] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .3rem;
	min-width: 12rem;
}

.gs-ric-azioni .btn[b-4xnm5lwwkw] {
	white-space: nowrap;
}

.gs-ric-col-intestazione[b-4xnm5lwwkw] {
	min-width: 14rem;
}

.gs-ric-intestazione[b-4xnm5lwwkw] {
	max-width: 20rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Posto assegnato a un'agenzia diversa da quella d'origine. */
.gs-ric-diversa[b-4xnm5lwwkw] {
	color: #b88700;
	font-weight: 700;
}

/* Posto: colonna stretta; con più posti il testo si tronca con i puntini (l'elenco intero è nel suggerimento). */
.gs-ric-col-posto[b-4xnm5lwwkw] {
	width: 8rem;
}

.gs-ric-posto[b-4xnm5lwwkw] {
	max-width: 8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Mappa/MappaUtility.razor.rz.scp.css */
/* Pulsante flottante sopra "Posti disponibili" (in basso a destra della piantina). */
.gs-ut-fab[b-2mwgp3jwdg] {
	position: absolute;
	right: .75rem;
	bottom: 3.5rem;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border: 0;
	border-radius: 50%;
	background: var(--gs-primary);
	color: #fff;
	font-size: 1.25rem;
	box-shadow: 0 4px 14px rgba(17, 174, 239, .55), 0 2px 4px rgba(15, 45, 65, .25);
	transition: transform .18s ease, background .18s ease;
}

@media (hover: hover) {
	.gs-ut-fab:hover[b-2mwgp3jwdg] {
		background: var(--gs-primary-hover);
		transform: scale(1.06);
	}
}

/* Ricerca ospite: sopra il pulsante delle utilità, a mezza spaziatura di distanza. */
.gs-ut-fab-ricerca[b-2mwgp3jwdg] {
	bottom: 7rem;
}

.gs-ut-fab.aperto[b-2mwgp3jwdg] {
	z-index: 9;
	background: var(--gs-sea-deep);
	transform: rotate(90deg);
}

/* Velo dietro il pannello: un tocco fuori lo chiude. */
.gs-ut-velo[b-2mwgp3jwdg] {
	position: fixed;
	inset: 0;
	z-index: 7;
	background: rgba(15, 45, 65, .25);
	animation: gs-ut-velo-b-2mwgp3jwdg .18s ease;
}

.gs-ut-pannello[b-2mwgp3jwdg] {
	position: absolute;
	right: .75rem;
	bottom: 7rem;
	z-index: 8;
	display: flex;
	flex-direction: column;
	width: min(25rem, calc(100% - 1.5rem));
	max-height: min(36rem, calc(100% - 8.5rem));
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 12px 36px rgba(15, 45, 65, .35);
	overflow: hidden;
	transform-origin: bottom right;
	animation: gs-ut-sale-b-2mwgp3jwdg .2s ease;
}

.gs-ut-testa[b-2mwgp3jwdg] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .75rem 1rem;
	border-bottom: 1px solid var(--gs-sand-dark);
}

.gs-ut-titolo[b-2mwgp3jwdg] {
	color: var(--gs-ink);
	font-size: 1.05rem;
	font-weight: 600;
}

.gs-ut-titolo i[b-2mwgp3jwdg] {
	margin-right: .35rem;
	color: var(--gs-primary);
}

.gs-ut-corpo[b-2mwgp3jwdg] {
	padding: .25rem .75rem .9rem;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.gs-ut-gruppo[b-2mwgp3jwdg] {
	margin: .8rem .15rem .4rem;
	color: var(--gs-sea-deep);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.gs-ut-griglia[b-2mwgp3jwdg] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: .7rem .45rem;
}

.gs-ut-voce[b-2mwgp3jwdg] {
	position: relative;
	display: flex;
	align-items: center;
	gap: .55rem;
	min-height: 3.4rem;
	padding: .45rem .55rem;
	border: 1px solid var(--gs-sand-dark);
	border-radius: .7rem;
	background: #fff;
	color: var(--gs-ink);
	text-align: left;
	transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.gs-ut-voce:hover:not(:disabled)[b-2mwgp3jwdg] {
	border-color: var(--gs-primary);
	background: var(--gs-primary-light);
	transform: translateY(-1px);
}

.gs-ut-voce:active:not(:disabled)[b-2mwgp3jwdg] {
	transform: scale(.98);
}

.gs-ut-icona[b-2mwgp3jwdg] {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: .6rem;
	background: var(--gs-primary-light);
	color: var(--gs-primary);
	font-size: 1.05rem;
}

.gs-ut-testo[b-2mwgp3jwdg] {
	display: flex;
	min-width: 0;
	flex-direction: column;
	line-height: 1.2;
}

.gs-ut-testo strong[b-2mwgp3jwdg] {
	font-size: .8rem;
	font-weight: 600;
}

.gs-ut-testo small[b-2mwgp3jwdg] {
	color: #6c7a86;
	font-size: .66rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Voci non ancora sviluppate: tenui, con l'etichetta "Presto". */
.gs-ut-voce.spenta[b-2mwgp3jwdg] {
	border-style: dashed;
	background: #fafbfc;
}

.gs-ut-voce.spenta .gs-ut-icona[b-2mwgp3jwdg] {
	background: #eef1f4;
	color: #9aa8b4;
}

.gs-ut-voce.spenta .gs-ut-testo strong[b-2mwgp3jwdg] {
	color: #6c7a86;
}

.gs-ut-presto[b-2mwgp3jwdg] {
	position: absolute;
	top: -.45rem;
	right: .55rem;
	border: 1px solid #fff;
	padding: 0 .35rem;
	border-radius: .6rem;
	background: #fff3cd;
	color: #8a6d00;
	font-size: .55rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}

@keyframes gs-ut-sale-b-2mwgp3jwdg {
	from { opacity: 0; transform: translateY(10px) scale(.97); }
	to { opacity: 1; transform: none; }
}

@keyframes gs-ut-velo-b-2mwgp3jwdg {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Telefono: il pannello è un foglio che sale dal basso, a tutta larghezza, con riquadri più grandi da toccare. */
@media (max-width: 575.98px) {
	.gs-ut-pannello[b-2mwgp3jwdg] {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		max-height: 80vh;
		border-radius: 1.1rem 1.1rem 0 0;
		transform-origin: bottom center;
		animation: gs-ut-foglio-b-2mwgp3jwdg .22s ease;
	}

	.gs-ut-voce[b-2mwgp3jwdg] {
		min-height: 3.9rem;
	}

	.gs-ut-testo strong[b-2mwgp3jwdg] {
		font-size: .85rem;
	}

	.gs-ut-testo small[b-2mwgp3jwdg] {
		font-size: .7rem;
	}

	.gs-ut-fab.aperto[b-2mwgp3jwdg] {
		display: none;
	}
}

@keyframes gs-ut-foglio-b-2mwgp3jwdg {
	from { transform: translateY(100%); }
	to { transform: none; }
}

/* Voce accesa: una vista sulla mappa o una funzione in corso. */
.gs-ut-voce.accesa[b-2mwgp3jwdg] {
	border-color: var(--gs-primary);
	background: var(--gs-primary-light);
}

.gs-ut-voce.accesa .gs-ut-icona[b-2mwgp3jwdg] {
	background: var(--gs-primary);
	color: #fff;
}

.gs-ut-spunta[b-2mwgp3jwdg] {
	position: absolute;
	top: -.45rem;
	right: .55rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1rem;
	height: 1.1rem;
	border: 1px solid #fff;
	border-radius: 50%;
	background: var(--gs-primary);
	color: #fff;
	font-size: .7rem;
}

/* Da PC la ricerca dell'ospite sta già in fondo alla toolbar (campo "Cerca ospite"): il pulsante tondo serve solo da telefono e da tablet. Stessa condizione del campo (Mappa.razor.css). */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
	.gs-ut-fab-ricerca[b-2mwgp3jwdg] {
		display: none;
	}
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Statistiche/Statistiche.razor.rz.scp.css */
/* Statistiche: testata, menu dei report, filtri, schede e griglie. I componenti figli (filtri, griglie, report) usano
   ::deep, perché gli stili con ambito arrivano solo agli elementi di questo componente. */

.gs-st[b-vrns40uu0j] {
	padding: 1rem 1.25rem 1.5rem;
}

.gs-st-testata[b-vrns40uu0j] {
	margin-bottom: .75rem;
}

.gs-st-titolo[b-vrns40uu0j] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-st-titolo i[b-vrns40uu0j] {
	color: var(--gs-primary);
}

/* Menu dei report: pulsanti ravvicinati, quello attivo sottolineato nel colore secondario. */
.gs-st-menu[b-vrns40uu0j] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--gs-sand-dark);
}

.gs-st-menu-voce[b-vrns40uu0j] {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .8rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-size: .9rem;
	font-weight: 600;
}

.gs-st-menu-voce:hover[b-vrns40uu0j] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-st-menu-voce.active[b-vrns40uu0j] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-st-menu-voce.active i[b-vrns40uu0j] {
	color: var(--gs-primary);
}

.gs-st-attesa[b-vrns40uu0j] {
	padding: 3rem 0;
	color: #6c8494;
	text-align: center;
}

/* Barra dei filtri. */
.gs-st[b-vrns40uu0j]  .gs-st-filtri {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .75rem 1rem;
	margin-bottom: 1rem;
	padding: .8rem 1rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-st[b-vrns40uu0j]  .gs-st-filtri-campi {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .6rem 1rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-campo {
	min-width: 10rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-campo-stretto {
	min-width: 6.5rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-campo-largo {
	min-width: 18rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-campo-periodo {
	min-width: 22rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-campo-interruttore {
	min-width: 0;
	padding-bottom: .35rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-campo label {
	display: block;
	margin-bottom: .15rem;
	color: var(--gs-ink);
	font-size: .75rem;
	font-weight: 600;
}


/* Periodo: selettore DevExpress alla stessa altezza e font degli altri campi (come nella toolbar della Mappa). */
.gs-st[b-vrns40uu0j]  .gs-st-periodo {
	position: relative;
	width: 14rem;
	cursor: pointer;
}


.gs-st[b-vrns40uu0j]  .gs-st-visualizza {
	min-width: 9.5rem;
	height: 31px;
	padding: 0 1rem;
	font-weight: 600;
}

.gs-st[b-vrns40uu0j]  .gs-st-vuoto {
	padding: 3rem 1rem;
	border: 1px dashed #cfdbe3;
	border-radius: .9rem;
	color: #6c8494;
	text-align: center;
}

.gs-st[b-vrns40uu0j]  .gs-st-vuoto i {
	margin-right: .35rem;
	color: var(--gs-primary);
}

/* Schede di un report. */
.gs-st[b-vrns40uu0j]  .gs-st-schede {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: 0 0 .75rem;
	padding: 0;
	list-style: none;
}

.gs-st[b-vrns40uu0j]  .gs-st-scheda {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .35rem .8rem;
	border: 1px solid #cfe3f4;
	border-radius: 2rem;
	background: #fff;
	color: #2b5f8a;
	font-size: .85rem;
	font-weight: 600;
}

.gs-st[b-vrns40uu0j]  .gs-st-scheda:hover {
	background: var(--gs-primary-light);
}

.gs-st[b-vrns40uu0j]  .gs-st-scheda.active {
	border-color: var(--gs-primary);
	background: var(--gs-primary);
	color: #fff;
}

.gs-st[b-vrns40uu0j]  .gs-st-scheda.active .badge {
	background: #fff !important;
	color: var(--gs-sea-deep) !important;
}

/* Griglie. */
.gs-st[b-vrns40uu0j]  .gs-st-griglia {
	padding: .75rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-st[b-vrns40uu0j]  .gs-st-griglia-barra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .5rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-righe {
	color: #6c8494;
	font-size: .85rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-righe i {
	margin-right: .25rem;
	color: var(--gs-primary);
}

.gs-st[b-vrns40uu0j]  .gs-st-anomalia {
	color: #dc3545;
	font-weight: 700;
}

.gs-st[b-vrns40uu0j]  .gs-st-regolare {
	color: #2e7d32;
}

/* Riepilogo. */
.gs-st[b-vrns40uu0j]  .gs-st-riepilogo-testata {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .75rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-riepilogo-testata h2,
.gs-st[b-vrns40uu0j]  .gs-st-sottotitolo {
	margin: 0;
	color: var(--gs-sea-deep);
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: capitalize;
}

.gs-st[b-vrns40uu0j]  .gs-st-sottotitolo {
	margin: 1.5rem 0 .75rem;
	text-transform: none;
}

.gs-st[b-vrns40uu0j]  .gs-st-numeri {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
	gap: .75rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-numero {
	display: flex;
	align-items: center;
	gap: .9rem;
	padding: 1rem 1.1rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-st[b-vrns40uu0j]  .gs-st-numero > i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%;
	background: var(--gs-primary-light);
	color: var(--gs-primary);
	font-size: 1.35rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-numero-valore {
	color: var(--gs-ink);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
}

.gs-st[b-vrns40uu0j]  .gs-st-numero-etichetta {
	color: #6c8494;
	font-size: .8rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-report {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
	gap: .75rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-report-voce {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: .8rem;
	align-items: center;
	padding: .9rem 1rem;
	border: 1px solid transparent;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
	text-align: left;
}

.gs-st[b-vrns40uu0j]  .gs-st-report-voce:hover {
	border-color: var(--gs-secondary);
}

.gs-st[b-vrns40uu0j]  .gs-st-report-voce > i {
	grid-row: span 2;
	color: var(--gs-primary);
	font-size: 1.5rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-report-titolo {
	color: var(--gs-ink);
	font-weight: 700;
}

.gs-st[b-vrns40uu0j]  .gs-st-report-descrizione {
	color: #6c8494;
	font-size: .8rem;
}

/* Selettore del periodo: stessa altezza e font degli altri campi. */
.gs-st[b-vrns40uu0j]  .gs-st-periodo dxbl-date-range-picker {
	width: 100%;
	height: 31px;
	font-size: .875rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-periodo .dxbl-text-edit-input {
	padding-left: .75rem;
	cursor: pointer;
}

.gs-st[b-vrns40uu0j]  .gs-st-numero-valore {
	white-space: nowrap;
}

/* Pivot: scorrono dentro il riquadro (le righe sono centinaia) con l'intestazione che resta in vista. */
.gs-st[b-vrns40uu0j]  .gs-st-pivot {
	max-height: 64vh;
	overflow: auto;
}

/* Filtri su una riga (Produzione contratti, Pivot produzione): i campi si restringono per starci; sotto i 1250px
   di larghezza tornano a capo. */
.gs-st[b-vrns40uu0j]  .gs-st-una-riga,
.gs-st[b-vrns40uu0j]  .gs-st-una-riga .gs-st-filtri-campi {
	flex-wrap: nowrap;
	gap: .5rem .6rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-una-riga .gs-st-campo {
	min-width: 0;
	flex: 0 1 auto;
}

.gs-st[b-vrns40uu0j]  .gs-st-una-riga .gs-st-campo-largo {
	flex: 1 1 9rem;
	min-width: 7rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-una-riga .gs-st-periodo {
	width: 11.5rem;
}

.gs-st[b-vrns40uu0j]  .gs-st-una-riga .gs-st-visualizza {
	min-width: 8.5rem;
}

@media (max-width: 1250px) {
	.gs-st[b-vrns40uu0j]  .gs-st-una-riga,
	.gs-st[b-vrns40uu0j]  .gs-st-una-riga .gs-st-filtri-campi {
		flex-wrap: wrap;
	}
}



/* Telefono: il periodo sta nella larghezza della scheda e i pulsanti Oggi, Mese e Stagione vanno a capo. */
@media (max-width: 575.98px) {
	.gs-st[b-vrns40uu0j]  .gs-st-campo-periodo {
		min-width: 0;
		width: 100%;
	}

	.gs-st[b-vrns40uu0j]  .gs-st-campo-periodo .d-flex {
		flex-wrap: wrap;
	}
}
/* _content/GestionaleSpiaggia.BlazorServer/Components/Pages/Utility/Utility.razor.rz.scp.css */
/* Utility: testata, menu delle funzioni, filtri, riepilogo e griglie, come le Statistiche. I componenti figli usano ::deep, perché gli stili con
   ambito arrivano solo agli elementi di questo componente. */

.gs-ut[b-6z6jz0kd5u] {
	padding: 1rem 1.25rem 1.5rem;
}

.gs-ut-testata[b-6z6jz0kd5u] {
	margin-bottom: .75rem;
}

.gs-ut-titolo[b-6z6jz0kd5u] {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	color: var(--gs-ink);
	font-size: 1.4rem;
	font-weight: 700;
}

.gs-ut-titolo i[b-6z6jz0kd5u] {
	color: var(--gs-primary);
}

/* Menu delle funzioni: pulsanti ravvicinati, quello attivo sottolineato nel colore secondario. */
.gs-ut-menu[b-6z6jz0kd5u] {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--gs-sand-dark);
}

.gs-ut-menu-voce[b-6z6jz0kd5u] {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .8rem;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: .5rem .5rem 0 0;
	background: none;
	color: #6c8494;
	font-size: .9rem;
	font-weight: 600;
}

.gs-ut-menu-voce:hover[b-6z6jz0kd5u] {
	background: var(--gs-primary-light);
	color: var(--gs-sea-deep);
}

.gs-ut-menu-voce.active[b-6z6jz0kd5u] {
	border-bottom-color: var(--gs-secondary);
	color: var(--gs-sea-deep);
}

.gs-ut-menu-voce.active i[b-6z6jz0kd5u] {
	color: var(--gs-primary);
}

/* Etichetta delle funzioni non ancora sviluppate. */
.gs-ut-presto[b-6z6jz0kd5u],
.gs-ut[b-6z6jz0kd5u]  .gs-ut-presto {
	padding: 0 .35rem;
	border-radius: .6rem;
	background: #fff3cd;
	color: #8a6d00;
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.gs-ut-attesa[b-6z6jz0kd5u] {
	padding: 3rem 0;
	color: #6c8494;
	text-align: center;
}

/* Riepilogo. */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-sottotitolo {
	margin: 1.5rem 0 .75rem;
	color: var(--gs-sea-deep);
	font-size: 1.05rem;
	font-weight: 700;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzioni {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
	gap: .75rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: .8rem;
	row-gap: .15rem;
	padding: .9rem 1rem;
	border: 1px solid transparent;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
	color: var(--gs-ink);
	text-align: left;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione:hover {
	border-color: var(--gs-secondary);
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione > i {
	grid-row: 1 / span 2;
	align-self: center;
	color: var(--gs-primary);
	font-size: 1.6rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione-titolo {
	font-weight: 700;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione-descrizione {
	color: #6c7a86;
	font-size: .8rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione.spenta {
	border: 1px dashed var(--gs-sand-dark);
	background: #fafbfc;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione.spenta > i {
	color: #9aa8b4;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione .gs-ut-presto {
	position: absolute;
	top: -.45rem;
	right: .75rem;
	border: 1px solid #fff;
}

/* Barra dei filtri. */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-filtri {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .75rem 1rem;
	margin-bottom: 1rem;
	padding: .8rem 1rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-filtri-campi {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: .6rem 1rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo {
	min-width: 10rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo-periodo {
	min-width: 14rem;
}

/* Periodo: selettore DevExpress alla stessa altezza e font degli altri campi (come nelle Statistiche e nella toolbar della Mappa). */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-periodo {
	position: relative;
	width: 14rem;
	cursor: pointer;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-periodo dxbl-date-range-picker,
.gs-ut[b-6z6jz0kd5u]  .gs-ut-periodo dxbl-date-edit {
	width: 100%;
	height: 31px;
	font-size: .875rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-periodo .dxbl-text-edit-input {
	padding-left: .75rem;
	cursor: pointer;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo-oggi,
.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo-interruttore {
	min-width: 0;
}

/* Interruttore senza etichetta: alto come i campi accanto, centrato sulla loro altezza. */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo-interruttore {
	display: flex;
	align-items: center;
	height: 31px;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo label {
	display: block;
	margin-bottom: .15rem;
	color: var(--gs-ink);
	font-size: .75rem;
	font-weight: 600;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo .form-check-label {
	display: inline;
	margin: 0;
	font-size: .85rem;
	font-weight: 500;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-cerca {
	min-width: 9.5rem;
	height: 31px;
	padding: 0 1rem;
	font-weight: 600;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-vuoto {
	padding: 3rem 1rem;
	border: 1px dashed #cfdbe3;
	border-radius: .9rem;
	color: #6c8494;
	text-align: center;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-vuoto i {
	margin-right: .35rem;
	color: var(--gs-primary);
}

/* Griglie. */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-griglia {
	padding: .75rem;
	border-radius: .9rem;
	background: #fff;
	box-shadow: 0 .2rem .8rem rgba(15, 45, 65, .07);
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-griglia-barra {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .5rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-azioni {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-righe {
	color: #6c8494;
	font-size: .85rem;
}

/* Riga in cui l'attrezzatura cambia da oggi a domani (cambio attrezzature). */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-riga-cambia > td {
	background-color: #fde2e4 !important;
	color: #8a1c2a;
}

/* Gruppo di pulsanti (Arrivi / Partenze): alto come i campi accanto, con l'etichetta alla stessa altezza delle altre. */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo .btn-group {
	height: 31px;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-campo .btn-group .btn {
	display: inline-flex;
	align-items: center;
}

/* Funzioni di un gruppo (come le schede di Incassi). */
.gs-ut[b-6z6jz0kd5u]  .gs-ut-schede {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: 0 0 .75rem;
	padding: 0;
	list-style: none;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-scheda {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .35rem .8rem;
	border: 1px solid #cfe3f4;
	border-radius: 2rem;
	background: #fff;
	color: #2b5f8a;
	font-size: .85rem;
	font-weight: 600;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-scheda:hover {
	background: var(--gs-primary-light);
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-scheda.active {
	border-color: var(--gs-primary);
	background: var(--gs-primary);
	color: #fff;
}

.gs-ut[b-6z6jz0kd5u]  .gs-ut-funzione.spenta:hover {
	border-color: var(--gs-secondary);
}