/* A.G.E. Partner – Frontend (nutzt die Farb-Variablen des Themes, mit Fallbacks) */
.agp { --agp-line: var(--line, rgba(46, 58, 31, .16)); --agp-ink: var(--olive-dark, #2e3a1f); --agp-gold: var(--gold, #a89650); }
.agp-box { background: #fff; border: 1px solid var(--agp-line); border-radius: var(--radius, 14px); padding: 1.4rem 1.5rem; margin: 0 0 1.5rem; }
.agp-box h3 { margin-top: 0; }
.agp-box h4 { font-family: var(--font-head, inherit); font-weight: 500; font-size: 1rem; margin: 1.2rem 0 .4rem; color: var(--agp-ink); }
.agp-muted { color: var(--taupe, #847d66); font-size: .92rem; }
.agp-copy { margin: 0 0 1rem; }
.agp-copy label { display: block; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--agp-gold); margin-bottom: .3rem; }
.agp-copy__row { display: flex; gap: .6rem; }
.agp-copy__row input { flex: 1; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .95rem; padding: .7em .9em; border: 1px solid var(--agp-line); border-radius: 10px; background: var(--cream, #f0ede4); }
.agp-copy__row .age-btn { padding: .7em 1.2em; white-space: nowrap; }
.agp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 0 0 .6rem; }
.agp-stats > div { background: var(--mint, #e8edd8); border-radius: var(--radius, 14px); padding: 1rem 1.2rem; }
.agp-stats span { display: block; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; color: var(--olive, #4a5535); }
.agp-stats strong { font-family: var(--font-head, inherit); font-size: 1.35rem; font-weight: 500; color: var(--agp-ink); }
.agp-scroll { overflow-x: auto; }
.agp-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.agp-table th, .agp-table td { text-align: left; padding: .55rem .6rem; border-bottom: 1px solid var(--agp-line); vertical-align: top; }
.agp-table th { font-weight: 500; font-size: .85rem; color: var(--olive, #4a5535); white-space: nowrap; }
.agp-badge { display: inline-block; font-size: .8rem; padding: .1em .7em; border-radius: 99px; background: var(--sand, #f0ead0); white-space: nowrap; }
.agp-badge--approved { background: var(--sage, #d6dec8); }
.agp-badge--paid { background: var(--olive-dark, #2e3a1f); color: #fff; }
.agp-badge--cancelled { background: #f3dede; color: #7d2a2a; }
.agp-team { list-style: none; margin: 0; padding: 0; }
.agp-team li { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--agp-line); }
.agp-form p { margin: 0 0 1rem; }
.agp-form label { display: block; font-weight: 500; margin-bottom: .3rem; }
.agp-form input[type="text"] { width: 100%; max-width: 480px; padding: .7em .9em; border: 1px solid var(--agp-line); border-radius: 10px; font: inherit; }
.agp-form small { display: block; color: var(--taupe, #847d66); margin-top: .3rem; }
.agp-check label { font-weight: 400; display: flex; gap: .6rem; align-items: flex-start; }
.agp-check input { margin-top: .35em; }
.agp-landing .agp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0; }
.agp-landing .agp-steps > div { background: #fff; border: 1px solid var(--agp-line); border-radius: var(--radius, 14px); padding: 1.3rem; }
.agp-landing .agp-steps span { display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--agp-gold); color: #fff; font-weight: 600; margin-bottom: .6rem; }
.agp-landing .agp-list { padding-left: 1.2rem; }
.agp-landing .agp-list li { margin: .35rem 0; }
.agp-landing .agp-rates { margin: .5rem 0 .8rem; background: #fff; border-radius: 10px; }
.agp-cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
@media (max-width: 680px) {
	.agp-stats { grid-template-columns: repeat(2, 1fr); }
	.agp-landing .agp-steps { grid-template-columns: 1fr; }
	.agp-copy__row { flex-direction: column; }
	.agp-box { padding: 1.1rem; }
}