/* CodeCampus v2.9.75 · Student Submission Review Auto-Sync */
.cc-review-global-status-v2975 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:10px 0 18px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(45,212,191,.20);
  background:rgba(45,212,191,.07);
  color:#0f766e;
  font-size:.78rem;
  font-weight:800;
}
.cc-review-global-status-v2975 .dot {
  width:8px;height:8px;border-radius:50%;background:#2dd4bf;
  box-shadow:0 0 0 5px rgba(45,212,191,.10);
}
.cc-review-global-status-v2975 small { color:#64748b;font-weight:600; }
.cc-review-global-status-v2975[data-state="retry"] { border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.08);color:#92400e; }
.cc-review-global-status-v2975[data-state="retry"] .dot { background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.10); }

.cc-review-auto-card-v2975 { position:relative; }
.cc-review-sync-strip-v2975 {
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:0 0 10px auto;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(100,116,139,.16);
  background:rgba(148,163,184,.07);
  color:#64748b;
  font-size:.72rem;
}
.cc-review-sync-strip-v2975 b { color:inherit;font-size:.72rem; }
.cc-review-sync-strip-v2975 small { color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cc-review-sync-dot-v2975 { width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:0 0 auto; }
.cc-review-sync-strip-v2975[data-state="live"] { color:#047857;border-color:rgba(16,185,129,.20);background:rgba(16,185,129,.07); }
.cc-review-sync-strip-v2975[data-state="live"] .cc-review-sync-dot-v2975 { background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.11);animation:ccReviewPulse 1.8s ease-in-out infinite; }
.cc-review-sync-strip-v2975[data-state="synced"] { color:#0369a1;border-color:rgba(14,165,233,.20);background:rgba(14,165,233,.07); }
.cc-review-sync-strip-v2975[data-state="synced"] .cc-review-sync-dot-v2975 { background:#0ea5e9; }
.cc-review-sync-strip-v2975[data-state="warn"] { color:#92400e;border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.08); }
.cc-review-sync-strip-v2975[data-state="warn"] .cc-review-sync-dot-v2975 { background:#f59e0b; }

.cc-review-live-pane-v2975 {
  margin:14px 0 18px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(14,165,233,.18);
  background:linear-gradient(180deg,#081827,#06121f);
  box-shadow:0 14px 34px rgba(15,23,42,.12);
  color:#dbeafe;
}
.cc-review-live-head-v2975 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid rgba(148,163,184,.13);
  background:linear-gradient(90deg,rgba(14,165,233,.07),rgba(99,102,241,.04));
}
.cc-review-live-head-v2975 > div:first-child { display:flex;align-items:center;gap:8px;min-width:0; }
.cc-review-live-head-v2975 b { color:#f8fafc;font-size:.82rem; }
.cc-review-live-head-v2975 small { color:#8ba3bf;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cc-review-live-head-v2975 .live-dot { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10); }
.cc-review-live-tabs-v2975 { display:flex;gap:5px;flex:0 0 auto; }
.cc-review-live-tabs-v2975 button {
  min-height:32px;
  padding:0 10px;
  border-radius:9px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(255,255,255,.025);
  color:#91a6c0;
  font:800 .7rem/1 inherit;
  cursor:pointer;
}
.cc-review-live-tabs-v2975 button.active { color:#e0f2fe;background:rgba(14,165,233,.12);border-color:rgba(56,189,248,.23); }
.cc-review-live-file-v2975 { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(148,163,184,.10); }
.cc-review-live-file-v2975 span { color:#6f89a8;font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800; }
.cc-review-live-file-v2975 b { color:#ccecff;font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-size:.78rem; }
.cc-review-live-pane-v2975 pre {
  margin:0;
  min-height:160px;
  max-height:360px;
  overflow:auto;
  padding:16px;
  background:#04111d;
  color:#d7e8fb;
  font:500 .82rem/1.6 "JetBrains Mono",ui-monospace,Consolas,monospace;
  white-space:pre;
  tab-size:4;
}
.cc-review-live-output-v2975 { color:#b7f7d5 !important; }

.cc-review-flash-v2975 { animation:ccReviewFlash .62s ease both; }
@keyframes ccReviewFlash { 0%{box-shadow:0 0 0 0 rgba(14,165,233,.0)} 35%{box-shadow:0 0 0 3px rgba(14,165,233,.16)} 100%{box-shadow:0 0 0 0 rgba(14,165,233,.0)} }
@keyframes ccReviewPulse { 0%,100%{opacity:.72;transform:scale(.95)} 50%{opacity:1;transform:scale(1.05)} }

html[data-theme="dark"] .cc-review-global-status-v2975 { color:#5eead4;background:rgba(45,212,191,.07);border-color:rgba(45,212,191,.17); }
html[data-theme="dark"] .cc-review-global-status-v2975 small { color:#8ea4c1; }
html[data-theme="dark"] .cc-review-sync-strip-v2975 { color:#8da2bd;background:rgba(255,255,255,.025);border-color:rgba(148,163,184,.12); }
html[data-theme="dark"] .cc-review-sync-strip-v2975[data-state="live"] { color:#6ee7b7;background:rgba(16,185,129,.06); }

@media (max-width:720px) {
  .cc-review-global-status-v2975 { width:100%;justify-content:flex-start;border-radius:13px; }
  .cc-review-global-status-v2975 small { margin-left:auto; }
  .cc-review-sync-strip-v2975 { width:100%;margin:0 0 10px;justify-content:flex-start;border-radius:12px; }
  .cc-review-live-head-v2975 { align-items:flex-start;flex-direction:column; }
  .cc-review-live-head-v2975 > div:first-child { width:100%;flex-wrap:wrap; }
  .cc-review-live-head-v2975 small { flex-basis:100%;padding-left:16px;white-space:normal; }
  .cc-review-live-tabs-v2975 { width:100%; }
  .cc-review-live-tabs-v2975 button { flex:1;min-height:40px; }
  .cc-review-live-pane-v2975 pre { min-height:180px;max-height:46vh;font-size:.78rem;padding:13px; }
}

@media (prefers-reduced-motion:reduce) {
  .cc-review-sync-dot-v2975,.cc-review-flash-v2975 { animation:none !important; }
}