/* AutoGanaPR – Raffle Panel styles (Phase 1)
   Loaded automatically when [agp_raffle_panel] or [agp_raffle_counter] is rendered.
*/

.ag-raffle-card{
  background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);
  border:2px solid #2a6d7f;
  border-radius:16px;
  padding:2rem;
  box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);
}

.ag-raffle-header{margin-bottom:1.5rem}

.ag-raffle-badge{
  display:inline-block;
  padding:0.25rem 0.75rem;
  background:#1a4d5c;
  color:#ffffff;
  font-size:0.75rem;
  font-weight:600;
  text-transform:uppercase;
  border-radius:6px;
  margin-bottom:1rem;
}

.ag-raffle-header h3{
  font-size:1.25rem;
  font-weight:700;
  color:#111827;
  margin:0;
}

.ag-raffle-description{
  font-size:0.9375rem;
  line-height:1.6;
  color:#374151;
  margin-bottom:2rem;
}

.ag-raffle-stats{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:1.5rem;
  background:#ffffff;
  border-radius:12px;
  margin-bottom:1.5rem;
}

.ag-stat{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.9375rem;
}

.ag-stat-label{
  color:#374151;
  font-weight:500;
}

.ag-stat-value{
  color:#1a4d5c;
  font-weight:700;
}

.ag-progress-bar{
  flex:1;
  height:8px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
  margin:0 1rem;
}

.ag-progress-fill{
  height:100%;
  background:linear-gradient(90deg,#1a4d5c 0%,#00d9b4 100%);
  border-radius:999px;
  transition:width 0.3s ease;
}

.ag-raffle-status{
  display:flex;
  justify-content:center;
}

.ag-status-badge{
  display:inline-flex;
  align-items:center;
  padding:0.5rem 1rem;
  border-radius:12px;
  font-size:0.875rem;
  font-weight:600;
}

.ag-status-active{
  background:#10b981;
  color:#ffffff;
}

.ag-status-ended{
  background:#1f2937;
  color:#ffffff;
}
}

.ag-raffle-header{margin-bottom:1.5rem}

.ag-raffle-badge{
  display:inline-block;
  padding:0.25rem 0.75rem;
  background:#1a4d5c;
  color:#ffffff;
  font-size:0.75rem;
  font-weight:600;
  text-transform:uppercase;
  border-radius:6px;
  margin-bottom:1rem;
}

.ag-raffle-header h3{
  font-size:1.25rem;
  font-weight:700;
  color:#111827;
  margin:0;
}

.ag-raffle-description{
  font-size:0.9375rem;
  line-height:1.6;
  color:#374151;
  margin-bottom:2rem;
}

.ag-raffle-stats{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:1.5rem;
  background:#ffffff;
  border-radius:12px;
  margin-bottom:1.5rem;
}

.ag-stat{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.9375rem;
}

.ag-stat-label{
  color:#374151;
  font-weight:500;
}

.ag-stat-value{
  color:#1a4d5c;
  font-weight:700;
}

.ag-progress-bar{
  flex:1;
  height:8px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
  margin:0 1rem;
}

.ag-progress-fill{
  height:100%;
  background:linear-gradient(90deg,#1a4d5c 0%,#00d9b4 100%);
  border-radius:999px;
  transition:width 0.3s ease;
}

.ag-raffle-status{
  display:flex;
  justify-content:center;
}

.ag-status-badge{
  display:inline-flex;
  align-items:center;
  padding:0.5rem 1rem;
  border-radius:12px;
  font-size:0.875rem;
  font-weight:600;
}

.ag-status-active{background:#10b981;color:#ffffff}
.ag-status-ended{background:#1f2937;color:#ffffff}