/* Viper Watch: the offer under a check result, and the Watches list in
   My Viper Checks. Secondary to the verdict: quiet surface, one action. */
.vw-offer { margin-top: 18px; padding: 16px 18px; border: 1px solid var(--c-line); border-radius: var(--ui-panel, 12px); background: var(--c-card); }
.vw-offer[data-state="watching"] { border-color: var(--v); }
.vw-head { display: flex; align-items: center; gap: 8px; color: var(--c-ink); }
.vw-head .ico { width: 18px; height: 18px; flex: 0 0 auto; color: var(--v-text, var(--v)); }
.vw-line { margin: 6px 0 0; color: var(--c-body); }
.vw-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; align-items: center; }
.vw-note { margin: 8px 0 0; font-size: 0.875rem; color: var(--c-mute); }
.vw-note:empty { display: none; }
body .vw-btn { appearance: none; font: inherit; font-weight: 500; min-height: 44px; padding: 10px 20px; border-radius: var(--ui-pill, 980px);
  border: 0; background: var(--id-ink, #1D1D1F); color: #fff; cursor: pointer; }
@media (hover: hover) { body .vw-btn:not(.alt):not(.danger):not(:disabled):hover { background: #000; } body .vw-btn.alt:not(:disabled):hover { background: var(--id-fill-2, #E8E8ED); } }
body .vw-btn.alt { background: var(--id-fill, #F5F5F7); color: var(--id-ink, #1D1D1F); }
body .vw-btn:disabled { opacity: 0.6; cursor: default; }
body .vw-btn:focus-visible { outline: 2px solid var(--id-viper-deep, #0B7A3E); outline-offset: 3px; }

.vw-panel { margin-top: 20px; }
.vw-ptitle { margin: 0; font-size: 1.25rem; color: var(--c-ink); }
.vw-list { display: flex; flex-direction: column; margin-top: 12px; border-top: 1px solid var(--c-line); }
.vw-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 12px 0; border-bottom: 1px solid var(--c-line); align-items: center; }
.vw-main { display: flex; flex-direction: column; min-width: 0; }
.vw-main b { color: var(--c-ink); overflow-wrap: anywhere; }
.vw-meta { font-size: 0.8125rem; color: var(--c-mute); }
.vw-state { justify-self: end; font-size: 0.8125rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--c-raise); color: var(--c-body); white-space: nowrap; }
.vw-row[data-tone="bad"] .vw-state { background: var(--bad-soft); color: var(--bad); }
.vw-row[data-tone="warn"] .vw-state { background: var(--warn-soft); color: var(--warn); }
.vw-row[data-tone="ok"] .vw-state { background: var(--ok-soft); color: var(--ok); }
.vw-row-actions { grid-column: 1 / -1; display: flex; gap: 16px; }
.vw-row-actions .linkbtn.danger { color: var(--bad); }
.vw-empty { margin: 12px 0 0; color: var(--c-body); }
.vw-pref { display: flex; align-items: center; gap: 10px; margin-top: 16px; min-height: 44px; color: var(--c-ink); cursor: pointer; }
.vw-pref input { width: 20px; height: 20px; accent-color: var(--v); }