.ponyva-app {
	--color-cream: #FBF6EC;
	--color-sand: #ECE0C6;
	--color-brown: #6E4A2C;
	--color-dark-brown: #2E1E12;
	--color-green: #4D6B3C;
	--color-red: #B13029;

	max-width: 720px;
	margin: 0 auto;
	font-size: 16px;
	color: var(--color-dark-brown);
}

.ponyva-app * { box-sizing: border-box; }
.ponyva-app button { padding: 10px; font-size: 15px; font-weight: 700; cursor: pointer; border-radius: 5px; }
.ponyva-app .btn-primary { background: var(--color-brown); color: var(--color-cream); }
.ponyva-app .btn-secondary { background: var(--color-sand); color: var(--color-dark-brown); }
.ponyva-app .btn-danger { background: var(--color-red); color: var(--color-cream); }
.ponyva-app .btn-success { background: var(--color-green); color: var(--color-cream); }
.ponyva-app .btn-block { width: 100%; margin-top: 8px; }

.ponyva-loading { text-align: center; padding: 40px 0; color: var(--color-brown); }
.ponyva-login-notice { padding: 20px; background: var(--color-sand); border-radius: 8px; text-align: center; color: var(--color-dark-brown); }

/* Lista nézet */
.ponyva-list-header { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.ponyva-list-header h2 { margin-bottom: 0 !important; color: var(--color-dark-brown); }

/* Kártyák */
.ponyva-order-card { margin-bottom: 20px; padding: 15px; background: #FFFFFF; border: 1px solid var(--color-sand); border-radius: 10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.ponyva-order-card .info strong { display: block; font-size: 16px; color: var(--color-dark-brown); }
.ponyva-order-card .info span { font-size: 13px; display: block; }

/* Címkék */
.ponyva-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; margin-top: 4px; }
.ponyva-badge.badge-piszkozat { background-color: color-mix(in srgb, var(--color-brown) 15%, #FFFFFF 85%); color: var(--color-brown); }
.ponyva-badge.badge-veglegesitve { background-color: color-mix(in srgb, var(--color-dark-brown) 15%, #FFFFFF 85%); color: var(--color-dark-brown); }
.ponyva-badge.badge-kikuldve { background-color: color-mix(in srgb, var(--color-green) 15%, #FFFFFF 85%); color: var(--color-green); }

/* Form nézet */
.ponyva-form-header { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ponyva-section { background: #FFFFFF; border: 1px solid var(--color-sand); border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; }
.ponyva-section h3 { margin: 0 0 10px 0; color: var(--color-brown); font-size: 15px; }
.ponyva-field { margin-bottom: 10px; }
.ponyva-field label { display: block; font-size: 13px; color: var(--color-brown); margin-bottom: 4px; }
.ponyva-field input[type="text"],
.ponyva-field input[type="email"],
.ponyva-field input[type="number"],
.ponyva-field input[type="tel"] {
	width: 100%; padding: 10px 12px; border: 1px solid var(--color-sand); border-radius: 8px; font-size: 16px;
	background: var(--color-cream); color: var(--color-dark-brown);
}
.ponyva-field.conditional { display: flex; align-items: center; gap: 10px; }
.ponyva-field.conditional input[type="number"] { flex: 1; }
.ponyva-field.conditional label.checkbox { display: flex; align-items: center; gap: 6px; font-size: 13px; white-space: nowrap; color: var(--color-brown); }
.ponyva-field.computed input { background: var(--color-sand); color: var(--color-brown); }
.ponyva-field .hint { font-size: 11px; color: var(--color-brown); margin-top: 2px; }

/* Oldal block */
.ponyva-oldal-block { margin-bottom: 20px; padding: 20px; background: #FFFFFF; border: 1px solid var(--color-sand); border-radius: 10px; }
.ponyva-oldal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.ponyva-oldal-header h4 { margin: 0; color: var(--color-brown); }
.ponyva-oldal-m2 { font-size: 13px; color: var(--color-green); font-weight: bold; }

.ponyva-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }

.ponyva-reszletezo summary { color: var(--color-brown); }
.ponyva-reszletezo table th { color: var(--color-brown); border-bottom-color: var(--color-sand) !important; }
.ponyva-reszletezo table td { color: var(--color-dark-brown); }

.ponyva-summary { background: var(--color-sand); border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; }
.ponyva-summary .row { display: flex; justify-content: space-between; padding: 4px 0; font-size: 14px; color: var(--color-dark-brown); }
.ponyva-summary .row.total { font-size: 18px; font-weight: bold; color: var(--color-brown); border-top: 1px solid var(--color-brown); margin-top: 6px; padding-top: 8px; }

/* Akció gombok */
.ponyva-actions { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.ponyva-actions button { flex: 1; }

.btn-block.add-new-block { margin-bottom: 20px; }


@media (max-width: 768px) {
	.ponyva-grid-2 { grid-template-columns: 1fr; }
	
	/* Kártyák */
	.ponyva-order-card { flex-direction: column; align-items: flex-start; }
	.ponyva-order-card .info { flex: none; width: 100%; }
	
	/* Akció gombok */
	.ponyva-actions button { flex: none; width: 100%; }
}