/* STEP-183 §7 (Ivana, 24 Oct 19:08): the wellness readings' small line icons, one set for the Overview's 07, /glance and the home's 07:
   heart rate, steps, sleep, blood oxygen, skin temperature, blood pressure trend, the doctor report. 18 px, ring-blue (#88BDE8), drawn
   as masks so a surface can recolour them (--wi). Loaded by index.html, book.html and glance.html */
.wi { display: inline-block; flex: none; width: 18px; height: 18px; background: var(--wi, #88BDE8); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.wi-heart { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/></svg>"); }
.wi-steps { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M8.5 3C10 3 11 5 11 7.5S10 12 8.5 12 6 10 6 7.5 7 3 8.5 3zM6.5 15h4v1.5a2 2 0 0 1-4 0zM15.5 7c1.5 0 2.5 2 2.5 4.5S17 16 15.5 16 13 14 13 11.5 14 7 15.5 7zM13.5 19h4v.2a2 2 0 0 1-4 0z'/></svg>"); }
.wi-sleep { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M19.5 14.5A8 8 0 1 1 9.5 4.5a6.5 6.5 0 0 0 10 10z'/></svg>"); }
.wi-oxygen { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3s6 6.6 6 11a6 6 0 0 1-12 0c0-4.4 6-11 6-11z'/></svg>"); }
.wi-temp { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M10 4.5a2 2 0 0 1 4 0v8.8a4 4 0 1 1-4 0zM12 9v7'/></svg>"); }
.wi-pressure { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 16.5a8.5 8.5 0 0 1 17 0M12 16.5l4-5M6 12.5l1 .6M12 8v1.2M18 12.5l-1 .6'/></svg>"); }
.wi-report { --m: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M7 3h7l4 4v14H7zM14 3v4h4M9.5 12h6M9.5 15.5h6'/></svg>"); }