/* CENC Royale v000043 — Entry voting-state polish
   Premium status panel for participant pages before/after an active voting window. */

.royale-profile-voting-state{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
  min-height:124px;
  padding:24px 26px;
}

.royale-profile-voting-state .royale-voting-state-copy{
  min-width:0;
}

/* public-catalog.css has legacy generic .profile-cta span rules. Keep them from
   changing the internal layout/typography of semantic status badges. */
.royale-profile-voting-state .royale-status-badge.is-profile-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 13px;
  color:var(--theme-accent);
  font-size:10px;
  line-height:1;
}
.royale-profile-voting-state .royale-status-badge.is-profile-status > span{
  margin-top:0;
  color:inherit;
  font-size:inherit;
}
.royale-profile-voting-state .royale-status-badge.is-profile-status > .royale-status-badge-mark{
  display:block;
  width:8px;
  height:8px;
  flex:0 0 8px;
}
.royale-profile-voting-state .royale-premium-badge.is-profile-status{
  display:block;
  margin:0 0 13px;
}

.royale-profile-voting-state .royale-voting-state-title{
  display:block;
  margin:0;
  color:var(--theme-text);
  font-size:15px;
  line-height:1.35;
}
.royale-profile-voting-state .royale-voting-state-message{
  display:block;
  max-width:690px;
  margin-top:6px;
  color:var(--theme-muted);
  font-size:12px;
  line-height:1.55;
}

/* It is state, not an actionable button. A dedicated pill keeps optical and
   flex alignment independent from the global .button rules. */
.royale-profile-voting-state .royale-voting-state-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  align-self:center;
  min-width:132px;
  min-height:54px;
  margin:0;
  padding:0 24px;
  border:1px solid color-mix(in srgb,var(--theme-secondary) 64%,transparent);
  border-radius:999px;
  background:linear-gradient(135deg,var(--theme-secondary),var(--theme-primary));
  color:var(--theme-bg);
  box-shadow:0 12px 30px color-mix(in srgb,var(--theme-primary) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.18);
  font-size:11px;
  font-weight:900;
  line-height:1;
  letter-spacing:.075em;
  white-space:nowrap;
}

.royale-profile-voting-state.is-closed .royale-voting-state-pill{
  background:color-mix(in srgb,var(--theme-surface-elevated) 94%,var(--theme-primary) 6%);
  border-color:color-mix(in srgb,var(--theme-border) 70%,transparent);
  color:var(--theme-muted);
  box-shadow:none;
}

@media(max-width:700px){
  .royale-profile-voting-state{
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    padding:21px;
  }
  .royale-profile-voting-state .royale-voting-state-pill{
    justify-self:start;
    min-width:122px;
    min-height:48px;
    padding-inline:20px;
  }
}