.bf-trz-panel {
	max-width: 1100px;
	margin: 0 auto;
	font-family: inherit;
}

.bf-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #8a8a8a;
	white-space: nowrap;
}

.bf-badge-nueva          { background: #607d8b; }
.bf-badge-cotizada       { background: #b8860b; }
.bf-badge-pago_recibido  { background: #2f6fb0; }
.bf-badge-en_elaboracion { background: #a0522d; }
.bf-badge-listo          { background: #1f5c4a; }
.bf-badge-entregada      { background: #2e7d32; }
.bf-badge-cancelada      { background: #b32d2e; }

.bf-trz-timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid #e3e8e6;
}

.bf-trz-timeline li {
	position: relative;
	padding: 0 0 16px 18px;
}

.bf-trz-timeline li::before {
	content: '';
	position: absolute;
	left: -6px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1f5c4a;
}

.bf-trz-panel-login {
	max-width: 420px;
	margin: 20px auto;
	padding: 28px;
	border: 1px solid #e3e8e6;
	border-radius: 10px;
	background: #fff;
}

.bf-trz-panel-subtitulo {
	color: #7a8a84;
	margin-top: -8px;
	font-size: 14px;
}

.bf-trz-panel-olvido {
	text-align: center;
	margin-top: 14px;
}

.bf-trz-panel-olvido a {
	color: #1f5c4a;
	font-size: 13px;
	text-decoration: none;
}

.bf-trz-panel-olvido a:hover {
	text-decoration: underline;
}

.bf-trz-panel-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.bf-trz-boton-secundario {
	background: transparent;
	color: #1f5c4a;
	border: 1px solid #1f5c4a;
}

.bf-trz-boton-secundario:hover {
	background: #eaf3f0;
}

.bf-trz-boton-chico {
	padding: 6px 16px;
	font-size: 13px;
}

.bf-trz-panel-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 16px;
	border-bottom: 2px solid #e3e8e6;
	flex-wrap: wrap;
}

.bf-trz-panel-tab {
	padding: 10px 16px;
	text-decoration: none;
	color: #7a8a84;
	font-weight: 600;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
}

.bf-trz-panel-tab-activa {
	color: #1f5c4a;
	border-bottom-color: #1f5c4a;
}

.bf-trz-tabla-scroll {
	overflow-x: auto;
	border: 1px solid #e3e8e6;
	border-radius: 8px;
}

.bf-trz-panel-tabla {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
}

.bf-trz-panel-tabla th,
.bf-trz-panel-tabla td {
	padding: 10px 14px;
	text-align: left;
	border-bottom: 1px solid #eef2f0;
	white-space: nowrap;
}

.bf-trz-panel-tabla th {
	background: #f4f6f5;
	color: #26332e;
	font-weight: 700;
}

.bf-trz-panel-tabla tr:last-child td {
	border-bottom: none;
}

.bf-trz-panel-columnas {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin-top: 16px;
}

.bf-trz-panel-col-principal {
	flex: 2;
	min-width: 0;
}

.bf-trz-panel-col-lateral {
	flex: 1;
	min-width: 260px;
}

.bf-trz-panel-card {
	background: #fff;
	border: 1px solid #e3e8e6;
	border-radius: 8px;
	padding: 18px 20px;
	margin-bottom: 18px;
}

.bf-trz-panel-card h3 {
	margin-top: 0;
	color: #1f5c4a;
}

.bf-trz-volver {
	display: inline-block;
	margin-bottom: 10px;
	color: #1f5c4a;
	text-decoration: none;
	font-weight: 600;
}

.bf-trz-dashboard {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.bf-trz-dashboard-tarjeta {
	background: #fff;
	border: 1px solid #e3e8e6;
	border-radius: 8px;
	padding: 12px 18px;
	min-width: 130px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bf-trz-dashboard-numero {
	font-size: 24px;
	font-weight: 700;
	color: #1f5c4a;
}

.bf-trz-dashboard-etiqueta {
	font-size: 12px;
	color: #7a8a84;
}

.bf-trz-dashboard-tarjeta-estado {
	border-left: 4px solid #a0522d;
}

.bf-trz-dashboard-tarjeta-canal {
	border-left: 4px solid #2f6fb0;
}

.bf-trz-filtros {
	background: #f4f6f5;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 14px;
}

.bf-trz-filtros-fila {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.bf-trz-filtros-fila input[type="text"],
.bf-trz-filtros-fila input[type="date"],
.bf-trz-filtros-fila select {
	padding: 8px 10px;
	border: 1px solid #cdd7d3;
	border-radius: 6px;
	font-size: 14px;
}

.bf-trz-filtros-fila input[type="text"] {
	flex: 1;
	min-width: 220px;
}

.bf-trz-panel-resultados {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	font-size: 14px;
	color: #7a8a84;
}

.bf-trz-ficha-cliente {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bf-trz-ficha-cliente li {
	padding: 8px 0;
	border-bottom: 1px solid #eef2f0;
	font-size: 14px;
}

.bf-trz-ficha-cliente li:last-child {
	border-bottom: none;
}

.bf-trz-ficha-cliente a {
	color: #1f5c4a;
	text-decoration: none;
}

.bf-trz-card-recetas {
	border-color: #a0522d;
	border-width: 2px;
}

.bf-trz-recetas-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.bf-trz-receta-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: 160px;
	text-decoration: none;
	color: #26332e;
	font-size: 13px;
	text-align: center;
}

.bf-trz-receta-img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid #e3e8e6;
	background: #f4f6f5;
}

.bf-trz-receta-img:hover {
	border-color: #1f5c4a;
}

.bf-trz-receta-pdf {
	width: 160px;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 48px;
	border-radius: 8px;
	border: 1px solid #e3e8e6;
	background: #f4f6f5;
}

.bf-trz-cancelar-summary {
	cursor: pointer;
	color: #b32d2e;
	font-weight: 600;
}

@media (max-width: 782px) {
	.bf-trz-panel-columnas {
		flex-direction: column;
	}
	.bf-trz-panel-header {
		flex-direction: column;
	}
}