.klusaro-jobs,
.klusaro-jobs-calendar {
	color: #172033;
	display: grid;
	gap: 1.25rem;
}

.klusaro-jobs__header,
.klusaro-jobs__filters,
.klusaro-job-card,
.klusaro-job-card__actions,
.klusaro-jobs__actions {
	align-items: center;
	display: flex;
	gap: .75rem;
}

.klusaro-jobs__header {
	justify-content: space-between;
}

.klusaro-jobs__header h1,
.klusaro-jobs-calendar h1 {
	margin: 0;
}

.klusaro-jobs__filters {
	background: #f6f8fb;
	border: 1px solid #dce2ec;
	border-radius: .75rem;
	flex-wrap: wrap;
	padding: 1rem;
}

.klusaro-jobs label {
	display: grid;
	font-size: .875rem;
	gap: .35rem;
}

.klusaro-jobs input,
.klusaro-jobs select,
.klusaro-jobs textarea,
.klusaro-jobs button {
	border: 1px solid #bdc7d6;
	border-radius: .5rem;
	font: inherit;
	padding: .65rem .75rem;
}

.klusaro-jobs button,
.klusaro-button {
	background: #1f5eff;
	border-color: #1f5eff;
	color: #fff;
	cursor: pointer;
}

.klusaro-jobs__list,
.klusaro-jobs-calendar__grid {
	display: grid;
	gap: .75rem;
}

.klusaro-job-card,
.klusaro-calendar-event {
	background: #fff;
	border: 1px solid #dce2ec;
	border-radius: .75rem;
	padding: 1rem;
}

.klusaro-job-card {
	justify-content: space-between;
}

.klusaro-job-card h2,
.klusaro-job-card p {
	margin: 0 0 .35rem;
}

.klusaro-job-card__status {
	text-transform: capitalize;
}

.klusaro-jobs__dialog {
	border: 0;
	border-radius: .75rem;
	box-shadow: 0 1rem 3rem rgb(23 32 51 / 25%);
	max-width: 36rem;
	width: calc(100% - 2rem);
}

.klusaro-jobs__dialog form {
	display: grid;
	gap: 1rem;
}

.kl-jobs-filter-actions,
.kl-jobs-modal-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
}

.kl-job-recurrence-card{
	padding:16px;
	border:1px solid #e5e7eb;
	border-radius:12px;
	background:#f9fafb;
}

.kl-job-recurrence-title{
	margin:0 0 12px;
}

.kl-job-recurrence-body{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
}

@media(max-width:720px){
	.kl-jobs-filter-actions{
		justify-content:flex-start;
	}

	.kl-job-recurrence-body{
		grid-template-columns:1fr;
	}
}
