/* Watch-specific styles. Brand tokens + shell live in nexpand.css. */

/* The mail-style product accent, but amber for watch */
.nx-brand .nx-product { color: #F59E0B; }

/* Contextual diff (same look as the daily digest) */
.diffbox { border: 1px solid var(--nx-border); border-radius: 10px; overflow: hidden; margin: .3rem 0 .5rem; }
.diffline { padding: .42rem .8rem; font-size: .875rem; border-top: 1px solid #EDF0F6; }
.diffline:first-child { border-top: none; }
.diffline.removed { background: #FFF1F2; color: #9F1239; text-decoration: line-through; text-decoration-color: #FDA4AF; }
.diffline.added { background: #ECFDF5; color: #065F46; }
.difftail { padding: .4rem .8rem; font-size: .8rem; color: var(--nx-muted); border-top: 1px solid #EDF0F6; background: #FAFBFE; }

/* Current / Previous screenshots */
.shots { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: .6rem; }
.shots figure { margin: 0; }
.shots figcaption { font-size: .72rem; color: var(--nx-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; }
.shots a img { width: 100%; max-height: 240px; object-fit: cover; object-position: top; border: 1px solid var(--nx-border); border-radius: 8px; display: block; }

/* Keyword-hit flag */
.kw-hit { background: var(--nx-rose); color: #fff; }

/* Monitor status dots reuse .nx-dot from nexpand.css */