/* GNR PawPlacer Integration — public styles.
 * Pine + clay + cream, matching the Greatest Need Rescue design tokens.
 * One primary button color (pine) everywhere.
 */

.gnr-pets-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.gnr-pets-filters label {
	font-weight: 700;
}

.gnr-pets-filters input,
.gnr-pets-filters select {
	display: block;
	margin-top: 0.25rem;
	padding: 0.5rem;
}

.gnr-pets-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.25rem;
}

.gnr-pet-card {
	border: 1px solid #e5ddd2;
	border-radius: 8px;
	overflow: hidden;
	background: #fffdf8;
}

.gnr-pet-card a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.gnr-pet-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
}

.gnr-pet-name,
.gnr-pet-breed,
.gnr-pet-meta,
.gnr-pet-fee {
	display: block;
	padding: 0 0.75rem;
}

.gnr-pet-name {
	font-weight: 700;
	font-size: 1.1rem;
	padding-top: 0.5rem;
}

.gnr-pet-fee {
	padding-bottom: 0.75rem;
}

.gnr-pets-synced {
	font-size: 0.85rem;
	color: #666;
	margin-top: 1.5rem;
}

.gnr-pet-profile-photo {
	width: 100%;
	max-width: 640px;
	height: auto;
	border-radius: 8px;
}

.gnr-pet-facts {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.25rem 1rem;
}

.gnr-pet-facts dt {
	font-weight: 700;
}

.gnr-pet-photos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 0.75rem;
	margin-top: 1rem;
}

.gnr-pet-photos img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.gnr-application fieldset {
	border: 1px solid #e5ddd2;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.25rem;
}

.gnr-application legend {
	font-weight: 700;
	padding: 0 0.5rem;
}

.gnr-application label {
	display: block;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.gnr-application input[type="text"],
.gnr-application input[type="email"],
.gnr-application input[type="tel"],
.gnr-application input[type="date"],
.gnr-application input[type="number"],
.gnr-application select,
.gnr-application textarea {
	width: 100%;
	max-width: 560px;
	padding: 0.5rem;
}

.gnr-application-contract {
	max-height: 320px;
	overflow-y: auto;
	border: 1px solid #e5ddd2;
	padding: 1rem;
	background: #fffdf8;
}

.gnr-application-notice {
	padding: 0.75rem 1rem;
	border-radius: 6px;
	background: #fdf6e3;
	border: 1px solid #e5ddd2;
}

.gnr-application-notice.gnr-application-ok {
	background: #eaf4ec;
	border-color: #2e6b34;
}