/* Bluesky Post Checker -- additions on top of sc-image-checker.css and sc-post-validator.css.
   Scoped to .pub-site like the rest of the public layer. Status is always text + glyph, never colour alone. */
.pub-site .pc-badge {
  display: inline-flex; align-items: center; gap: .35rem; width: fit-content; max-width: 100%;
  padding: .12rem .55rem; border-radius: var(--pub-radius-pill); border: 1px solid transparent;
  font-size: .6875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; line-height: 1.5; white-space: nowrap;
}
.pub-site .pc-badge::before { font-weight: 800; }
.pub-site .pc-badge[data-status="pass"] { color: var(--pub-success); background: #ECFDF5; border-color: #A7E3CB; }
.pub-site .pc-badge[data-status="pass"]::before { content: "\2713"; }
.pub-site .pc-badge[data-status="warning"] { color: var(--pub-warning); background: #FFF7E8; border-color: #F2D29C; }
.pub-site .pc-badge[data-status="warning"]::before { content: "\25B2"; font-size: .6rem; }
.pub-site .pc-badge[data-status="fail"] { color: var(--pub-danger); background: #FFF5F5; border-color: #F2C7C7; }
.pub-site .pc-badge[data-status="fail"]::before { content: "\2715"; font-size: .65rem; }
.pub-site .pc-badge[data-status="not-checked"] { color: #475569; background: #F1F5F9; border-color: #CBD5E1; }
.pub-site .pc-badge[data-status="not-checked"]::before { content: "?"; }
.pub-site .pv-check { grid-template-columns: 6.75rem minmax(0, 1fr); }
.pub-site .pv-check .pc-badge { justify-self: start; }

.pub-site .pv-result[data-state="pass"] { background: #ECFDF5; border-color: #A7E3CB; border-left-color: var(--pub-success); }
.pub-site .pv-result[data-state="pass"]::before { content: "\2713"; color: var(--pub-success); }
.pub-site .pv-result[data-state="pass"] strong { color: var(--pub-success); }
.pub-site .pv-result[data-state="warning"] { background: #FFF7E8; border-color: #F2D29C; border-left-color: var(--pub-warning); }
.pub-site .pv-result[data-state="warning"]::before { content: "\25B2"; color: var(--pub-warning); font-size: 1rem; }
.pub-site .pv-result[data-state="warning"] strong { color: var(--pub-warning); }
.pub-site .pv-result[data-state="fail"] { background: #FFF5F5; border-color: #F2C7C7; border-left-color: var(--pub-danger); }
.pub-site .pv-result[data-state="fail"]::before { content: "\2715"; color: var(--pub-danger); }
.pub-site .pv-result[data-state="fail"] strong { color: var(--pub-danger); }

.pub-site .pc-counts { margin: 0; font-size: .875rem; color: var(--pub-text-secondary); }
.pub-site .pc-counts[hidden] { display: none; }

.pub-site a.pc-fix {
  display: inline-block; margin-top: .35rem; min-height: 44px; padding: .65rem 0; font-size: .875rem; font-weight: 700;
  color: var(--pub-accent-strong); text-decoration: underline; text-underline-offset: 2px;
}
.pub-site a.pc-fix:focus-visible, .pub-site a.pc-cta:focus-visible { outline: none; box-shadow: var(--pub-ring); border-radius: 4px; }

.pub-site .pc-url { width: 100%; min-height: 44px; padding: .65rem .8rem; font: inherit; border: 1px solid var(--pub-border-strong); border-radius: var(--pub-radius-md); background: var(--pub-bg); color: var(--pub-text); }
.pub-site .pc-url:focus-visible { outline: none; box-shadow: var(--pub-ring); }

.pub-site .pc-video-card { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: .75rem 1rem; border: 1px solid var(--pub-border-strong); border-radius: var(--pub-radius-md); }
.pub-site .pc-video-card[hidden], .pub-site .pc-vdrop[hidden] { display: none; }
.pub-site .pc-video-card p { margin: 0; overflow-wrap: anywhere; }

.pub-site .pc-handoff { display: grid; gap: .6rem; padding: 1rem 1.15rem; border: 1px solid var(--pub-border-strong); border-radius: var(--pub-radius-md); background: var(--pub-bg-soft, #F8FAFC); }
.pub-site .pc-handoff h3 { margin: 0; font-size: 1rem; }
.pub-site .pc-handoff p { margin: 0; font-size: .875rem; color: var(--pub-text-secondary); }
.pub-site a.pc-cta {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem 1.2rem; width: fit-content;
  border-radius: var(--pub-radius-pill); background: var(--pub-accent-strong); color: #fff; font-weight: 700; text-decoration: none;
}
.pub-site a.pc-cta:hover { filter: brightness(1.08); }

.pub-site .pc-states { display: grid; gap: .6rem; padding: 0; margin: 0; list-style: none; }
.pub-site .pc-states li { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: baseline; }

@media (max-width: 640px) {
  .pub-site .pv-check { grid-template-columns: minmax(0, 1fr); }
  .pub-site a.pc-cta { width: 100%; }
}

/* ---- Compact workspace (scoped to the Post Checker only; the shared .ic-*/.pv-* rules other tools use are untouched) ---- */
.pub-site .ic-hero:has(#pc-h1) .ic-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem .5rem; margin-top: .75rem; }
.pub-site .ic-hero:has(#pc-h1) .ic-chips li { margin: 0; }
.pub-site #pc-tool .ic-ws-tabs { margin-bottom: .6rem; }
.pub-site #pc-tool .pv-field { gap: .35rem; }
.pub-site #pc-tool .pc-url { min-height: 44px; padding: .5rem .75rem; }
.pub-site #pc-tool .pv-drop { padding: .8rem 1rem; gap: .15rem; }
.pub-site #pc-tool .pv-drop .ic-drop-title { margin: 0; font-size: .9375rem; }
.pub-site #pc-tool .pv-drop .ic-drop-sub, .pub-site #pc-tool .pv-drop .ic-drop-formats { margin: 0; }
.pub-site #pc-tool .pv-drop .ic-drop-icon { width: 34px; height: 34px; margin-bottom: .1rem; }
.pub-site #pc-tool .pv-drop .ic-drop-icon svg { width: 18px; height: 18px; }
.pub-site #pc-tool a.pc-fix { min-height: 44px; padding: .5rem 0; margin-top: .1rem; }
@media (max-width: 640px) {
  .pub-site #pc-tool .pv-textarea { min-height: 7.5rem; }
  .pub-site .ic-hero:has(#pc-h1) .ic-chips { gap: .3rem .4rem; }
  .pub-site .ic-hero:has(#pc-h1) .ic-chips li { min-height: 28px; padding: .15rem .55rem; font-size: .75rem; gap: .3rem; }
}