/* EagleTagz demo: Micro's panels follow the work (October 2026). See micro-panels.js.
 * While tagging runs, Generated Tags sits right under the video and AI Micro-Tagging at the
 * bottom; the gaps between panels stay the same as before. */

.etz-tags-up { margin-top: 0 !important; margin-bottom: 16px !important; }
.etz-ai-down { margin-top: 16px !important; margin-bottom: 0 !important; }
@media (min-width: 640px) {
  .etz-tags-up { margin-bottom: 24px !important; }
  .etz-ai-down { margin-top: 24px !important; }
}

/* the panel coming into view slides over the others, not under them */
.etz-front { position: relative; z-index: 2; }

/* Generated Tags' heading while tagging: progress and Stop on the right, wrapping on phones */
.etz-tags-header { flex-wrap: wrap; row-gap: 8px; column-gap: 12px; }
.etz-tags-live {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  font-weight: 400;
}
.etz-tags-live #platformAIProgress { font-size: 13px; color: #d1d5db; }
.etz-tags-live #stopAnalysisBtn { padding: 4px 14px !important; font-size: 14px !important; }
.etz-off { display: none !important; }