/* Igbo Zodiac Styles */
.igbo-zodiac-container{
  max-width:1000px;
  margin:28px auto;
  background: linear-gradient(180deg,#fffaf8,#fff6f0);
  padding:20px;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,0.06);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:#222;
}

.iz-header{ text-align:center; margin-bottom:12px; }
.iz-title{ margin:0; font-size:22px; color:#3b1a0f; }
.iz-sub{ margin:6px 0 0 0; color:#6b4b3a; font-size:13px; }

.iz-controls{ display:flex; gap:8px; align-items:center; justify-content:center; margin:14px 0; flex-wrap:wrap; }
#iz-birthdate{ padding:8px 10px; border-radius:8px; border:1px solid #ddd; }
.iz-btn{ background: linear-gradient(90deg,#2b6ef6,#7b3ff6); color:white; padding:9px 12px; border-radius:10px; border:none; cursor:pointer; font-weight:600; }
.iz-btn.secondary{ background: linear-gradient(90deg,#ff8c1a,#ff3b6b); }

.iz-result{ text-align:center; margin:14px 0; min-height:48px; font-weight:700; color:#4b1500; }

.iz-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:8px; }
.iz-card{ background:linear-gradient(180deg,#ffffff,#fffaf6); padding:12px; border-radius:12px; border:1px solid rgba(80,40,20,0.06); min-height:120px; position:relative; box-shadow:0 8px 18px rgba(0,0,0,0.04); }
.iz-card h3{ margin:0 0 6px 0; font-size:16px; color:#2b2b2b; }
.iz-card .iz-igbo{ font-size:13px; color:#6b4b3a; margin-bottom:8px; }
.iz-card .iz-dates{ font-size:12px; color:#7a5a4a; margin-bottom:8px; }
.iz-card .iz-notes{ font-size:13px; color:#2b2b2b; background:rgba(43,110,246,0.06); padding:8px; border-radius:8px; min-height:36px; }

.iz-card .iz-actions{ position:absolute; right:12px; bottom:12px; display:flex; gap:8px; }

.iz-small{ font-size:12px; color:#7a5a4a; }

/* color badges */
.badge{ display:inline-block; padding:6px 8px; border-radius:999px; color:white; font-weight:700; font-size:12px; }
.badge-aries{ background: linear-gradient(90deg,#ff6b6b,#ff9a6b); }
.badge-taurus{ background: linear-gradient(90deg,#ffd36b,#ffb86b); }
.badge-gemini{ background: linear-gradient(90deg,#6bffb8,#6bd3ff); }
.badge-cancer{ background: linear-gradient(90deg,#6b9aff,#6b6bff); }
.badge-leo{ background: linear-gradient(90deg,#ffd36b,#ff6b6b); }
.badge-virgo{ background: linear-gradient(90deg,#9affc9,#6bffb8); }
.badge-libra{ background: linear-gradient(90deg,#9ab6ff,#c69bff); }
.badge-scorpio{ background: linear-gradient(90deg,#ff6bbf,#9b6bff); }
.badge-sagittarius{ background: linear-gradient(90deg,#6bd3ff,#6b9aff); }
.badge-capricorn{ background: linear-gradient(90deg,#c6b38f,#9b8f6b); }
.badge-aquarius{ background: linear-gradient(90deg,#a6d6ff,#6bd3ff); }
.badge-pisces{ background: linear-gradient(90deg,#c69bff,#b56bff); }

/* responsive */
@media (max-width:800px){
  .iz-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:420px){
  .iz-grid{ grid-template-columns:repeat(1,1fr); }
  .iz-controls{ flex-direction:column; }
}