/* own.css - the own / want control (templates/partial/own.html), for any
   page that has loaded cards.css: it uses that file's palette and .hb-fbtn. */
.hb-own { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 14px; }
.hb-own [hidden] { display: none !important; }
.hb-own .hb-fbtn { font-size: 12px; padding: 5px 12px; color: var(--t2, #C6CEC4); }
.hb-own .hb-fbtn i { margin-right: 6px; font-size: 11px; color: var(--t3, #9FAA9D); }
.hb-own .hb-fbtn.hb-on i { color: var(--orange, #F3843E); }
.hb-own-note { font-size: 12px; color: var(--t3, #9FAA9D); margin-left: 4px; }
.hb-own-how { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.hb-own-busy { opacity: .55; pointer-events: none; }
.hb-own-failed .hb-fbtn { border-color: #EF5354; }
.hb-own a.hb-own-in { font-size: 12px; color: var(--t3, #9FAA9D); text-decoration: underline; }
.hb-own a.hb-own-in:hover { color: var(--t1, #F2F5F1); }