/* Weekly 30-second safety check card (/app/). Logical properties → RTL-safe. */
.wk-card { margin-block: 16px; padding: 18px; border-radius: 20px; background: var(--vx-surface-2, rgba(255,255,255,.04)); border: 1px solid var(--vx-border, rgba(255,255,255,.08)); }
.wk-card h2 { margin: 0; font-size: 1.15rem; }
.wk-sub { margin-block: 4px 10px; opacity: .8; }
.wk-list { list-style: none; margin: 0; padding: 0; }
.wk-row { display: flex; justify-content: space-between; gap: 12px; padding-block: 10px; color: inherit; text-decoration: none; border-block-end: 1px solid var(--vx-border, rgba(255,255,255,.06)); }
.wk-row:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.wk-attention { color: var(--vx-sev-critical, #f87171); }
.wk-ok { color: var(--vx-sev-safe, #86efac); }
.wk-err { color: var(--vx-sev-critical, #f87171); }
.wk-ato { padding: 12px; border-radius: 14px; margin-block-end: 12px; background: rgba(248,113,113,.12); }
.wk-ato a { display: inline-block; margin-inline-end: 12px; margin-block-start: 6px; color: inherit; }
.wk-actions { display: flex; justify-content: flex-end; gap: 8px; margin-block-start: 8px; }
.wk-card button { font: inherit; }
@media (prefers-reduced-motion: no-preference) { .wk-row { transition: background-color .15s ease; } }