/* === FTF NEON-GRÜNE LOADING ANIMATION === */
.tq-loading-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-family: monospace, inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  padding: 60px 0 !important;
  width: 100% !important;
}

.tq-dots-spinner { display: inline-flex !important; gap: 8px !important; }

.tq-dot {
  width: 10px !important;
  height: 10px !important;
  background-color: #00FF00 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  animation: tqPulse 1.2s infinite ease-in-out both !important;
}

.tq-dot:nth-child(1) { animation-delay: -0.32s !important; }
.tq-dot:nth-child(2) { animation-delay: -0.16s !important; }

@keyframes tqPulse {
  0%, 80%, 100% { opacity: 0.2; transform: scale(0.7); }
  40% { opacity: 1; transform: scale(1.4); }
}

/* === AGENDA STYLING === */
.agenda-container { font-family: inherit; max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.agenda-row { display: flex; align-items: stretch; gap: 16px; }
.time-sidebar { width: 70px; min-width: 70px; display: flex; flex-direction: column; align-items: flex-end; padding-right: 12px; border-right: 4px solid #00FF00; color: #111; text-align: right; }
.time-sidebar .label-from { font-size: 11px; color: #a0aab0; font-family: monospace, inherit; text-transform: lowercase; margin-bottom: 2px; }
.time-sidebar .time-main { font-size: 16px; font-weight: 700; font-family: monospace, inherit; }
.agenda-card { flex: 1; background: #f8f9fa; border-radius: 6px; padding: 16px 20px; display: flex; justify-content: space-between; align-items: flex-start; box-shadow: 0 1px 3px rgba(0,0,0,0.02); color: inherit; cursor: pointer; transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; }
.agenda-card:hover { background: #f0fdf4; box-shadow: 0 4px 12px rgba(0, 255, 0, 0.15); transform: translateY(-1px); }
.card-content-wrapper { display: flex; gap: 20px; flex: 1; }
.card-times { display: flex; flex-direction: column; gap: 6px; padding-right: 16px; border-right: 2px solid #00FF00; font-family: monospace, inherit; color: #333; font-size: 14px; min-width: 50px; }
.card-times .start-time { font-weight: 700; }
.card-times .end-time { color: #a0aab0; }
.card-details { display: flex; flex-direction: column; gap: 12px; flex: 1; }
.card-title { font-family: monospace, inherit; font-size: 16px; font-weight: 700; color: #111; margin: 0; }
.card-speakers-monospace { font-family: monospace, inherit; font-size: 13px; color: #6b7280; line-height: 1.4; }
.card-stage-monospace { font-family: monospace, inherit; font-size: 12px; color: #9ca3af; }
.speaker-avatars-container { display: flex; align-items: center; gap: 8px; margin-left: 12px; }
.speaker-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }

/* === MODAL STYLING === */
.tq-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); display: flex; justify-content: center; align-items: center; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; }
.tq-modal-overlay.active { opacity: 1; visibility: visible; }
.tq-modal-box { background: #ffffff; width: 90%; max-width: 620px; max-height: 85vh; border-radius: 8px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); position: relative; overflow-y: auto; font-family: monospace, inherit; }
.tq-modal-close { position: absolute; top: 20px; right: 20px; background: none; border: none; font-size: 24px; cursor: pointer; color: #888; }
.tq-modal-meta { font-size: 14px; color: #555; display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; }
.tq-modal-meta-item { display: flex; align-items: center; gap: 8px; }
.tq-modal-title { font-family: monospace, inherit; font-size: 22px; font-weight: 700; color: #111; margin: 0 0 16px 0; }
.tq-modal-description { font-family: inherit; font-size: 15px; color: #444; line-height: 1.5; margin-bottom: 24px; }
.tq-modal-section-title { font-size: 20px; font-weight: 700; color: #111; margin: 24px 0 12px 0; }
.tq-modal-speaker-card { border: 1px solid #e2e8f0; border-radius: 4px; padding: 14px 18px; display: flex; justify-content: space-between; align-items: flex-start; background: #ffffff; margin-bottom: 12px; gap: 16px; }
.tq-speaker-info { flex: 1; }
.tq-speaker-name { font-size: 16px; font-weight: 700; color: #111; }
.tq-speaker-role { font-size: 13px; color: #6b7280; font-family: monospace, inherit; margin-top: 4px; }
.tq-speaker-bio { font-size: 13px; color: #4b5563; font-family: inherit; margin-top: 8px; line-height: 1.4; }
.tq-speaker-link { font-size: 12px; color: #9ca3af; text-decoration: none; display: block; margin-top: 6px; }
.tq-speaker-avatar-large { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.tq-app-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background-color: #00FF00 !important; color: #000000 !important; text-decoration: none; padding: 14px 28px; border-radius: 0px; font-family: monospace, inherit; font-size: 16px; font-weight: 700; margin-top: 28px; width: 100%; box-sizing: border-box; transition: transform 0.1s ease, filter 0.2s ease; border: none; }
.tq-app-button:hover { filter: brightness(0.9); transform: translateY(-1px); }
.u-hidden { display: none !important; }

/* === MOBILE: time "from xx:xx" moves above the card === */
@media (max-width: 767px) {
  .agenda-container { padding: 0 16px; }
  .agenda-row { flex-direction: column; gap: 4px; }
  .time-sidebar {
    width: 100%;
    min-width: 0;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-right: 0;
    padding-bottom: 4px;
    border-right: none;
    text-align: left;
  }
  .time-sidebar::after {
    content: '';
    flex: 1;
    height: 3px;
    background-color: #00FF00;
  }
  .time-sidebar .label-from { margin-bottom: 0; }
  .speaker-avatars-container { display: none !important; }
}