.b21-form-grid{
	display:flex;
	flex-direction:column;
	gap:22px;
}

.b21-row{
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	align-items:flex-start;
}

.b21-col{
	min-width:0;
	box-sizing:border-box;
	width:100%;
}

.b21-col-50{flex:1 1 calc(50% - 12px)}
.b21-col-30{flex:0 0 calc(30% - 12px)}
.b21-col-70{flex:0 0 calc(70% - 12px)}
.b21-col-33{flex:1 1 calc(33.333% - 16px)}

.b21-form-wrapper label,
.b21-form-sugestao-lei label{
	display:block;
	font-weight:600;
	color:#1f2937;
	line-height:1.3;
	margin-bottom:8px;
}

.b21-form-sugestao-lei input[type="text"],
.b21-form-sugestao-lei input[type="email"],
.b21-form-sugestao-lei select,
.b21-form-sugestao-lei textarea{
	width:100%;
	max-width:100%;
	min-height:48px;
	border:1px solid #d1d5db;
	border-radius:10px;
	padding:12px 14px;
	background:#fff;
	box-sizing:border-box;
}

.b21-form-sugestao-lei textarea{
	min-height:220px;
	resize:vertical;
}

.b21-radio-box{
	margin:0;
	padding:12px 14px;
	border:1px solid #d1d5db;
	border-radius:10px;
	background:#fff;
	max-height:220px;
	overflow:auto;
}

.b21-radio-box label{
	font-weight:400;
	margin-bottom:8px;
}

.b21-inline label{
	display:flex;
	align-items:center;
	gap:8px;
	font-weight:400;
}

.acf-form-submit{
	width:100%;
	margin-top:28px;
}

.acf-form-submit input[type="submit"]{
	width:100%;
	min-height:52px;
	border:0;
	border-radius:10px;
	background:#111827;
	color:#fff;
	font-weight:700;
	cursor:pointer;
}

.b21-form-sucesso{
	background:#16a34a;
	border:1px solid #16a34a;
	color:#fff;
	border-radius:10px;
	padding:14px 16px;
	margin-bottom:20px;
	font-weight:600;
}

.b21-form-erro{
	background:#b91c1c;
	border:1px solid #b91c1c;
	color:#fff;
	border-radius:10px;
	padding:14px 16px;
	margin-bottom:20px;
	font-weight:600;
}

.b21-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:24px;
	margin-top:20px;
}

.b21-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	padding:20px;
	transition:.2s;
}

.b21-card:hover{
	transform:translateY(-3px);
	box-shadow:0 10px 20px rgba(0,0,0,.05);
}

.b21-header h3{
	font-size:18px;
	margin-bottom:12px;
}

.b21-meta{
	display:flex;
	flex-direction:column;
	gap:6px;
	font-size:13px;
	color:#6b7280;
	margin-bottom:12px;
}

.b21-texto{
	font-size:14px;
	line-height:1.6;
	color:#111827;
}

.b21-empty{
	padding:20px;
	border:1px dashed #d1d5db;
	border-radius:10px;
	text-align:center;
}

@media (max-width:1024px){
	.b21-col-30,.b21-col-70{
		flex:1 1 100%;
	}
}

@media (max-width:767px){
	.b21-row{
		gap:18px;
	}
	.b21-col-50,
	.b21-col-33,
	.b21-col-30,
	.b21-col-70{
		flex:1 1 100%;
	}
	.acf-form-submit{
		margin-top:0;
	}
	.b21-form-sugestao-lei textarea{
		min-height:180px;
	}
}

.b21-tabela-wrapper{
	margin-top:20px;
}

.b21-tabela-scroll{
	overflow-x:auto;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
}

.b21-tabela-sugestoes{
	width:100%;
	border-collapse:collapse;
	min-width:1100px;
	background:#fff;
}

.b21-tabela-sugestoes thead th{
	text-align:left;
	font-size:14px;
	font-weight:700;
	color:#111827;
	background:#f9fafb;
	padding:14px 16px;
	border-bottom:1px solid #e5e7eb;
	white-space:nowrap;
}

.b21-tabela-sugestoes tbody td{
	padding:14px 16px;
	border-bottom:1px solid #f1f5f9;
	vertical-align:top;
	font-size:14px;
	color:#374151;
}

.b21-tabela-sugestoes tbody tr:hover{
	background:#fafafa;
}

.b21-resumo{
	max-width:320px;
	line-height:1.5;
}

.b21-resumo.is-blur{
	filter:blur(4px);
	user-select:none;
	pointer-events:none;
}

.b21-status-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	white-space:nowrap;
}

.b21-status-badge.status-analise{
	background:#fef3c7;
	color:#92400e;
}

.b21-status-badge.status-publicado{
	background:#dcfce7;
	color:#166534;
}

.b21-btn-detalhes{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 14px;
	border:0;
	border-radius:10px;
	background:#111827;
	color:#fff;
	font-weight:600;
	cursor:pointer;
	transition:.2s;
}

.b21-btn-detalhes:hover{
	background:#f4c400;
	color:#111827;
}

.b21-modal{
	display:none;
	position:fixed;
	inset:0;
	z-index:9999;
}

.b21-modal.is-open{
	display:block;
}

.b21-modal-backdrop{
	position:absolute;
	inset:0;
	background:rgba(17,24,39,.55);
}

.b21-modal-dialog{
	position:relative;
	z-index:2;
	width:min(760px, calc(100% - 32px));
	max-height:calc(100vh - 40px);
	overflow:auto;
	margin:20px auto;
	background:#fff;
	border-radius:18px;
	padding:24px;
	box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.b21-modal-close{
	position:absolute;
	top:12px;
	right:14px;
	border:0;
	background:transparent;
	font-size:28px;
	line-height:1;
	cursor:pointer;
	color:#111827;
}

.b21-modal-header h3{
	margin:0 32px 18px 0;
	font-size:28px;
	line-height:1.2;
	color:#111827;
}

.b21-modal-meta{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px 18px;
	margin-bottom:18px;
	font-size:14px;
	color:#374151;
}

.b21-modal-alerta{
	margin-bottom:16px;
	padding:12px 14px;
	border-radius:10px;
	background:#fff7ed;
	border:1px solid #fdba74;
	color:#9a3412;
	font-weight:600;
}

.b21-modal-conteudo{
	font-size:15px;
	line-height:1.75;
	color:#111827;
}

.b21-modal-conteudo.is-blur{
	filter:blur(6px);
	user-select:none;
	pointer-events:none;
}

@media (max-width: 767px){
	.b21-modal-dialog{
		padding:18px;
	}

	.b21-modal-header h3{
		font-size:22px;
	}

	.b21-modal-meta{
		grid-template-columns:1fr;
	}
}


.b21-filtros-barra{
	display:grid;
	grid-template-columns:2fr 1fr 1fr 1fr auto;
	gap:16px;
	margin:0 0 20px;
	padding:18px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
}

.b21-filtro-item label{
	display:block;
	font-size:13px;
	font-weight:700;
	margin-bottom:8px;
	color:#111827;
}

.b21-filtro-item input,
.b21-filtro-item select{
	width:100%;
	min-height:46px;
	border:1px solid #d1d5db;
	border-radius:10px;
	padding:10px 12px;
	background:#fff;
	box-sizing:border-box;
}

.b21-filtro-acoes{
	display:flex;
	align-items:flex-end;
}

.b21-btn-secundario{
	min-height:46px;
	padding:0 16px;
	border:1px solid #f4c400;
	border-radius:10px;
	background:#f4c400;
	color:#111827;
	font-weight:700;
	cursor:pointer;
	transition:.2s;
}

.b21-btn-secundario:hover{
	background:#111827;
	color:#f4c400;
	border-color:#111827;
}

.b21-btn-secundario:focus,
.b21-btn-secundario:active{
	background:#111827;
	color:#f4c400;
	border-color:#111827;
}

.b21-tabela-wrapper{
	margin-top:0;
}

.b21-tabela-scroll{
	overflow-x:auto;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
}

.b21-tabela-sugestoes{
	width:100%;
	border-collapse:collapse;
	min-width:1100px;
	background:#fff;
}

.b21-tabela-sugestoes thead th{
	text-align:left;
	font-size:14px;
	font-weight:700;
	color:#111827;
	background:#f9fafb;
	padding:14px 16px;
	border-bottom:1px solid #e5e7eb;
	white-space:nowrap;
}

.b21-tabela-sugestoes tbody td{
	padding:14px 16px;
	border-bottom:1px solid #f1f5f9;
	vertical-align:top;
	font-size:14px;
	color:#374151;
}

.b21-tabela-sugestoes tbody tr:hover{
	background:#fafafa;
}

.b21-resumo{
	max-width:320px;
	line-height:1.5;
}

.b21-resumo.is-blur{
	filter:blur(4px);
	user-select:none;
	pointer-events:none;
}

.b21-status-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	white-space:nowrap;
}

.b21-status-badge.status-analise{
	background:#fef3c7;
	color:#92400e;
}

.b21-status-badge.status-publicado{
	background:#dcfce7;
	color:#166534;
}

.b21-btn-detalhes{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 14px;
	border:0;
	border-radius:10px;
	background:#111827;
	color:#fff;
	font-weight:600;
	cursor:pointer;
	transition:.2s;
}

.b21-btn-detalhes:hover{
	opacity:.9;
}

.b21-modal{
	display:none;
	position:fixed;
	inset:0;
	z-index:9999;
}

.b21-modal.is-open{
	display:block;
}

.b21-modal-backdrop{
	position:absolute;
	inset:0;
	background:rgba(17,24,39,.55);
}

.b21-modal-dialog{
	position:relative;
	z-index:2;
	width:min(760px, calc(100% - 32px));
	max-height:calc(100vh - 40px);
	overflow:auto;
	margin:20px auto;
	background:#fff;
	border-radius:18px;
	padding:24px;
	box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.b21-modal-close{
	position:absolute;
	top:12px;
	right:14px;
	border:0;
	background:transparent;
	font-size:28px;
	line-height:1;
	cursor:pointer;
	color:#111827;
}

.b21-modal-header h3{
	margin:0 32px 18px 0;
	font-size:28px;
	line-height:1.2;
	color:#111827;
}

.b21-modal-meta{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px 18px;
	margin-bottom:18px;
	font-size:14px;
	color:#374151;
}

.b21-modal-alerta{
	margin-bottom:16px;
	padding:12px 14px;
	border-radius:10px;
	background:#fff7ed;
	border:1px solid #fdba74;
	color:#9a3412;
	font-weight:600;
}

.b21-modal-conteudo{
	font-size:15px;
	line-height:1.75;
	color:#111827;
}

.b21-modal-conteudo.is-blur{
	filter:blur(6px);
	user-select:none;
	pointer-events:none;
}

@media (max-width: 1024px){
	.b21-filtros-barra{
		grid-template-columns:1fr 1fr;
	}
}

@media (max-width: 767px){
	.b21-filtros-barra{
		grid-template-columns:1fr;
	}

	.b21-modal-dialog{
		padding:18px;
	}

	.b21-modal-header h3{
		font-size:22px;
	}

	.b21-modal-meta{
		grid-template-columns:1fr;
	}
}

.b21-btn-detalhes:focus,
.b21-btn-detalhes:active{
	background:#f4c400;
	color:#111827;
}

.b21-tabela-topbar{
	display:flex;
	justify-content:flex-end;
	margin:0 0 14px;
}

.b21-paginacao-form{
	display:flex;
	align-items:center;
	gap:10px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	padding:10px 14px;
}

.b21-paginacao-form select{
	min-height:40px;
	border:1px solid #d1d5db;
	border-radius:8px;
	padding:6px 10px;
	background:#fff;
}

.b21-paginacao{
	margin-top:20px;
}

.b21-paginacao ul{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	list-style:none;
	padding:0;
	margin:0;
}

.b21-paginacao li{
	margin:0;
}

.b21-paginacao a,
.b21-paginacao span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:42px;
	min-height:42px;
	padding:0 12px;
	border-radius:10px;
	border:1px solid #d1d5db;
	background:#fff;
	color:#111827;
	text-decoration:none;
	font-weight:600;
}

.b21-paginacao .current{
	background:#111827;
	color:#fff;
	border-color:#111827;
}

.b21-paginacao a:hover{
	background:#f4c400;
	color:#111827;
	border-color:#f4c400;
}

add_action('admin_head', function() {
?>
<style>

#acf-group_b21_formulario_sugestao_pl .acf-field{
	margin-bottom: 10px !important;
}

/* GRID COMPACTO */
.b21-andamento-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

/* força campos lado a lado */
[data-name="andamento_titulo"]{
	grid-column: span 2;
}
[data-name="andamento_data_manual"]{
	grid-column: span 2;
}

[data-name="andamento_descricao"]{
	grid-column: span 4;
}

[data-name="andamento_link"]{
	grid-column: span 2;
}
[data-name="andamento_anexo"]{
	grid-column: span 2;
}

[data-name="andamento_exibir_front"],
[data-name="andamento_registrado_por_preview"],
[data-name="andamento_registrado_em_preview"]{
	grid-column: span 1;
}

[data-name="andamento_observacao_interna"]{
	grid-column: span 4;
}

/* reduzir altura */
.acf-field input,
.acf-field textarea{
	padding: 6px 8px !important;
	font-size: 13px;
}

/* textarea menor */
[data-name="andamento_descricao"] textarea{
	height: 80px !important;
}

/* esconder labels repetidas */
.acf-field .acf-label{
	margin-bottom: 4px !important;
}

/* modo compacto */
#acf-group_b21_formulario_sugestao_pl .acf-fields{
	display: grid;
	gap: 8px;
}

.acf-tab-wrap,{
	width:100%!important;
	background:#f4c400;
}

</style>
<?php
});