// Questo file fa parte di MyTown.
// MyTown è software libero: puoi ridistribuirlo e/o modificarlo secondo
// i termini della GNU Affero General Public License come pubblicata dalla
// Free Software Foundation, versione 3.
// Distribuito senza ALCUNA GARANZIA; vedi la GNU AGPL v3 per i dettagli.
// Copyright (C) Kondor Consulting & Services S.r.l.
// SPDX-License-Identifier: AGPL-3.0-or-later

.asc-content {
	--background: #f4f6f9;
}

.asc-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	padding: 12px 16px;
	background: #fff;
	font-size: 0.76rem;
	color: #5a6b7b;
	border-bottom: 1px solid #eef1f5;
	span { display: inline-flex; align-items: center; gap: 5px; }
	.dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
	.dot.ord { background: var(--app-brand); }
	.dot.str { background: var(--app-brand-3); }
	.dot.done { background: #198754; }
	.dot.ann { background: #dc3545; }
}

.asc-cal {
	padding: 12px;

	::ng-deep .fc {
		font-size: 0.8rem;
		background: #fff;
		border-radius: 16px;
		padding: 10px;
		box-shadow: 0 2px 10px rgba(20, 40, 70, 0.06);
	}
	::ng-deep .fc .fc-toolbar.fc-header-toolbar {
		margin-bottom: 0.7em;
		flex-wrap: wrap;
		gap: 6px;
	}
	::ng-deep .fc .fc-toolbar-title {
		font-size: 1.05rem;
		font-weight: 800;
		color: #1b2733;
		text-transform: capitalize;
	}
	::ng-deep .fc .fc-button {
		background: #eef2f7;
		border: none;
		color: #44525f;
		font-size: 0.74rem;
		font-weight: 600;
		padding: 5px 9px;
		box-shadow: none;
		text-transform: capitalize;
	}
	::ng-deep .fc .fc-button-primary:not(:disabled).fc-button-active,
	::ng-deep .fc .fc-button-primary:not(:disabled):active {
		background: var(--ion-color-primary);
		color: #fff;
	}
	::ng-deep .fc .fc-daygrid-day.fc-day-today {
		background: rgba(var(--app-brand-rgb), 0.08);
	}
	::ng-deep .fc .fc-event {
		border-radius: 6px;
		font-size: 0.7rem;
		font-weight: 600;
		padding: 1px 3px;
		cursor: pointer;
	}
	::ng-deep .fc .fc-col-header-cell-cushion,
	::ng-deep .fc .fc-daygrid-day-number {
		color: #5a6b7b;
		text-decoration: none;
	}
}
