/* WordPress maintenance: post-update snapshot diff */
.uc { border: 1px solid var(--line-2); border-radius: var(--r-lg); background: linear-gradient(180deg, rgba(14, 24, 64, 0.6), rgba(7, 13, 36, 0.6)); overflow: hidden; }
.uc-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 18px clamp(18px, 3vw, 28px); border-bottom: 1px solid var(--line); }
.uc-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.uc-title .mono-label { font-size: 11.5px; }
.uc-title b { font-family: var(--f-mono); font-weight: 500; font-size: 13.5px; color: var(--text); }
.uc-top .btn[disabled] { opacity: 0.55; pointer-events: none; }
.uc-table { display: grid; }
.uc-row { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 1.2fr) minmax(0, 1.2fr) 120px; gap: 16px; align-items: center; padding: 14px clamp(18px, 3vw, 28px); border-bottom: 1px solid var(--line); font-size: 15px; transition: background 0.4s; }
.uc-row > span:first-child { font-weight: 600; letter-spacing: -0.01em; }
.uc-row .mono { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
.uc-row [data-after] { color: var(--text); transition: color 0.3s; }
.uc-head { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); padding-top: 12px; padding-bottom: 12px; }
.uc-head > span:first-child { font-weight: 500; }
.uc-row.is-bad { background: rgba(255, 111, 134, 0.07); }
.uc-row.is-bad [data-after] { color: var(--rose); }
.uc-row.is-fixed { background: rgba(87, 242, 176, 0.05); }
.uc-row.is-fixed [data-after] { color: var(--mint); }
.uc-row .scn-tag { transition: all 0.3s var(--ease); }
.uc-row .scn-tag.is-run { color: var(--cyan); border-color: rgba(70, 225, 255, 0.5); }
.uc-msg { padding: 16px clamp(18px, 3vw, 28px); font-size: 13px; color: var(--muted); min-height: 3.6em; }
@media (max-width: 760px) {
  .uc-head { display: none; }
  .uc-row { grid-template-columns: 1fr auto; gap: 6px 12px; }
  .uc-row > span:nth-child(2) { grid-column: 1; grid-row: 2; }
  .uc-row > span:nth-child(2)::before { content: "before: "; color: var(--dim); }
  .uc-row > span:nth-child(3) { grid-column: 1; grid-row: 3; }
  .uc-row > span:nth-child(3)::before { content: "after: "; color: var(--dim); }
  .uc-row > span:nth-child(4) { grid-column: 2; grid-row: 1; }
}

/* ---------- day theme ---------- */
/* the snapshot diff is a tool mockup, so it stays dark (data-dark) on a solid panel */
html[data-theme="light"] .uc { background: linear-gradient(180deg, #121c48, #0a1131); box-shadow: 0 30px 70px -40px rgba(20, 40, 110, 0.55); }