.lfi-cc-admin{
	max-width:1400px;
}

.lfi-cc-subtitle{
	color:#666;
	margin-top:-5px;
	margin-bottom:25px;
}

.lfi-cc-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:20px;
	margin-top:25px;
}

.lfi-cc-grid-2{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}

.lfi-cc-card{
	background:#fff;
	border:1px solid #ddd;
	border-radius:12px;
	padding:25px;
	box-shadow:0 2px 8px rgba(0,0,0,0.04);
	margin-top: 50px;
}

.lfi-cc-card h3{
	margin-top:0;
}

.lfi-cc-alert{
	margin-top:30px;
	background:#fff8e1;
	border-left:5px solid #ffb300;
	padding:20px;
	border-radius:10px;
}

.lfi-cc-group-row{
	display:grid;
	grid-template-columns:
		120px
		1fr
		120px
		120px
		70px
		50px;
	gap:10px;
	margin-bottom:10px;
	align-items:center;
}

.lfi-cc-person-row{
	display:grid;
	grid-template-columns:
		1fr
		1fr
		160px
		120px
		200px
		1fr
		50px
		50px;
	gap:10px;
	margin-bottom:10px;
	align-items:center;
}

.lfi-person-preview{
	width:40px;
	height:40px;
	object-fit:cover;
	border-radius:999px;
	background:#eee;
	border:1px solid #ddd;
}

.lfi-remove-row{
	color:#c00 !important;
	font-weight:bold !important;
}

.lfi-cc-person-row{
	grid-template-columns:
		1fr
		1fr
		120px
		180px
		2fr
		50px;
}

.lfi-cc-table-legend,
.lfi-cc-group-row{
	display:grid;
	grid-template-columns: 80px 1fr 80px 120px 60px 40px;
	gap:10px;
	align-items:center;
}

.lfi-cc-table-legend{
	font-weight:bold;
	opacity:.7;
	margin-bottom:10px;
}

.lfi-cc-groups-legend,
.lfi-cc-group-row,
.lfi-cc-persons-legend,
.lfi-cc-person-row{
	display:grid;
	align-items:center;
	gap:10px;
	margin-top:10px;
}

.lfi-cc-groups-legend,
.lfi-cc-group-row{
	grid-template-columns:120px 1fr 120px 140px 60px 40px;
}

.lfi-cc-persons-legend,
.lfi-cc-person-row{
	grid-template-columns:160px 160px 120px 140px 1fr 50px 160px 40px;
}

.lfi-cc-groups-legend div,
.lfi-cc-persons-legend div{
	font-weight:600;
	font-size:12px;
	color:#50575e;
	padding-left:2px;
}

.lfi-cc-group-row input,
.lfi-cc-group-row select,
.lfi-cc-person-row input,
.lfi-cc-person-row select{
	width:100%;
	min-height:38px !important;
}

.grp-color{
	padding:0 !important;
	border:none !important;
	background:none !important;
	width:42px !important;
	height:38px !important;
	cursor:pointer;
}

.p-preview{
	width:40px;
	height:40px;
	border-radius:999px;
	object-fit:cover;
	background:#eee;
	border:1px dashed #2b2b2b;
}

.lfi-remove-group,
.lfi-remove-person{
	width:38px;
	height:38px;
	border:none;
	background:#d63638;
	color:#fff;
	border-radius:6px;
	cursor:pointer;
	font-size:16px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
}

.lfi-remove-group:hover,
.lfi-remove-person:hover{
	background:#b32d2e;
}

.p-key{
	background:#f6f7f7 !important;
	font-family:monospace;
}

.wp-core-ui .button-warning {
    background: #FFC107;
    border-color: #FFA000;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

@media screen and (max-width:1200px){

	.lfi-cc-groups-legend,
	.lfi-cc-persons-legend{
		display:none;
	}

	.lfi-cc-group-row,
	.lfi-cc-person-row{
		grid-template-columns:1fr;
		padding:15px;
		border:1px solid #dcdcde;
		border-radius:8px;
		background:#fff;
	}

}