/* SCHMOTZER PETITION – PREMIUM DASHBOARD V9
   Eigene Datei zur sicheren Cache-Umgehung. */
.petition-dashboard button.dash-card{appearance:none;-webkit-appearance:none;width:auto;margin:0;border-style:solid;font-family:inherit;font-size:inherit;line-height:1.4}
.petition-dashboard button.dash-card::-moz-focus-inner{border:0;padding:0}
/* V7: im Seitendesign aufbereitetes 3-Spalten-Dashboard über volle Containerbreite */
.petition-dashboard-shell{position:relative;padding:24px;border:1px solid #254a59;border-radius:26px;background:linear-gradient(180deg,rgba(22,58,95,.92) 0%,rgba(17,43,62,.96) 52%,rgba(16,33,49,.98) 100%);box-shadow:0 18px 48px rgba(0,0,0,.32);overflow:hidden}
.petition-dashboard-shell:before{content:"";position:absolute;inset:-80px auto auto -80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(23,124,120,.28),transparent 68%);pointer-events:none}.petition-dashboard-shell:after{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(247,146,57,.16),transparent 70%);pointer-events:none}
.dash-shell-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.10)}
.dash-shell-head h2{margin:4px 0 0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.1;color:#fff}
.dash-shell-kicker{display:inline-block;font-size:.76rem;font-weight:900;letter-spacing:.18em;color:#7fe0d7}
.dash-shell-sub{max-width:360px;text-align:right;color:#b4c7d5;font-size:.95rem}
.petition-dashboard{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr 1.1fr;gap:18px;align-items:stretch;width:100%}
.dash-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:372px;padding:22px 22px 18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));backdrop-filter:blur(2px);color:#eef6f6;text-align:left;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;font:inherit}
.dash-card:before{content:"";position:absolute;inset:auto -55px -70px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 72%);pointer-events:none}
.dash-card.active{border-color:rgba(127,224,215,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 36px rgba(0,0,0,.28),0 0 0 2px rgba(127,224,215,.10);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))}.dash-card:focus-visible{outline:3px solid #7fe0d7;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.dash-card:hover{transform:translateY(-4px);border-color:rgba(247,146,57,.45)}}
.card-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.dash-kicker{font-size:.76rem;font-weight:950;letter-spacing:.18em;color:#8be7df;margin:0}.dash-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-size:.74rem;font-weight:850;color:#dce9ef}
.progress-hero{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;margin-top:6px}.progress-numbers{min-width:0}.dash-big{font-size:clamp(2.4rem,4vw,3.8rem);line-height:.95;font-weight:1000;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff}.dash-label{font-weight:900;color:#d2dee4;margin-top:6px}.dash-more{font-size:.98rem;color:#ffc282;font-weight:850;margin-top:12px}
.progress-ring{--progress:0deg;width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f79239 var(--progress),#167c78 0 78%,rgba(255,255,255,.10) 78%);position:relative;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:background .45s ease}.progress-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(180deg,#15314f,#10263d);border:1px solid rgba(255,255,255,.07)}.progress-ring-inner{position:relative;z-index:1;text-align:center}.progress-ring-inner strong{display:block;font-size:1.65rem;line-height:1;font-weight:1000;color:#fff}.progress-ring-inner span{font-size:.72rem;color:#c7d8df}
.meter-group{display:grid;gap:12px;margin-top:10px}.meter{width:100%;height:14px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.meter>span{display:block;height:100%;border-radius:inherit;transition:width .55s ease;position:relative}.meter>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 26%,rgba(255,255,255,.18) 52%,rgba(255,255,255,0) 78%)}
.meter-goal{margin-top:18px}.meter-goal>span{background:linear-gradient(90deg,#167c78,#f79239)}.meter-live>span{background:linear-gradient(90deg,#167c78,#63d4ce)}.meter-activity>span{background:linear-gradient(90deg,#167c78,#2ea7a0)}.meter-hour>span{background:linear-gradient(90deg,#f79239,#ffbf83)}
.meter-legend,.meter-label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.83rem;color:#bfd0d8}.meter-legend strong,.meter-label-row strong{color:#fff;font-size:.85rem}.meter-legend.compact{margin-top:8px}.meter-label-row{margin:0 0 6px}
.dash-hint{margin-top:auto;padding-top:14px;font-size:.73rem;letter-spacing:.05em;color:#8ea8b1}
.dash-live{background:linear-gradient(180deg,rgba(247,146,57,.11),rgba(255,255,255,.04));border-color:rgba(247,146,57,.18)}.dash-live .dash-kicker{color:#ffd0a1}.live-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;background:#b8272e;color:#fff;font-size:.95rem;font-weight:950;letter-spacing:.09em;box-shadow:0 0 0 4px rgba(184,39,46,.14)}.live-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.65);animation:livepulse 1.45s infinite}.dash-clock{font-size:clamp(2.1rem,4vw,3.25rem);line-height:1;font-weight:1000;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#fff;margin:4px 0 12px}.dash-event{font-size:clamp(1.16rem,2.15vw,1.6rem);line-height:1.25;font-weight:950;color:#fff;min-height:64px}
.pulse-track{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:64px;margin-top:16px;margin-bottom:12px}.pulse-track span{display:block;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(127,224,215,.9),rgba(22,124,120,.85));height:24%;animation:pulseBars 1.6s ease-in-out infinite}.pulse-track span:nth-child(2n){animation-duration:1.25s}.pulse-track span:nth-child(3n){animation-duration:1.9s}.pulse-track span:nth-child(1){height:28%}.pulse-track span:nth-child(2){height:48%}.pulse-track span:nth-child(3){height:34%}.pulse-track span:nth-child(4){height:62%}.pulse-track span:nth-child(5){height:44%}.pulse-track span:nth-child(6){height:72%}.pulse-track span:nth-child(7){height:38%}.pulse-track span:nth-child(8){height:56%}.pulse-track span:nth-child(9){height:30%}.pulse-track span:nth-child(10){height:68%}.pulse-track span:nth-child(11){height:46%}.pulse-track span:nth-child(12){height:58%}
.dash-live.pulse-new{animation:dashPulse .9s ease}
.activity-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 14px}.activity-head>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 13px 12px}.activity-head strong{display:block;font-size:1.8rem;line-height:1;font-weight:1000;color:#fff}.activity-head span{display:block;font-size:.74rem;color:#bfd0d8;margin-top:7px}
.activity-chart{height:128px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:6px;padding:12px 0 0;border-bottom:1px solid rgba(255,255,255,.12);margin-top:16px}.activity-bar{position:relative;display:block;min-height:12px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7fe0d7,#167c78);transition:height .45s ease,filter .2s ease}.activity-bar.latest{background:linear-gradient(180deg,#ffd1a3,#f79239)}.activity-bar:hover{filter:brightness(1.08)}.activity-bar em{position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-size:.62rem;font-style:normal;color:#d7e3e8;opacity:0;transition:opacity .15s}.activity-bar:focus em,.activity-bar:hover em{opacity:1}.activity-axis{display:flex;justify-content:space-between;font-size:.68rem;color:#9bb1bb;margin-top:7px}
.dashboard-detail{position:relative;z-index:1;margin-top:14px;padding:15px 18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(9,19,32,.38);color:#c7d4db;font-size:.94rem}.dashboard-detail strong{color:#fff}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes pulseBars{0%,100%{transform:scaleY(.85);opacity:.85}50%{transform:scaleY(1.06);opacity:1}}
@keyframes dashPulse{0%{box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 0 rgba(247,146,57,.5)}55%{box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 14px rgba(247,146,57,0)}100%{box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 0 rgba(247,146,57,0)}}
@media(max-width:980px){.petition-dashboard{grid-template-columns:1fr 1fr}.dash-live{grid-column:1/-1;min-height:330px}.dash-shell-head{align-items:flex-start;flex-direction:column}.dash-shell-sub{text-align:left;max-width:none}}
@media(max-width:680px){.petition-dashboard-shell{padding:18px}.petition-dashboard{grid-template-columns:1fr}.dash-card,.dash-live{grid-column:auto;min-height:320px}.progress-hero{grid-template-columns:1fr;justify-items:start}.progress-ring{width:124px;height:124px}.dash-clock{font-size:2.4rem}.pulse-track{height:52px}}
@media(prefers-reduced-motion:reduce){.dash-card,.meter>span,.progress-ring,.activity-bar,.dash-live.pulse-new,.pulse-track span{transition:none;animation:none}}

/* V8 PREMIUM VISUAL LAYER */
.petition-dashboard-shell{isolation:isolate;background:
linear-gradient(180deg,rgba(22,58,95,.98) 0%,rgba(18,45,68,.98) 44%,rgba(13,31,47,.99) 100%)}
.petition-dashboard-shell:before{filter:blur(8px);opacity:.9}.petition-dashboard-shell:after{filter:blur(10px);opacity:.85}
.petition-dashboard-shell .dash-shell-head:after{content:"";position:absolute;left:0;bottom:-1px;width:36%;height:2px;border-radius:999px;background:linear-gradient(90deg,#167c78,#f79239,transparent);box-shadow:0 0 18px rgba(247,146,57,.25)}
.status-orb{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#63d4ce;box-shadow:0 0 0 0 rgba(99,212,206,.55);animation:statusPulse 1.8s infinite;vertical-align:1px}
.mini-icon{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.78rem;vertical-align:-4px}
.dash-card{transform:translateZ(0)}
.dash-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(127,224,215,.28),rgba(255,255,255,.02) 38%,rgba(247,146,57,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.dash-progress{background:linear-gradient(180deg,rgba(22,124,120,.12),rgba(255,255,255,.035))}.dash-activity{background:linear-gradient(180deg,rgba(22,58,95,.22),rgba(255,255,255,.035))}
.progress-ring{filter:drop-shadow(0 10px 16px rgba(0,0,0,.26));animation:softRing 3.6s ease-in-out infinite}
.progress-ring:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(127,224,215,.16);box-shadow:0 0 28px rgba(22,124,120,.18)}
.premium-meter{position:relative;height:16px;border:1px solid rgba(255,255,255,.06);background:rgba(4,12,20,.4)}
.premium-meter>span{box-shadow:0 0 18px rgba(99,212,206,.16)}
.premium-meter>i{position:absolute;top:2px;bottom:2px;width:34px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);filter:blur(.2px);animation:meterScan 2.35s linear infinite;pointer-events:none}
.meter-goal>span{box-shadow:0 0 18px rgba(247,146,57,.22)}.meter-hour>span{box-shadow:0 0 18px rgba(247,146,57,.22)}
.dash-live{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.2)}.dash-live.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.3),0 0 32px rgba(247,146,57,.08)}
.live-badge{position:relative;overflow:hidden}.live-badge:after{content:"";position:absolute;inset:-40% auto -40% -40%;width:32%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:badgeSweep 2.8s linear infinite}
.dash-clock{text-shadow:0 4px 20px rgba(0,0,0,.28)}
.pulse-track span{box-shadow:0 0 12px rgba(99,212,206,.12)}
.activity-chart{position:relative}.activity-chart:before{content:"";position:absolute;left:0;right:0;top:33%;border-top:1px dashed rgba(255,255,255,.07)}.activity-chart:after{content:"";position:absolute;left:0;right:0;top:66%;border-top:1px dashed rgba(255,255,255,.05)}
.activity-bar{z-index:1;box-shadow:0 0 14px rgba(22,124,120,.12)}.activity-bar.latest{box-shadow:0 0 18px rgba(247,146,57,.2)}
.dashboard-detail{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(99,212,206,.52)}70%{box-shadow:0 0 0 9px rgba(99,212,206,0)}100%{box-shadow:0 0 0 0 rgba(99,212,206,0)}}
@keyframes meterScan{0%{left:-42px}100%{left:calc(100% + 42px)}}
@keyframes badgeSweep{0%{left:-50%}100%{left:135%}}
@keyframes softRing{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@media(prefers-reduced-motion:reduce){.status-orb,.premium-meter>i,.live-badge:after,.progress-ring{animation:none}}

/* V10: robuste Zahlenanpassung für schmale Dashboard-Spalten */
.dash-card{container-type:inline-size}
.progress-hero{grid-template-columns:minmax(108px,38%) minmax(0,1fr);gap:14px}
.progress-numbers{min-width:0;overflow:visible}
.dash-big{display:block;width:100%;max-width:100%;font-size:clamp(1.75rem,10cqw,3.25rem);line-height:1.02;letter-spacing:-.035em;white-space:nowrap;overflow:visible;text-overflow:clip}
.progress-ring{width:min(132px,100%);aspect-ratio:1/1;height:auto}
.progress-ring-inner strong{font-size:clamp(1.18rem,7.2cqw,1.62rem);white-space:nowrap}
.dash-clock{font-size:clamp(1.8rem,10cqw,3rem);white-space:nowrap;letter-spacing:-.02em}
.activity-head strong{font-size:clamp(1.4rem,8cqw,1.85rem);white-space:nowrap;overflow:visible}
.meter-legend strong,.meter-label-row strong{font-size:clamp(.72rem,4.1cqw,.86rem);white-space:normal;text-align:right;overflow-wrap:anywhere}
.dash-chip{max-width:48%;white-space:normal;text-align:right;line-height:1.15}
.card-topline{min-width:0}.card-topline>*{min-width:0}
.dash-kicker{overflow-wrap:anywhere;line-height:1.3}

@container (max-width:330px){
  .progress-hero{grid-template-columns:104px minmax(0,1fr);gap:10px}
  .dash-big{font-size:clamp(1.55rem,9.2cqw,2.45rem)}
  .dash-label{font-size:.82rem}
  .dash-more{font-size:.84rem}
  .progress-ring-inner strong{font-size:1.15rem}
  .activity-head{gap:8px}
  .activity-head>div{padding:11px 9px}
  .activity-head strong{font-size:1.35rem}
}

@container (max-width:280px){
  .progress-hero{grid-template-columns:1fr;justify-items:start}
  .progress-ring{width:104px}
  .dash-big{font-size:2rem}
  .card-topline{flex-direction:column;align-items:flex-start}
  .dash-chip{max-width:100%;text-align:left}
}


/* V11: Zahlen-Fit – linker Fortschrittsblock bekommt volle Breite */
.dash-progress .progress-hero{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  width:100%;
}
.dash-progress .progress-ring{
  width:152px;
  height:152px;
  flex:0 0 auto;
}
.dash-progress .progress-numbers{
  width:100%;
  min-width:0;
  overflow:hidden;
}
.dash-progress .dash-big{
  display:block;
  width:100%;
  max-width:100%;
  font-size:clamp(2.1rem,14cqw,3.35rem);
  line-height:1;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.dash-progress .dash-label,
.dash-progress .dash-more{
  width:100%;
  max-width:100%;
  overflow-wrap:anywhere;
}
.dash-progress .meter-goal{margin-top:14px}

/* Zahlen in den anderen beiden Karten ebenfalls sicher einpassen */
.dash-live .dash-clock{
  max-width:100%;
  font-size:clamp(1.85rem,11cqw,3rem);
  white-space:normal;
  overflow-wrap:normal;
}
.dash-activity .activity-head{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.dash-activity .activity-head>div{min-width:0}
.dash-activity .activity-head strong{
  max-width:100%;
  font-size:clamp(1.2rem,8.5cqw,1.75rem);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}

@media(min-width:981px){
  .dash-progress .progress-ring{width:148px;height:148px}
  .dash-progress .dash-big{font-size:clamp(2rem,13cqw,3.15rem)}
}
@media(max-width:680px){
  .dash-progress .progress-ring{width:136px;height:136px}
  .dash-progress .dash-big{font-size:clamp(2.2rem,12vw,3.4rem)}
}


/* V12: linker Kreis größer */
.dash-progress .progress-ring-inner strong{font-size:clamp(1.35rem,6.2cqw,1.85rem)}
.dash-progress .progress-ring-inner span{font-size:clamp(.72rem,3.2cqw,.82rem)}