/* Shared activity chrome: top bar, small popup, job sheet.
   Loaded on the app layout and on the standalone auth shells. */

#cora-activity { pointer-events: none; }

.cora-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 80;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.cora-bar[hidden] { display: none; }
.cora-bar-fill {
  height: 100%;
  width: 35%;
  border-radius: 999px;
  background: var(--accent, #4f46e5);
  animation: cora-bar-slide 1.05s ease-in-out infinite;
}
.cora-bar.is-determinate .cora-bar-fill {
  width: 0;
  animation: none;
  transition: width 0.35s ease;
}

@keyframes cora-bar-slide {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(380%); }
}

.cora-corner {
  position: fixed;
  top: 8px;
  right: 12px;
  z-index: 81;
  font-size: 12px;
  font-weight: 650;
  color: var(--muted, #64748b);
  background: var(--panel, #fff);
  border: 1px solid var(--line, #e6e8f0);
  border-radius: 999px;
  padding: 0.1rem 0.5rem;
  pointer-events: none;
}
.cora-corner[hidden] { display: none; }

.cora-pop,
.cora-job {
  position: fixed;
  z-index: 82;
  pointer-events: auto;
  background: var(--panel, #fff);
  color: var(--text, #0f172a);
  border: 1px solid var(--line, #e6e8f0);
  box-shadow: 0 10px 30px rgba(16, 26, 44, 0.16);
}
.cora-pop[hidden],
.cora-job[hidden] { display: none; }

.cora-pop {
  left: 50%;
  bottom: 1.25rem;
  transform: translateX(-50%);
  width: min(360px, calc(100% - 1.5rem));
  border-radius: 12px;
  padding: 0.75rem 0.9rem 0.7rem;
}
.cora-pop-label {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 0.45rem;
}
.cora-pop-track,
.cora-job-track {
  height: 6px;
  border-radius: 999px;
  background: var(--grey-bg, #f1f5f9);
  overflow: hidden;
}
.cora-pop-fill,
.cora-job-fill {
  height: 100%;
  width: 35%;
  border-radius: 999px;
  background: var(--accent, #4f46e5);
}
.cora-pop-fill.is-run,
.cora-job-fill.is-run { animation: cora-bar-slide 1.05s ease-in-out infinite; }
.cora-pop-fill.is-set,
.cora-job-fill.is-set { animation: none; transition: width 0.35s ease; }
.cora-pop.is-ok .cora-pop-label,
.cora-job.is-ok .cora-job-title { color: var(--ok, #047857); }
.cora-pop.is-err .cora-pop-label,
.cora-job.is-err .cora-job-title { color: var(--err, #be123c); }
.cora-pop-fill.is-ok,
.cora-job-fill.is-ok { width: 100%; animation: none; background: var(--ok, #047857); }

.cora-job {
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: min(440px, calc(100% - 1.5rem));
  border-radius: 14px;
  padding: 0.85rem 1rem 0.75rem;
}
.cora-job-title {
  font-size: 15px;
  font-weight: 750;
  margin: 0;
}
.cora-job-phase {
  margin: 0.2rem 0 0.55rem;
  font-size: 13px;
  color: var(--text-secondary, #334155);
}
.cora-job-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-top: 0.45rem;
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
  color: var(--muted, #64748b);
}
.cora-dismiss {
  margin-top: 0.55rem;
  border: 0;
  background: transparent;
  color: var(--accent, #4f46e5);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}
.cora-dismiss[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
  .cora-bar-fill,
  .cora-pop-fill,
  .cora-job-fill,
  .cora-pop-fill.is-set,
  .cora-job-fill.is-set {
    animation: none;
    transition: none;
  }
}