/* Calendarios operativos de perfiles y CRM. */
.wf-calendario-operativo {
	background: #fff;
	border: 1px solid #dbe3ec;
	border-radius: .75rem;
	box-shadow: 0 .35rem 1.25rem rgba(15, 23, 42, .08);
	padding: 1rem;
}
.wf-cal-cabecera {
	align-items: flex-end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: .75rem;
}
.wf-cal-filtros {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.wf-cal-filtros label {
	color: #475569;
	font-size: .78rem;
	font-weight: 700;
	margin: 0;
}
.wf-cal-filtros select {
	min-width: 105px;
}
.wf-cal-filtros label:last-of-type select {
	min-width: 170px;
}
.wf-cal-fuentes,
.wf-cal-leyenda {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .65rem 1rem;
	margin-bottom: .75rem;
}
.wf-cal-fuentes label {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	cursor: pointer;
	font-size: .82rem;
	margin: 0;
	padding: .25rem .65rem;
}
.wf-cal-leyenda span {
	align-items: center;
	color: #475569;
	display: inline-flex;
	font-size: .78rem;
	gap: .35rem;
}
.wf-cal-leyenda i {
	border-radius: 50%;
	display: inline-block;
	height: .65rem;
	width: .65rem;
}
.wf-cal-contenedor {
	min-height: 520px;
}
.wf-calendario-operativo .fc .fc-toolbar-title {
	color: #0f172a;
	font-size: 1.2rem;
	font-weight: 700;
}
.wf-calendario-operativo .fc .fc-button {
	background: #0f4c81;
	border-color: #0f4c81;
	box-shadow: none;
	font-size: .82rem;
}
.wf-calendario-operativo .fc .fc-button-active,
.wf-calendario-operativo .fc .fc-button:hover {
	background: #0b365c;
	border-color: #0b365c;
}
.wf-calendario-operativo .fc-event {
	border-radius: .3rem;
	cursor: pointer;
	padding: .08rem .2rem;
}
.wf-calendario-operativo .fc .fc-daygrid-more-link {
	background: #e8f1f8;
	border: 1px solid #b9d0e2;
	border-radius: .3rem;
	color: #0f4c81;
	display: block;
	font-size: .76rem;
	font-weight: 700;
	margin-top: .15rem;
	padding: .12rem .3rem;
	text-align: center;
}
.wf-calendario-operativo .fc .fc-daygrid-more-link:hover,
.wf-calendario-operativo .fc .fc-daygrid-more-link:focus {
	background: #d8e8f4;
	color: #0b365c;
	text-decoration: none;
}
.wf-calendario-operativo .fc .fc-more-popover {
	border: 1px solid #cbd5e1;
	border-radius: .55rem;
	box-shadow: 0 .65rem 1.75rem rgba(15, 23, 42, .2);
	max-height: min(70vh, 32rem);
	overflow-y: auto;
}
.wf-calendario-operativo .fc .fc-more-popover .fc-popover-header {
	background: #e8f1f8;
	color: #0f172a;
	font-weight: 700;
}
.wf-cal-proximo-mes,
.wf-cal-resumen {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: .6rem;
	min-height: 8rem;
	padding: .85rem;
}
.wf-cal-proximo-evento {
	align-items: center;
	background: #fff;
	border: 1px solid #dbe3ec;
	border-radius: .45rem;
	color: #1e293b;
	display: flex;
	gap: .55rem;
	margin-bottom: .45rem;
	padding: .5rem;
	text-align: left;
	width: 100%;
}
.wf-cal-proximo-evento:hover {
	border-color: #0f4c81;
}
.wf-cal-proximo-evento span {
	align-items: center;
	background: #e2e8f0;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 2rem;
	font-weight: 700;
	height: 2rem;
	justify-content: center;
}
.wf-cal-proximo-evento strong {
	font-size: .78rem;
	line-height: 1.2;
}
@media (max-width: 767.98px) {
	.wf-calendario-operativo {
		border-left: 0;
		border-radius: 0;
		border-right: 0;
		margin-left: -15px;
		margin-right: -15px;
		padding: .75rem;
	}
	.wf-cal-cabecera {
		align-items: stretch;
		flex-direction: column;
	}
	.wf-cal-filtros label {
		flex: 1 1 40%;
	}
	.wf-cal-filtros select {
		min-width: 0 !important;
		width: 100%;
	}
	.wf-calendario-operativo .fc .fc-toolbar {
		align-items: stretch;
		flex-direction: column;
		gap: .45rem;
	}
	.wf-calendario-operativo .fc .fc-toolbar-chunk {
		display: flex;
		justify-content: center;
	}
	.wf-cal-contenedor {
		min-height: 380px;
	}
	.wf-cal-resumen,
	.wf-cal-proximo-mes {
		margin-top: .75rem;
	}
}
/* Perfil técnico y líneas de PDS dentro de ventanas WF. */
#pds_load_perfil .contenido,
#pds_l_panel .contenido {
	max-height: calc(100vh - 7rem);
	overflow-x: hidden;
	overflow-y: auto;
}
#pds_l_panel #pds_l_tabla_json {
	min-height: 16rem;
	width: 100%;
}
.pds-linea-tecnico {
	background: rgba(15, 76, 129, .04);
	border: 1px solid rgba(15, 76, 129, .14);
	border-radius: .6rem;
	padding: .65rem;
}
.pds-linea-tecnico .pds-linea-tecnico-toggle {
	min-height: 2.25rem;
}
.pds-linea-tecnico #pds_l_form_tecnico {
	margin: 0;
}
.pds-linea-tecnico .select2-container,
.pds-linea-tecnico .bootstrap-select {
	max-width: 100%;
	width: 100% !important;
}
html.wf_modo_oscuro .pds-linea-tecnico {
	background: rgba(110, 168, 254, .07);
	border-color: var(--wf_border);
}

@media (max-width: 767.98px) {
	#pds_load_perfil > .contenedor_principal,
	#pds_l_panel > .contenedor_principal {
		border-radius: 0 !important;
		height: 100vh;
		margin: 0 !important;
		max-height: 100vh;
		max-width: 100vw;
		width: 100vw !important;
	}
	#pds_load_perfil .contenido,
	#pds_l_panel .contenido {
		max-height: calc(100vh - 3.25rem);
		padding: .5rem !important;
	}
	#pds_load_perfil .barra_negra,
	#pds_l_panel .barra_negra {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.pds-linea-tecnico {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: .5rem;
	}
	.pds-linea-tecnico .pds-linea-tecnico-toggle {
		font-size: .95rem;
		width: 100%;
	}
	.pds-linea-tecnico .form-group,
	.pds-linea-tecnico .rem08 {
		max-width: 100%;
	}
	#pds_l_panel .tabulator {
		font-size: .82rem;
	}
}
