/* v4.6.6 – Ergebnis-Karte überarbeitet, Badge größer, Buttons/Sidebar unverändert */

:root{
  --pgr-primary:#991c37;
  --pgr-primary-hover:#7f162e;
  --pgr-primary-active:#5f1022;
  --pgr-primary-contrast:#ffffff;

  --pgr-accent:#55726f;
  --pgr-accent-200:#6c8a87;

  --pgr-surface:#ffffff;
  --pgr-bg:#f4f7f7;

  --pgr-border:#cfd9d7;
  --pgr-muted:#e8efee;
  --pgr-muted-border:#d1dede;

  --pgr-text:#1f2937;
}

.pgr-wrap{display:flex;min-height:680px;color:var(--pgr-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
.pgr-aside{width:260px;background:var(--pgr-accent);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100%}
.pgr-brand{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.15);font-weight:800;line-height:1.1}
.pgr-nav a{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#f0f7f6;text-decoration:none;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,0.02);transition:background .15s,border-color .15s}
.pgr-nav a:hover{color:inherit;border-bottom-color:var(--pgr-primary);background:none}
.pgr-nav a:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}
.pgr-nav a.active{background:rgba(0,0,0,.18);border-left-color:var(--pgr-primary);font-weight:800}

.pgr-main{flex:1;background:var(--pgr-bg);display:flex;align-items:flex-start;justify-content:center}
.pgr-card{background:var(--pgr-surface);border-radius:14px;box-shadow:0 6px 26px rgba(0,0,0,.08);margin:24px;width:min(1100px,calc(100% - 32px));padding:26px}
.pgr-hero{background:var(--pgr-accent);color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:16px;text-align:center}
.pgr-hero h2{margin:0 0 6px;font-size:24px}

.pgr-step.hidden{display:none}
.pgr-note{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid var(--pgr-border);padding:10px 12px;border-radius:10px}
.pgr-note.-mt{margin-top:-4px}

.pgr-label{font-weight:700;margin:14px 0 8px}

/* Auswahl-Grid */
.pgr-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.pgr-choice{
  background:#fafcfc;border:1.5px solid var(--pgr-border);border-radius:9px;
  padding:12px 14px;font-weight:500 !important;cursor:pointer;color:#000;text-align:center;width:100%;
  transition:border-color .15s,box-shadow .15s,background .15s,color .15s
}
.pgr-choice:hover{border-color:var(--pgr-primary)}
.pgr-choice.selected{background:#fdeef2;border-color:var(--pgr-primary);color:#2b0b14;box-shadow:0 0 0 3px rgba(153,28,55,.22)}

.pgr-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 16px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .02s}
.pgr-btn:active{transform:translateY(1px)}
.pgr-btn-primary{background:var(--pgr-primary);color:#fff}
.pgr-btn-primary:hover{background:var(--pgr-primary-hover)}
.pgr-btn-primary:active{background:var(--pgr-primary-active)}
.pgr-btn-ghost{background:transparent;border:1px solid var(--pgr-primary);color:var(--pgr-primary)}
.pgr-btn-ghost:hover{background:#fff5f7}
.pgr-btn-muted{background:#f3f6f6;border:1px solid #dfe6e5}

.pgr-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.pgr-select,.pgr-number{border:1.5px solid var(--pgr-border);border-radius:10px;padding:8px 10px;background:#fff;color:var(--pgr-text)}
.pgr-select:focus,.pgr-number:focus{outline:none;box-shadow:0 0 0 3px rgba(153,28,55,.22);border-color:var(--pgr-primary)}
.pgr-number{width:140px}

.pgr-result-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px}
.pgr-chip{background:#e9f5f4;border:1px solid #cfe6e3;border-radius:8px;padding:8px;text-align:center}
.pgr-chip strong{display:block;font-size:18px}
.pgr-chip.pgr-total{background:#e6ebf3;border-color:#cfd6e6}

.pgr-error{padding:12px;border:1px solid #f5c2c7;background:#fde8e8;color:#991c37;border-radius:8px}
.hidden{display:none}

/* Ergebnis-Karten (überarbeitet) */
.pgr-result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:10px 0 6px}
.pgr-cardgrad{
  background:linear-gradient(180deg,#55726f 0%, #991c37 100%);
  border-radius:22px; color:#fff; padding:24px 18px; text-align:center;
  box-shadow:0 10px 26px rgba(153,28,55,.25), 0 0 0 8px rgba(85,114,111,.08) inset
}
.pgr-res-title{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:.2px}
.pgr-badge{
  width:120px;height:120px;border-radius:999px;background:#fff;color:#991c37;
  margin:0 auto 10px; display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-weight:800
}
.pgr-badge.-xl{width:160px;height:160px}
.pgr-badge small{font-size:12px;line-height:1.2;color:#991c37;margin-top:4px}
.pgr-badge strong{font-size:38px;line-height:1}
.pgr-cardtext{font-weight:800;font-size:18px;line-height:1.25}

/* Responsive */
@media (max-width:980px){
  .pgr-wrap{flex-direction:column}
  .pgr-aside{order:2;width:100%;position:static}
  .pgr-nav{display:flex;overflow:auto}
  .pgr-nav a{flex:1 0 auto;text-align:center;border-left:0;border-bottom:2px solid transparent}
  .pgr-nav a.active{border-bottom-color:var(--pgr-primary)}
  .pgr-result-grid{grid-template-columns:repeat(3,1fr)}
  .pgr-result-cards{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pgr-card{margin:16px;padding:18px}
  .pgr-result-grid{grid-template-columns:repeat(2,1fr)}
  .pgr-inline{flex-direction:column;align-items:flex-start}
  .pgr-number,.pgr-select{width:100%}
  .pgr-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pgr-choice{padding:10px 12px}
}

.pgr-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.pgr-actions .left{display:flex;gap:10px;flex-wrap:wrap;flex:1 1 auto;justify-content:flex-start}
.pgr-actions .right{display:flex;gap:10px;flex-wrap:wrap;flex:1 1 auto;justify-content:flex-end}

.pgr-btn-accent{background:var(--pgr-accent);color:#fff;border:1px solid var(--pgr-accent)}
.pgr-btn-accent:hover{filter:brightness(0.95)}
.pgr-btn-accent-outline{background:#fff;color:var(--pgr-accent);border:1px solid var(--pgr-accent)}
.pgr-btn-accent-outline:hover{background:#f2f7f6}

.pgr-m5 .pgr-select,.pgr-m5 .pgr-number,.pgr-m5 .pgr-m5-anzahl{min-width:200px;max-width:100%;width:260px}

.pgr-res-head,.pgr-res-title{font-size:20px}
.pgr-badge.-xl strong{font-size:36px}
#pgr-pdf-btn{margin-top:20px}

/* color vars for hero/result */
.pgr-hero h2{color:var(--pgr-hero-title,inherit)}
.pgr-hero p{color:var(--pgr-hero-sub,inherit)}
.pgr-res-title{color:var(--pgr-result-title,inherit)}

.pgr-cardgrad .pgr-badge{width:120px;height:120px;border-radius:50% !important;}