.ftn-job-detail {
	max-width: 56rem;
	margin:2rem auto;
	padding:clamp(1rem,3vw,2rem);
	border:1px solid #e2e8f0;
	border-radius:16px;
	background:#fff;
	box-shadow:0 14px 40px rgba(15,23,42,.08);
}

.ftn-job-detail-header,
.ftn-job-meta,
.ftn-job-customer,
.ftn-job-cta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.ftn-job-detail-header {
	justify-content: space-between;
	margin-bottom: 1rem;
}

.ftn-job-meta {
	padding: 0.75rem 0;
	border-block: 1px solid #e5e7eb;
}

.ftn-job-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.ftn-job-description {
	margin-block: 1.25rem;
	font-size:1.05rem;
	line-height:1.7;
}
.ftn-job-title{margin:0 0 .5rem}.ftn-job-status,.ftn-offer-count-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;background:#e2e8f0;font-weight:800}.ftn-job-status.ftn-open{background:#dcfce7;color:#166534}.ftn-job-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin:1rem 0}.ftn-job-extras>div{padding:.75rem;border-radius:9px;background:#f8fafc}.ftn-job-extras dt{font-weight:800}.ftn-job-extras dd{margin:0}.ftn-job-owner-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.ftn-offer-form{padding:1rem;border:1px solid #dbe3ee;border-radius:12px;background:#f8fafc}.ftn-offer-form input,.ftn-offer-form textarea{width:100%;padding:.7rem;border:1px solid #cbd5e1;border-radius:8px}.ftn-offer-form textarea{min-height:120px}

.ftn-job-customer {
	padding: 1rem;
	margin-block: 1rem;
	background: #f8fafc;
	border-radius: 0.75rem;
}

.ftn-customer-avatar {
	width: 5rem;
	height: 5rem;
	object-fit: cover;
	border-radius: 50%;
}

.ftn-job-cta {
	margin-top: 1.5rem;
}

.ftn-job-media {
	display: inline-block;
	max-width: 100%;
	height: auto;
	margin: 0.5rem;
}

.ftn-offer-form,
.ftn-quote-templates {
	display: grid;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.ftn-offer-form label,
.ftn-quote-templates textarea {
	display: grid;
	gap: 0.25rem;
}

@media (max-width: 40rem) {
	.ftn-job-detail-header,
	.ftn-job-customer {
		align-items: flex-start;
		flex-direction: column;
	}
}