/* ==================================================================
   Trae Gateway · Vercel 同步卡片 v3
   与其他模块共用设计令牌
   ================================================================== */

/* 操作按钮组 */
.vc-actions{
  display:flex;flex-wrap:wrap;gap:var(--s2);
  margin-top:var(--s4);
}
.vc-actions .btn{flex:0 0 auto}

/* 同步输出 */
.vc-out{
  margin-top:var(--s4);
  padding:12px 14px;
  border-radius:var(--r-sm);
  border:1px solid var(--line);
  background:var(--bg-inset);
  font-family:var(--ff-mono);
  font-size:11px;line-height:1.78;
  color:var(--ink-2);
  max-height:280px;overflow:auto;
}
.vc-line{
  display:flex;gap:10px;
  align-items:baseline;flex-wrap:wrap;
  padding:1.5px 0;
}
.vc-line .k{
  color:var(--ink-4);
  min-width:82px;flex:0 0 auto;
}
.vc-line .v{
  color:var(--ink-2);
  word-break:break-all;
}
.vc-line.ok,.vc-line.ok .v{color:var(--ok)}
.vc-line.err,.vc-line.err .v{color:var(--err)}
.vc-line .dim{color:var(--ink-4);font-size:10.5px}

/* 同步状态条 */
.vc-dirty{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  margin:0 0 var(--s4);
  padding:9px 12px;
  border-radius:var(--r-sm);
  font-size:var(--fs-xs);
  border:1px solid rgba(192,162,115,.24);
  background:var(--warn-a);
  color:#c8b08a;
  line-height:1.62;
}
.vc-dirty.good{
  border-color:rgba(127,169,139,.22);
  background:var(--ok-a);
  color:#9dbfa9;
}
.vc-dirty-dot{
  width:5px;height:5px;border-radius:50%;
  flex:0 0 5px;background:var(--warn);
  animation:vcPulse 2.6s ease-in-out infinite;
}
.vc-dirty-dot.ok{
  background:var(--ok);
  animation:none;
}
@keyframes vcPulse{
  0%,100%{opacity:1}
  55%{opacity:.34}
}
.vc-dirty .dim{color:var(--ink-4);font-size:10.5px}
.vc-dirty b{font-weight:var(--fw-3)}

/* 凭据来源提示行 */
.field-src{
  display:flex;align-items:center;gap:var(--s2);
  margin-top:6px;flex-wrap:wrap;
  font-size:10.5px;color:var(--ink-4);
  line-height:1.55;
}

/* 移动端 */
@media (max-width:780px){
  .vc-actions .btn{flex:1 1 auto;min-width:calc(50% - 4px)}
  .vc-out{font-size:10.5px;max-height:220px}
  .vc-line .k{min-width:70px}
}