/* Pulsix module (views/pulsix-live.js) */
.px-pick { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--line); border-radius: var(--r-3); background: var(--surface); cursor: pointer; }
.px-pick:has(input:checked) { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.px-pick input { margin-top: 3px; accent-color: var(--ink); }
.px-pick.off { opacity: .55; cursor: not-allowed; }
.mon-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 36px; gap: 8px; align-items: center; }
.mon-row .input[readonly] { background: var(--sunken); }
.mon-main { text-align: center; }
.hb { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.hb-h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.hb-h .btn { margin-left: auto; }
.hb .code { white-space: pre-wrap; word-break: break-all; padding: 8px 10px; }
.locked-card { border-style: dashed; }
.danger-zone { border-color: color-mix(in srgb, var(--bad) 30%, var(--line)); }
@media (max-width: 640px) {
  .mon-row { grid-template-columns: minmax(0, 1fr) 36px; }
  .mon-row .input[data-f="contains"] { grid-column: 1; grid-row: 2; }
}