/* ── 인스타그램 컬러 변수 ─────────────────────────────── */
:root {
  --ig-pink: #E1306C;
  --ig-purple: #833AB4;
  --ig-orange: #F77737;
  --ig-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

/* ── 공통 ────────────────────────────────────────────── */
body {
  background-color: #fafafa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.text-ig-pink  { color: var(--ig-pink) !important; }
.text-ig-purple { color: var(--ig-purple) !important; }

/* ── 내비게이션 ──────────────────────────────────────── */
.ig-navbar {
  background: var(--ig-gradient);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.ig-navbar .navbar-brand,
.ig-navbar .nav-link {
  color: #fff !important;
}

.ig-navbar .nav-link.active,
.ig-navbar .nav-link:hover {
  color: rgba(255,255,255,0.85) !important;
  background: rgba(255,255,255,0.15);
  border-radius: 6px;
}

/* ── 버튼 ─────────────────────────────────────────────── */
.btn-ig {
  background: var(--ig-gradient);
  color: #fff;
  border: none;
  transition: opacity 0.2s;
}
.btn-ig:hover {
  color: #fff;
  opacity: 0.88;
}
.btn-ig:disabled {
  opacity: 0.5;
}

.bg-ig {
  background: var(--ig-gradient) !important;
}

/* ── 로고 원형 ─────────────────────────────────────────── */
.ig-logo-circle {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: var(--ig-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── 통계 카드 ─────────────────────────────────────────── */
.stat-card {
  background: #fff;
  border: 1px solid #efefef;
  transition: box-shadow 0.2s;
}
.stat-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.stat-number {
  font-size: 1.8rem;
  font-weight: 700;
  background: var(--ig-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.stat-label {
  font-size: 0.78rem;
  color: #888;
  margin-top: 2px;
}

/* ── 파일 업로드 존 ──────────────────────────────────── */
.upload-zone {
  border: 2px dashed #dbdbdb;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
  transition: border-color 0.2s, background 0.2s;
  cursor: pointer;
}
.upload-zone.dragover {
  border-color: var(--ig-pink);
  background: rgba(225,48,108,0.04);
}

/* ── 활동 카드 ─────────────────────────────────────────── */
.activity-card {
  border-left: 4px solid transparent;
  transition: box-shadow 0.15s;
}
.activity-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.activity-card:has(.badge.bg-danger)   { border-left-color: var(--ig-pink); }
.activity-card:has(.badge.bg-primary)  { border-left-color: var(--ig-purple); }
.activity-card:has(.badge.bg-warning)  { border-left-color: var(--ig-orange); }

/* ── 테이블 ─────────────────────────────────────────────── */
.table > :not(caption) > * > * {
  padding: 0.65rem 0.75rem;
}

/* ── 인증 페이지 배경 ──────────────────────────────────── */
.auth-bg {
  background: linear-gradient(135deg, #fafafa 0%, #f0e8f8 100%);
}

/* ── 사용자 아바타 (네비게이션) ────────────────────────── */
.user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  font-weight: 700;
  font-size: 0.85rem;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,0.6);
}

/* ── 프로필 아바타 ─────────────────────────────────────── */
.ig-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #efefef;
  flex-shrink: 0;
  background: #f0f0f0;
}
.ig-avatar-initials {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  text-transform: uppercase;
  border: 2px solid #efefef;
}

/* ── 반응형 조정 ─────────────────────────────────────── */
@media (max-width: 576px) {
  .stat-number { font-size: 1.4rem; }
}