[data-vote-grid]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 82px!important}.vote-site-card{min-height:76px!important;padding:18px 20px!important;border:1px solid rgba(244,240,223,.22)!important;border-radius:16px!important;background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.015))!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)138px!important;align-items:center!important;gap:18px!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}.vote-site-name{font-weight:900!important;color:#f4f0df!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.vote-site-button{height:34px!important;border-radius:9px!important;border:1px solid rgba(244,240,223,.28)!important;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.025))!important;color:#f4f0df!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.vote-site-button:hover{border-color:rgba(255,23,79,.65)!important;color:#fff!important}@media(max-width:760px){[data-vote-grid]{grid-template-columns:1fr!important;gap:16px!important}.vote-site-card{grid-template-columns:28px minmax(0,1fr)!important}.vote-site-button{grid-column:2!important;width:100%!important}}

/* Vote modal layout hotfix - cooldown/status no overlap */
[data-vote-grid] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px 78px !important;
}

.vote-site-card {
  position: relative !important;
  min-height: 92px !important;
  padding: 18px 18px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 132px !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  row-gap: 5px !important;
}

.vote-site-card svg,
.vote-site-card .vote-site-icon,
.vote-site-card [class*="icon"] {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
}

.vote-site-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  align-self: end !important;
}

.vote-site-button,
.vote-site-card button,
.vote-site-card a[role="button"] {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  width: 118px !important;
  height: 38px !important;
  justify-self: end !important;
  align-self: center !important;
}

.vote-wait-status {
  position: static !important;
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-right: 122px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  color: #ff174f !important;
  text-align: left !important;
}

.vote-wait-dots {
  display: inline-flex !important;
  width: 22px !important;
  margin-left: 2px !important;
  justify-content: flex-start !important;
}

.vote-wait-status strong {
  position: absolute !important;
  right: 13px !important;
  bottom: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 48px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(244,240,223,.22) !important;
  background: rgba(10,10,10,.78) !important;
  color: #f4f0df !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.vote-link-item {
  min-height: 86px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 138px !important;
  align-items: center !important;
  gap: 18px !important;
}

.vote-link-info {
  min-width: 0 !important;
}

.link-url {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.vote-action-area {
  width: 138px !important;
  min-width: 138px !important;
  justify-content: flex-end !important;
}

.vote-action-btn {
  width: 118px !important;
  min-width: 118px !important;
  height: 38px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

.vote-action-btn.disabled,
.vote-action-btn.blocked-ip-btn {
  color: #f4f0df !important;
  opacity: .72 !important;
}

.vote-action-btn.disabled svg,
.vote-action-btn.blocked-ip-btn svg {
  display: none !important;
}

.error-tooltip-popup {
  display: none !important;
}

@media (max-width: 760px) {
  [data-vote-grid] { grid-template-columns: 1fr !important; gap: 16px !important; }
  .vote-site-card { grid-template-columns: 28px minmax(0,1fr) !important; }
  .vote-site-button,
  .vote-site-card button,
  .vote-site-card a[role="button"] { grid-column: 2 !important; grid-row: 3 !important; width: 100% !important; justify-self: stretch !important; }
  .vote-wait-status { grid-column: 2 !important; grid-row: 2 !important; padding-right: 0 !important; }
  .vote-wait-status strong { position: static !important; margin-left: auto !important; }
  .vote-link-item { grid-template-columns: 1fr !important; }
  .vote-action-area { width: 100% !important; min-width: 0 !important; }
  .vote-action-btn { width: 100% !important; }
}

/* Vote cooldown compact alignment */
.vote-wait-status {
  position: absolute !important;
  left: auto !important;
  right: 136px !important;
  bottom: 18px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  max-width: 150px !important;
  padding-right: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  line-height: 24px !important;
}

.vote-wait-dots {
  width: auto !important;
  min-width: 10px !important;
  margin-left: 1px !important;
  display: inline-flex !important;
  justify-content: flex-start !important;
}

.vote-wait-status strong {
  position: static !important;
  margin-left: 8px !important;
  min-width: 50px !important;
  height: 24px !important;
  flex: 0 0 auto !important;
}

.vote-site-card.is-vote-waiting .vote-site-button,
.vote-site-card.is-vote-waiting button,
.vote-site-card.is-vote-waiting a[role="button"],
.vote-link-item.cooldown-active .vote-action-btn,
.vote-action-btn.disabled {
  opacity: .6 !important;
}

.vote-link-item.cooldown-active {
  grid-template-columns: minmax(0, 1fr) auto 118px !important;
}

.vote-link-item.cooldown-active .verification-status,
.vote-link-item.cooldown-active .vote-wait-status {
  align-self: center !important;
}

.vote-link-item.cooldown-active .vote-action-area {
  width: 118px !important;
  min-width: 118px !important;
}

.vote-link-item.cooldown-active .vote-action-btn {
  width: 118px !important;
  min-width: 118px !important;
}

@media (max-width: 760px) {
  .vote-wait-status {
    position: static !important;
    max-width: none !important;
    justify-content: flex-start !important;
    line-height: 1.2 !important;
  }
  .vote-wait-status strong {
    margin-left: auto !important;
  }
  .vote-link-item.cooldown-active {
    grid-template-columns: 1fr !important;
  }
}

/* Force vote timer outside the Voter button */
.vote-site-card {
  overflow: visible !important;
}

.vote-site-card .vote-site-button,
.vote-site-card button,
.vote-site-card a[role="button"] {
  position: relative !important;
  z-index: 3 !important;
}

.vote-site-card .vote-wait-status {
  position: absolute !important;
  left: auto !important;
  right: 154px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(9px) !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;
  width: max-content !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.vote-site-card .vote-wait-dots {
  width: 12px !important;
  min-width: 12px !important;
  margin-left: 1px !important;
  overflow: hidden !important;
}

.vote-site-card .vote-wait-status strong {
  position: absolute !important;
  left: calc(100% + 10px) !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 8 !important;
  margin: 0 !important;
  min-width: 50px !important;
  height: 24px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.vote-link-item.cooldown-active .vote-action-btn.disabled,
.vote-action-btn.disabled.blocked-ip-btn {
  position: relative !important;
  padding-right: 14px !important;
}

/* Hard position cooldown timer: left of button, never over button */
.vote-site-card .vote-wait-status {
  position: absolute !important;
  left: 66px !important;
  right: auto !important;
  top: 52px !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: 170px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 2px !important;
  line-height: 1 !important;
}

.vote-site-card .vote-wait-status strong {
  position: absolute !important;
  left: auto !important;
  right: -212px !important;
  top: -9px !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 9 !important;
  min-width: 52px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(244,240,223,.22) !important;
  background: rgba(10,10,10,.82) !important;
  color: #f4f0df !important;
}

.vote-site-card .vote-site-button,
.vote-site-card button,
.vote-site-card a[role="button"] {
  z-index: 6 !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  .vote-site-card .vote-wait-status {
    position: static !important;
    max-width: none !important;
  }
  .vote-site-card .vote-wait-status strong {
    position: static !important;
    margin-left: auto !important;
  }
}
