/* Modal basics */
.ftai-wrap { margin: 10px 0 18px; }
.ftai-open.button { 
  background: #e7c35a; color:#11222c; border:0; 
  border-radius: 999px; padding: 8px 14px; font-weight: 600;
  box-shadow: 0 2px 0 rgba(0,0,0,.15);
}
.ftai-modal[hidden]{ display:none !important; }
.ftai-modal { position: relative; z-index: 9999; }
.ftai-backdrop {
  position: fixed; inset: 0; background: rgba(10,15,20,.55); backdrop-filter: blur(2px);
}
.ftai-dialog {
  position: fixed; left:50%; top: 10vh; transform: translateX(-50%);
  width: min(900px, 92vw); max-height: 80vh; overflow:auto;
  background: #0f2430; color:#f4eedc; border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: 18px 20px 20px;
}
.ftai-close { 
  position:absolute; right: 10px; top: 8px;
  background: transparent; border:0; font-size: 28px; color:#f4eedc; line-height:1;
}
.ftai-hd { font-size: 18px; font-weight:700; color:#e7c35a; margin: 0 22px 8px 2px; }
.ftai-body { padding-top: 4px; }
.ftai-loading { color:#cbd5e1; font-style: italic; padding: 10px 2px; }
.ftai-error { color:#ffb4b4; }

/* Tight card */
.ftai-card.tight { 
  background: #0f2430; color:#f6f3e7; border:1px solid rgba(231,195,90,.25);
  border-radius: 12px; padding: 14px 16px;
}
.ftai-card.tight h3 { font-size: 20px; line-height: 1.2; margin: 8px 0 6px; color:#e7c35a; }
.ftai-card.tight ul { margin: 0 0 6px 18px; }
.ftai-card.tight li { margin: 4px 0; }

/* Prevent page scroll when modal open */
body.ftai-lock { overflow: hidden; }