.compra-requisicao-item-editor {
	padding: 16px 16px 8px;
	border-bottom: 1px solid var(--ui-color-border);
	background: linear-gradient(180deg, #fff, var(--ui-color-surface-soft));
}

.panelCompraRequisicaoCompraItem .btn-material > i,
.panelCompraRequisicaoCompra .btn-material > i,
.panelCompraRequisicaoCompraGeracaoPedido .btn-material > i,
.compra-requisicao-acao-rapida > i {
	margin-right: 5px;
}

.compra-requisicao-pedidos-link > i,
.compra-requisicao-pedidos-vazio > i {
	margin-right: 4px;
}

.compra-requisicao-acao-rapida {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 28px;
	padding: 3px 8px 3px 4px;
	border: 1px solid var(--ui-color-primary-border);
	border-radius: 999px;
	background: #fff;
	color: var(--ui-color-primary);
	font-size: var(--ui-font-xs);
	white-space: nowrap;
}

.compra-requisicao-acao-rapida:hover,
.compra-requisicao-acao-rapida:focus {
	border-color: var(--ui-color-primary);
	background: var(--ui-color-primary-soft);
	outline: 0;
}

.compra-requisicao-acao-rapida__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--ui-color-primary-soft);
}

.compra-requisicao-acao-rapida strong { font-size: var(--ui-font-sm); }
.compra-requisicao-acao-rapida small { color: var(--ui-color-text-subtle); }

.compra-requisicao-atendimento,
.compra-requisicao-item-atendimento {
	min-width: 0;
}

.compra-requisicao-atendimento__topo,
.compra-requisicao-item-atendimento > div:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.compra-requisicao-atendimento progress,
.compra-requisicao-item-atendimento progress {
	display: block;
	width: 100%;
	height: 6px;
	margin: 4px 0;
	border: 0;
	border-radius: 999px;
	background: #ece8ef;
	accent-color: var(--ui-color-primary);
}

.compra-requisicao-atendimento progress::-webkit-progress-bar,
.compra-requisicao-item-atendimento progress::-webkit-progress-bar {
	border-radius: 999px;
	background: #ece8ef;
}

.compra-requisicao-atendimento progress::-webkit-progress-value,
.compra-requisicao-item-atendimento progress::-webkit-progress-value {
	border-radius: 999px;
	background: var(--ui-color-primary);
}

.compra-requisicao-item-atendimento.is-success progress { accent-color: var(--ui-color-success); }
.compra-requisicao-item-atendimento.is-warning progress { accent-color: var(--ui-color-warning); }
.compra-requisicao-item-atendimento.is-empty progress { accent-color: #aeb3bc; }
.compra-requisicao-item-atendimento.is-success progress::-webkit-progress-value { background: var(--ui-color-success); }
.compra-requisicao-item-atendimento.is-warning progress::-webkit-progress-value { background: var(--ui-color-warning); }
.compra-requisicao-item-atendimento.is-empty progress::-webkit-progress-value { background: #aeb3bc; }

.compra-requisicao-atendimento small,
.compra-requisicao-item-atendimento small {
	display: block;
	overflow: hidden;
	color: var(--ui-color-text-subtle);
	font-size: var(--ui-font-xs);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.compra-requisicao-pedidos-link {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ui-color-primary);
	font-size: var(--ui-font-xs);
	font-weight: 800;
}

.compra-requisicao-pedidos-link:hover,
.compra-requisicao-pedidos-link:focus {
	color: #5f1580;
	text-decoration: underline;
	outline: 0;
}

.compra-requisicao-pedidos-vazio {
	color: var(--ui-color-text-subtle);
	font-size: var(--ui-font-xs);
	font-weight: 700;
}

.compra-requisicao-data-utilizacao {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 700;
}

.compra-requisicao-data-utilizacao.is-atrasada {
	color: var(--ui-color-danger);
	cursor: help;
}

.compra-requisicao-data-utilizacao.is-atrasada > i {
	font-size: var(--ui-font-xs);
}

.compra-requisicao-modal-resumo {
	margin: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--ui-color-border);
}

.compra-pedido-resumo {
	margin-bottom: 0 !important;
}

.compra-pedido-filtros {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
	padding: 10px 12px;
	border: 1px solid var(--ui-color-border);
	border-radius: var(--ui-radius-md);
	background: var(--ui-color-surface-soft);
}

.compra-pedido-filtros__rotulo {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-right: 4px;
	color: var(--ui-color-text-subtle);
	font-size: var(--ui-font-xs);
	font-weight: 800;
	text-transform: uppercase;
}

.compra-pedido-filtro {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 30px;
	padding: 4px 10px;
	border: 1px solid var(--ui-color-border);
	border-radius: 999px;
	background: #fff;
	color: var(--ui-color-text-subtle);
	font-size: var(--ui-font-xs);
	font-weight: 700;
}

.compra-pedido-filtro.is-active {
	border-color: var(--ui-color-primary-border);
	background: var(--ui-color-primary-soft);
	color: var(--ui-color-text);
}

.compra-pedido-filtro__marcador { width: 8px; height: 8px; border-radius: 50%; background: #aeb3bc; }
.compra-pedido-filtro__marcador.is-success { background: var(--ui-color-success); }
.compra-pedido-filtro__marcador.is-warning { background: var(--ui-color-warning); }
.compra-pedido-filtro__marcador.is-danger { background: var(--ui-color-danger); }
.compra-pedido-filtro:not(.is-active) .compra-pedido-filtro__marcador { background: #c7cbd2; }

.compra-pedido-item-card {
	overflow: hidden;
	margin-bottom: 14px;
	border: 1px solid var(--ui-color-border);
	border-radius: var(--ui-radius-lg);
	background: #fff;
	box-shadow: var(--ui-shadow-sm);
	transition: border-color var(--ui-transition), box-shadow var(--ui-transition);
}

.compra-pedido-item-card.is-expanded {
	border-color: var(--ui-color-primary-border);
	box-shadow: var(--ui-shadow-md);
}

.compra-pedido-item-card.is-atendido {
	border-color: #c6e7cd;
	background: var(--ui-color-success-soft);
}

.compra-pedido-item-cabecalho {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 66px;
	padding: 10px 14px;
	border: 0;
	background: transparent;
	color: var(--ui-color-text);
	text-align: left;
}

button.compra-pedido-item-cabecalho:hover,
button.compra-pedido-item-cabecalho:focus {
	background: var(--ui-color-primary-soft);
	outline: 0;
}

.compra-pedido-item-cabecalho__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--ui-color-primary-soft);
	color: var(--ui-color-primary);
}

.compra-pedido-item-card.is-atendido .compra-pedido-item-cabecalho__icone {
	background: #fff;
	color: var(--ui-color-success);
}

.compra-pedido-item-cabecalho__produto {
	flex: 1;
	min-width: 0;
}

.compra-pedido-item-cabecalho__produto strong,
.compra-pedido-item-cabecalho__produto small { display: block; }
.compra-pedido-item-cabecalho__produto strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compra-pedido-item-cabecalho__produto small { margin-top: 3px; color: var(--ui-color-text-subtle); }

.compra-pedido-item-cabecalho__metricas {
	display: flex;
	align-items: center;
	gap: 16px;
}

.compra-pedido-item-cabecalho__metrica {
	min-width: 76px;
	padding-left: 12px;
	border-left: 1px solid var(--ui-color-border);
}

.compra-pedido-item-cabecalho__metrica span,
.compra-pedido-item-cabecalho__metrica strong { display: block; }
.compra-pedido-item-cabecalho__metrica span { color: var(--ui-color-text-subtle); font-size: var(--ui-font-xs); }
.compra-pedido-item-cabecalho__metrica strong { margin-top: 2px; font-variant-numeric: tabular-nums; }
.compra-pedido-item-cabecalho__chevron { color: var(--ui-color-primary); transition: transform var(--ui-transition); }
.compra-pedido-item-card.is-expanded .compra-pedido-item-cabecalho__chevron { transform: rotate(180deg); }

.compra-pedido-item-corpo {
	padding: 16px;
	border-top: 1px solid var(--ui-color-border);
	background: linear-gradient(180deg, #fff, var(--ui-color-surface-soft));
}

.compra-pedido-item-corpo[hidden],
.compra-pedido-historico[hidden] { display: none !important; }

.compra-pedido-subsecao + .compra-pedido-subsecao {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--ui-color-border);
}

.compra-pedido-subsecao__titulo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.compra-pedido-subsecao__titulo > div { display: flex; align-items: center; gap: 8px; }
.compra-pedido-subsecao__titulo i { color: var(--ui-color-primary); }
.compra-pedido-subsecao__titulo strong { color: #332b37; }
.compra-pedido-subsecao__titulo small { color: var(--ui-color-text-subtle); }

.compra-pedido-campo-destaque .form-control {
	border-color: var(--ui-color-primary-border);
	background: #fff;
	box-shadow: var(--ui-shadow-focus);
	font-weight: 800;
}

.compra-pedido-campo-destaque .input-group-btn .btn-material {
	height: 30px;
	min-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 0 var(--ui-radius-sm) var(--ui-radius-sm) 0;
	white-space: nowrap;
}

.compra-pedido-historico {
	margin-top: 10px;
	padding: 14px;
	border: 1px solid var(--ui-color-border);
	border-radius: var(--ui-radius-md);
	background: #fff;
}

.compra-pedido-preview-body {
	padding: 16px !important;
	background: var(--ui-color-surface-soft);
}

.compra-pedido-preview-resumo {
	margin-bottom: 14px !important;
}

.compra-pedido-preview-bloco,
.compra-pedido-preview-itens {
	margin-top: 12px;
	padding: 14px;
	border: 1px solid var(--ui-color-border);
	border-radius: var(--ui-radius-md);
	background: #fff;
}

.compra-pedido-preview-bloco__titulo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--ui-color-border);
}

.compra-pedido-preview-bloco__titulo > div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.compra-pedido-preview-bloco__titulo i { color: var(--ui-color-primary); }
.compra-pedido-preview-bloco__titulo small { color: var(--ui-color-text-subtle); }
.compra-pedido-preview-alerta { margin: 12px 0 0; }
.compra-pedido-preview-itens { padding: 14px 0 0; overflow: hidden; }
.compra-pedido-preview-itens .compra-pedido-preview-bloco__titulo { margin: 0 14px 10px; }
.compra-pedido-preview-itens .table-responsive { border-top: 1px solid var(--ui-color-border); }
.compra-pedido-preview-itens .table { margin-bottom: 0; }

@media (max-width: 991px) {
	.compra-pedido-item-cabecalho { align-items: flex-start; flex-wrap: wrap; }
	.compra-pedido-item-cabecalho__produto { flex-basis: calc(100% - 70px); }
	.compra-pedido-item-cabecalho__metricas { order: 3; width: 100%; }
	.compra-pedido-item-cabecalho__metrica { flex: 1; }
}

@media (max-width: 620px) {
	.compra-requisicao-item-editor { padding: 12px 12px 6px; }
	.compra-pedido-item-cabecalho__metricas { flex-wrap: wrap; gap: 8px; }
	.compra-pedido-item-cabecalho__metrica { min-width: calc(50% - 8px); padding: 7px; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); }
	.compra-pedido-subsecao__titulo { align-items: flex-start; flex-direction: column; }
	.compra-pedido-preview-bloco__titulo { align-items: flex-start; flex-direction: column; }
}