.votera-petitions :is(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #f5b700;
  outline-offset:3px;
}

.vp-qr{
  display:grid;
  justify-items:center;
  gap:8px;
  margin:18px 0 0;
  color:#526b80;
  font-size:12px;
  text-align:center;
}

.vp-qr img{
  width:min(180px,100%);
  height:auto;
  border:1px solid #cfe1ec;
  border-radius:16px;
  background:#fff;
  padding:8px;
}

.vp-cover-preview{
  display:grid;
  place-items:center;
  min-height:150px;
  overflow:hidden;
  border:1px dashed #9fc6d9;
  border-radius:16px;
  background:#f5fafc;
  color:#60768a;
}

.vp-cover-preview img{display:block;width:100%;max-height:320px;object-fit:cover}
.vp-cover-status{min-height:1.4em;color:#31536d;font-weight:700}

.vp-pagination{margin:28px 0 8px}
.vp-pagination ul{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.vp-pagination a,.vp-pagination span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #cfe1ec;border-radius:12px;background:#fff;color:#174764;font-weight:800}
.vp-pagination .current{border-color:#0879c2;background:#0879c2;color:#fff}

.vp-business-kpis{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
}

.votera-petitions button,.votera-petitions input,.votera-petitions select,.votera-petitions textarea{
  font-size:max(16px,1em);
}

@media (prefers-reduced-motion:reduce){
  .votera-petitions *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

@media (forced-colors:active){
  .vp-progress i,.vp-button{forced-color-adjust:auto}
  .vp-card,.vp-section,.vp-sign-box{border:1px solid CanvasText}
}