/* (removed stray style tag) */
  #popup-modal {
    transition: opacity 0.3s ease;
  }

  .toast {
  animation: fadeInOut 4s ease-in-out forwards;
}
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(10px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(10px); }
}

/* 🧱 Make modal truly overlay everything */
#add-task-modal {
  position: fixed; /* instead of absolute if it’s currently absolute */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4); /* dark overlay */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5000; /* must be higher than FullCalendar popovers */
}

/* Modal content box */
#add-task-modal > div {
  background: white;
  border-radius: 8px;
  padding: 20px;
  width: 320px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  position: relative;
  z-index: 5010;
}

/* ✨ AI Thinking Shimmer Animation */
@keyframes shimmerPulse {
  0% { opacity: 0.5; }
  50% { opacity: 1; }
  100% { opacity: 0.5; }
}

.ai-shimmer {
  animation: shimmerPulse 1.2s ease-in-out infinite;
}

#ai-calendar-modal {
  animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.97); }
  to { opacity: 1; transform: scale(1); }
}

.fc { z-index: 1; } /* FullCalendar base layer */
#add-task-modal { z-index: 10000 !important; } /* Always topmost */

/* ========= Reutos Theme (White + Gold) ========= */
:root{
  --brand-gold:#D4AF37; /* primary gold */
  --brand-gold-dark:#B9962D;
  --brand-text:#1F2937; /* gray-800 */
  --brand-muted:#6B7280; /* gray-500 */
  --surface:#FFFFFF; /* white cards */
  --surface-alt:#F9FAFB; /* light background */
}

/* Base */
body{ background:#FFFFFF; color:var(--brand-text); }

/* Gold button */
.btn-gold{ background:var(--brand-gold); color:#fff; }
.btn-gold:hover{ background:var(--brand-gold-dark); }
.btn-gold-outline{ background:#fff; color:var(--brand-gold); border:1px solid var(--brand-gold); }
.btn-gold-outline:hover{ background:#FFF8E1; }

/* Gold badge */
.badge-gold{ background:#FFF7E6; color:var(--brand-gold); border:1px solid #FDE68A; }

/* Card polish */
.card{ background:var(--surface); border:1px solid #E5E7EB; border-radius:0.75rem; box-shadow:0 4px 16px rgba(0,0,0,0.06); }

/* Header/logo */
.brand-header{ border-bottom:1px solid #F3F4F6; background:#fff; }
.brand-title{ color:var(--brand-text); }
.brand-accent{ color:var(--brand-gold); }

/* Links */
a.brand-link{ color:var(--brand-gold); }
a.brand-link:hover{ color:var(--brand-gold-dark); }

/* Mobile tweaks */
@media (max-width:640px){
  .ai-chat-bubble{ max-width: 100%; }
}