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

.votera-petitions .vp-tabs a,
.votera-petitions .vp-tag-chip,
.votera-petitions .vp-button,
.votera-petitions .vp-modal-close,
.votera-petitions .vp-tag-chip:hover,
.votera-petitions .vp-tabs a:hover{
  text-decoration:none!important;
}
.votera-petitions .vp-tabs a.active{
  text-decoration:none!important;
  color:#fff!important;
}

.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 rgba(56,189,248,0.3);
  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 rgba(56,189,248,0.25);border-radius:12px;background:rgba(13,27,49,0.85);color:#cbd5e1;font-weight:800}
.vp-pagination .current{border-color:#0879c2;background:#0879c2;color:#fff}

.vp-business-kpis{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.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}
}

/* Premium Rounded Inputs & Controls for Votera Petitions Admin */
.votera-petitions .vp-admin-table input[type="number"],
.votera-petitions .vp-admin-table input[type="text"],
.votera-petitions .vp-admin-table select,
.votera-petitions .vp-kpi input[type="number"],
.votera-petitions .vp-kpi input[type="text"],
.votera-petitions .vp-field input,
.votera-petitions .vp-field select,
.votera-petitions .vp-field textarea,
.votera-petitions .vp-form input,
.votera-petitions .vp-form select,
.votera-petitions .vp-form textarea {
  border-radius: 12px !important;
  border: 1.5px solid rgba(56,189,248,0.28) !important;
  background-color: rgba(6,15,30,0.85) !important; background: rgba(6,15,30,0.85) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 3px rgba(7, 57, 91, .04) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
  box-sizing: border-box !important;
}

.votera-petitions .vp-admin-table input[type="number"]:focus,
.votera-petitions .vp-admin-table input[type="text"]:focus,
.votera-petitions .vp-admin-table select:focus,
.votera-petitions .vp-kpi input[type="number"]:focus,
.votera-petitions .vp-kpi input[type="text"]:focus,
.votera-petitions .vp-field input:focus,
.votera-petitions .vp-field select:focus,
.votera-petitions .vp-field textarea:focus,
.votera-petitions .vp-form input:focus,
.votera-petitions .vp-form select:focus,
.votera-petitions .vp-form textarea:focus {
  border-color: #00d2ff !important;
  background-color: rgba(6,15,30,0.95) !important;
  box-shadow: 0 0 0 3px rgba(8, 121, 194, .18), inset 0 1px 2px rgba(0, 0, 0, .04) !important;
  outline: none !important;
}

.votera-petitions .vp-admin-table td {
  vertical-align: middle !important;
  padding: 14px 16px !important;
}

.votera-petitions .vp-admin-table th {
  padding: 12px 16px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  color: #556c82 !important;
  text-transform: uppercase !important;
  background: rgba(8,17,32,0.9) !important;
  border-bottom: 2px solid rgba(56,189,248,0.18) !important;
}

.votera-petitions .vp-admin-table input[type="number"],
.votera-petitions .vp-admin-table input[type="text"] {
  max-width: 130px !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 40px !important;
  padding: 0 14px !important;
  vertical-align: middle !important;
}

.votera-petitions .vp-admin-table select {
  min-width: 220px !important;
  max-width: 250px !important;
  width: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 40px !important;
  padding: 0 34px 0 14px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230879c2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  vertical-align: middle !important;
}

.votera-petitions .vp-admin-table input[type="checkbox"],
.votera-petitions .vp-check input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border-radius: 6px !important;
  border: 1.5px solid #a8c5d9 !important;
  accent-color: #0879c2 !important;
  cursor: pointer !important;
  margin: 0 auto !important;
  vertical-align: middle !important;
}

.votera-petitions .vp-kpi {
  padding: 18px 20px !important;
  border: 1.5px solid rgba(56,189,248,0.22) !important;
  border-radius: 18px !important;
  background: rgba(13,27,49,0.8) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.votera-petitions .vp-kpi span {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
}