/* style/vote.css
   Vote migrated to the kx- design system. Full visual styling lives
   in main.css (scoped to body.kx). This file keeps only the
   functional baseline that must hold regardless of the kx skin:
   structural layout for JS-generated markup, status states, and the
   z-index safety for the shared fixed mobile-menu (.page-bg ->
   .kx-bg-deep). */

body > *:not(.kx-bg-deep):not(.kfx-modal-backdrop):not(.mobile-menu):not(.mobile-menu-backdrop){
  position: relative;
  z-index: 1;
}
.kfx-modal-backdrop{ position: fixed !important; inset:0; z-index: 9999 !important; }

/* structural baseline for vote.js-generated category/candidate markup */
.vcat{ border-radius:18px; }
.vcands{ display:grid; grid-template-columns:1fr; gap:10px; margin-top:12px; }
@media (min-width:680px){ .vcands{ grid-template-columns:1fr 1fr; } }
.vcand{ display:flex; align-items:center; gap:12px; border-radius:14px; cursor:pointer; }
.vcat.is-locked .vcand{ cursor:default; }
.vcat-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.vote-actions{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:space-between; }
.vresult-list{ margin-top:12px; display:grid; gap:8px; }
.vresult-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.vresult-row .vr-accepted{ color:rgba(168,234,196,.95); font-weight:800; }
.vresult-row .vr-dup{ color:rgba(253,224,159,.95); font-weight:800; }
.vresult-row .vr-bad{ color:rgba(255,170,170,.95); font-weight:800; }

/* status states used by vote.js setStatus */
.status.ok{ color: rgba(152,255,181,.95); }
.status.err{ color: rgba(255,170,170,.95); }

/* ===== Nominee profile access (Phase 4) ===== */
/* "See Profile" button inside a candidate row. The row is a <label>; JS stops
   the click from toggling the radio. */
.vcand-profile-btn{
  margin-left:auto;
  flex:0 0 auto;
  align-self:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  color:rgba(253,224,159,.98);
  border:1px solid rgba(245,158,11,.35);
  background:rgba(245,158,11,.10);
}
.vcand-profile-btn:hover{ background:rgba(245,158,11,.18); }
.vcat.is-locked .vcand-profile-btn{ cursor:pointer; } /* still viewable when locked */

/* deep-link highlight pulse on the targeted candidate */
.vcand-highlight{
  animation:vcandPulse 1.2s ease-out 0s 3;
  border-color:rgba(245,158,11,.65) !important;
}
@keyframes vcandPulse{
  0%   { box-shadow:0 0 0 0 rgba(245,158,11,.55); }
  70%  { box-shadow:0 0 0 10px rgba(245,158,11,0); }
  100% { box-shadow:0 0 0 0 rgba(245,158,11,0); }
}

/* profile modal: image-led layout (skin .kfx-modal lives in vote.php) */
.kfx-modal--profile{ width:min(520px,100%); text-align:left; }
.kfx-profile-close{
  position:absolute; top:10px; right:12px;
  width:36px; height:36px; border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08); color:#fff;
  font-size:16px; line-height:1; cursor:pointer;
}
.kfx-profile-close:hover{ background:rgba(255,255,255,.16); }
.kfx-profile-media{
  width:100%;
  border-radius:14px;
  overflow:hidden;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
}
.kfx-profile-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:60vh;
  object-fit:contain;
}
.kfx-profile-meta{
  margin-top:4px;
  font-size:13px;
  color:rgba(255,255,255,.70);
}