.klusaro-workers,
.klusaro-invitations,
.klusaro-accept-invite {
	color: #172033;
	display: grid;
	gap: 1.25rem;
}

.klusaro-workers__header,
.klusaro-invitations > header,
.klusaro-workers__filters,
.klusaro-worker-card,
.klusaro-invitation-card,
.klusaro-member-card,
.klusaro-worker-card__actions,
.klusaro-workers__actions {
	align-items: center;
	display: flex;
	gap: .75rem;
}

.klusaro-workers__header,
.klusaro-invitations > header,
.klusaro-worker-card,
.klusaro-invitation-card {
	justify-content: space-between;
}

.klusaro-workers h1,
.klusaro-invitations h1,
.klusaro-invitations h2,
.klusaro-worker-card h2 {
	margin: 0;
}

.klusaro-workers__filters,
.klusaro-workers__limit,
.klusaro-invitations [data-invitation-limit] {
	background: #f6f8fb;
	border: 1px solid #dce2ec;
	border-radius: .75rem;
	flex-wrap: wrap;
	padding: 1rem;
}

.klusaro-workers label,
.klusaro-invitations label {
	display: grid;
	font-size: .875rem;
	gap: .35rem;
}

.klusaro-workers input,
.klusaro-workers select,
.klusaro-workers textarea,
.klusaro-workers button,
.klusaro-invitations input,
.klusaro-invitations select,
.klusaro-invitations textarea,
.klusaro-invitations button,
.klusaro-accept-invite button {
	border: 1px solid #bdc7d6;
	border-radius: .5rem;
	font: inherit;
	padding: .65rem .75rem;
}

.klusaro-workers button,
.klusaro-invitations button,
.klusaro-accept-invite button,
.klusaro-button {
	background: #1f5eff;
	border-color: #1f5eff;
	color: #fff;
	cursor: pointer;
}

.klusaro-workers__list,
.klusaro-invitations__list,
.klusaro-invitations [data-workspace-user-list] {
	display: grid;
	gap: .75rem;
}

.klusaro-worker-card,
.klusaro-invitation-card,
.klusaro-member-card {
	background: #fff;
	border: 1px solid #dce2ec;
	border-radius: .75rem;
	padding: 1rem;
}

.klusaro-member-card {
	flex-wrap: wrap;
}

.klusaro-workers__dialog,
.klusaro-invitations__dialog {
	border: 0;
	border-radius: .75rem;
	box-shadow: 0 1rem 3rem rgb(23 32 51 / 25%);
	max-width: 38rem;
	width: calc(100% - 2rem);
}

.klusaro-workers__dialog form,
.klusaro-invitations__dialog form {
	display: grid;
	gap: 1rem;
}

@media (max-width: 48rem) {
	.klusaro-workers__header,
	.klusaro-invitations > header,
	.klusaro-worker-card,
	.klusaro-invitation-card,
	.klusaro-member-card {
		align-items: stretch;
		flex-direction: column;
	}
}

.kl-worker-limit-card{
	padding:18px 20px;
}

.kl-worker-limit-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
}

.kl-worker-limit-progress-wrap{
	margin-top:14px;
}

.kl-worker-limit-progress{
	height:10px;
	overflow:hidden;
	border-radius:999px;
	background:#e5e7eb;
}

.kl-worker-limit-progress-bar{
	display:block;
	width:var(--klusaro-worker-limit,0%);
	height:100%;
	border-radius:inherit;
	background:#2563eb;
}

@media (max-width: 47.5rem) {
	.kl-worker-limit-header{
		flex-direction:column;
	}
}

.kl-section-header-spaced{
	align-items:center;
}

.kl-limit-progress-wrap{
	width:min(260px,40vw);
}

.kl-limit-actions{
	display:flex;
	align-items:center;
	gap:8px;
}

.kl-limit-note{
	color:#64748b;
}

.kl-limit-progress{
	height:8px;
	overflow:hidden;
	border-radius:999px;
	background:#e5e7eb;
}

.kl-limit-progress-bar{
	display:block;
	width:0;
	height:100%;
	border-radius:inherit;
	background:#2563eb;
	transition:width .2s ease;
}

@media (max-width:47.5rem){
	.kl-limit-progress-wrap{
		width:100%;
	}
}