/* CodeCampus v2.9.77 — instructor review live-file mirroring */
.cc-review-global-status-v2977,
.cc-review-sync-strip-v2977 { position: relative; }

.cc-live-file-badge-v2977 {
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(45,212,191,.25);
  background:rgba(45,212,191,.08);
  color:#2dd4bf;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}

.cc-live-file-note-v2977 {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 12px;
  border-top:1px solid rgba(45,212,191,.16);
  border-bottom:1px solid rgba(45,212,191,.12);
  background:linear-gradient(90deg,rgba(45,212,191,.07),rgba(33,200,246,.035));
  color:#77a2b4;
  font-size:.72rem;
}
.cc-live-file-note-v2977 > span {
  width:8px;height:8px;border-radius:50%;flex:0 0 8px;
  background:#2dd4bf;
  box-shadow:0 0 0 4px rgba(45,212,191,.10),0 0 14px rgba(45,212,191,.24);
}
.cc-live-file-note-v2977 b { color:#3dd9c4 !important; font-size:.72rem; white-space:nowrap; }
.cc-live-file-note-v2977 small { color:inherit !important; }

.cc-live-file-synced-v2977 {
  border-color:rgba(45,212,191,.24) !important;
}
.cc-live-file-active-v2977 {
  border-color:rgba(33,200,246,.48) !important;
  box-shadow:0 0 0 1px rgba(33,200,246,.08),0 12px 32px rgba(9,95,125,.08) !important;
}

.cc-live-added-file-v2977 {
  border:1px solid rgba(45,212,191,.25);
  border-radius:14px;
  overflow:hidden;
  background:rgba(45,212,191,.025);
}
.cc-live-added-file-v2977 summary {
  display:flex;align-items:center;gap:8px;
  min-height:42px;padding:0 13px;cursor:pointer;
  color:inherit;font-weight:800;
}
.cc-live-added-code-v2977 {
  margin:0 !important;
  padding:18px 20px !important;
  min-height:100px;
  overflow:auto;
  background:#06111e !important;
  color:#d8e7f7 !important;
  font:500 .86rem/1.65 "JetBrains Mono",Consolas,monospace !important;
}

@keyframes ccLiveFilePulse2977 {
  0% { box-shadow:0 0 0 0 rgba(33,200,246,.22); }
  100% { box-shadow:0 0 0 9px rgba(33,200,246,0); }
}
.cc-live-file-pulse-v2977 { animation:ccLiveFilePulse2977 .48s ease-out; }

html[data-theme="light"] .cc-live-file-note-v2977 {
  background:linear-gradient(90deg,rgba(20,184,166,.07),rgba(14,165,233,.035));
  color:#587189;
  border-color:rgba(20,184,166,.18);
}
html[data-theme="light"] .cc-live-file-note-v2977 b { color:#0f8f83 !important; }
html[data-theme="light"] .cc-live-file-badge-v2977 {
  color:#0f8f83;background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.22);
}
html[data-theme="light"] .cc-live-added-file-v2977 { background:#f8fffd; }

@media (max-width:700px){
  .cc-live-file-note-v2977 { align-items:flex-start; flex-wrap:wrap; padding:8px 10px; }
  .cc-live-file-note-v2977 small { flex-basis:100%; padding-left:16px; }
  .cc-live-file-badge-v2977 { font-size:.58rem; padding:0 6px; }
  .cc-live-added-code-v2977 { padding:14px !important; font-size:.79rem !important; }
}

@media (prefers-reduced-motion:reduce){
  .cc-live-file-pulse-v2977 { animation:none !important; }
}