/* AgraGen 6.2.0-r27 · Produktionsreife */
.onboarding-banner{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:16px;margin:0 0 20px;padding:14px 16px;border:1px solid rgba(20,104,78,.15);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,242,.94));box-shadow:0 10px 28px rgba(10,42,31,.06)}
.onboarding-banner strong,.onboarding-banner small{display:block}.onboarding-banner strong{font-size:15px;color:#153b2e}.onboarding-banner small{font-size:11px;color:#66776f;margin-top:2px}.onboarding-banner form{margin:0}
.onboarding-progress{height:8px;border-radius:999px;background:#dfe8e2;overflow:hidden}.onboarding-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168363,#9bc83e)}.onboarding-progress.large{height:12px;margin:0 0 24px}
.onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.onboarding-score{flex:0 0 auto;min-width:130px;padding:18px;border-radius:18px;background:#0b3b2d;color:#fff;text-align:center}.onboarding-score strong,.onboarding-score span{display:block}.onboarding-score strong{font:800 34px/1 Georgia,serif;color:#dff58f}.onboarding-score span{margin-top:6px;font-size:11px;color:rgba(255,255,255,.74)}
.onboarding-step-grid{display:grid;gap:12px}.onboarding-step{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;border:1px solid rgba(18,78,59,.12);border-radius:18px;background:#fff}.onboarding-step.complete{background:#f5f9f5}.onboarding-step-no{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#eaf1e5;color:#174a38;position:relative}.onboarding-step-no>span{font-weight:900}.onboarding-step-no>b{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0b3b2d;color:#fff;font-size:9px}.onboarding-step.complete .onboarding-step-no{background:#e2f2c6}.onboarding-step small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#6b7e74}.onboarding-step h3{margin:5px 0 5px;font-size:18px}.onboarding-step p{margin:0;color:#5d7067;font-size:13px;line-height:1.55}.onboarding-step-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:165px}.onboarding-step-actions form{margin:0}.onboarding-step-actions .btn{width:100%}
.onboarding-help-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.onboarding-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.onboarding-links a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(18,78,59,.12);border-radius:14px;background:#f9fbf8;text-decoration:none;color:inherit}.onboarding-links b{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e7f0e3;color:#174a38}.onboarding-links strong,.onboarding-links small{display:block}.onboarding-links small{font-size:10px;color:#68786f;margin-top:3px}.onboarding-support-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.readiness-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px;border-radius:22px;background:linear-gradient(135deg,#082c21,#0d4f3b);color:#fff;margin-bottom:18px}.readiness-hero h2{color:#fff;margin:4px 0 8px}.readiness-hero p{margin:0;color:rgba(255,255,255,.72);max-width:760px}.readiness-score{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0c3b2c 54%,transparent 55%),conic-gradient(#b9e94a var(--score),rgba(255,255,255,.14) 0);text-align:center}.readiness-score strong{display:block;font:800 31px/1 Georgia,serif;color:#fff}.readiness-score small{display:block;margin-top:5px;color:#dff58f;font-size:10px}
.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.readiness-kpi{padding:18px;border:1px solid rgba(18,78,59,.12);border-radius:16px;background:#fff}.readiness-kpi small,.readiness-kpi strong,.readiness-kpi em{display:block}.readiness-kpi strong{margin:5px 0;font-size:25px}.readiness-kpi em{font-style:normal;font-size:10px;color:#6c7d74}.readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.readiness-check{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid #dce3dd;border-radius:14px;background:#fff}.readiness-check>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900}.readiness-check.pass>span{background:#e4f3c9;color:#174830}.readiness-check.warning>span{background:#fff2c4;color:#7b5b00}.readiness-check.fail>span{background:#fde0dc;color:#8f291f}.readiness-check strong,.readiness-check small{display:block}.readiness-check small{margin-top:3px;font-size:10px;color:#6a7a72}.ad-performance{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ad-performance span{padding:7px 10px;border-radius:999px;background:#eef4ee;font-size:11px;color:#355547}.ad-performance strong{font-size:12px}
@media(max-width:1100px){.readiness-grid{grid-template-columns:repeat(2,1fr)}.readiness-checks{grid-template-columns:1fr}.onboarding-help-grid{grid-template-columns:1fr}}
@media(max-width:760px){.onboarding-banner{grid-template-columns:1fr}.onboarding-step{grid-template-columns:52px 1fr}.onboarding-step-actions{grid-column:1/-1;min-width:0;flex-direction:row;flex-wrap:wrap}.onboarding-head,.readiness-hero{grid-template-columns:1fr;display:grid}.onboarding-score{width:100%}.onboarding-links,.readiness-grid{grid-template-columns:1fr}.readiness-score{width:106px;height:106px}.readiness-check{grid-template-columns:38px 1fr}.readiness-check .btn{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.onboarding-progress span,.readiness-score{transition:none!important}}
.premium-renewal-box{margin-top:16px;padding:16px;border:1px solid rgba(28,112,82,.16);border-radius:14px;background:#f1f7f2}.premium-renewal-box>strong{display:block;color:#174a38}.premium-renewal-box>p{font-size:12px;line-height:1.55;color:#607168}.premium-renewal-box form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.premium-renewal-box .field{min-width:220px;flex:1}