/* 570 suite の絵 (アイコン)。**このファイルは scripts/build_suite_icons.py が作る。手で直さない。**
正本 = docs/suite-design/suite-icons.html (UIルール 部-11: 3部署とも同じ線画 16マス・1.5px・#777)。
で 16px。.big で 32px。色は color (currentColor)。
部署の印 (pink / blue / kabosu) だけ白抜きの塗りなので mask でなく絵そのもの (#777 固定)。 */
.ico[data-icon] { display: inline-block; width: 16px; height: 16px; flex: none; vertical-align: -3px; color: #777;
background-color: currentColor; -webkit-mask: var(--s-icon) center / 100% 100% no-repeat; mask: var(--s-icon) center / 100% 100% no-repeat; }
.ico.big[data-icon] { width: 32px; height: 32px; vertical-align: middle; }
.ico.mark[data-icon] { background: var(--s-icon) center / 100% 100% no-repeat; -webkit-mask: none; mask: none; }
[data-icon="file"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="folder"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="folder-open"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="project"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="upload"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="download"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="search"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="new-folder"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="edit"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="move"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="copy"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="del"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="web"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="invite"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="pin"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="eye"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="user"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="tools"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="yen"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="book"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="logout"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="back"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="box"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="coin"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="clip"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="close"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="check"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="warn"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="up"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="filter"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="gauge"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="invoice"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="pay"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="wallet"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="users"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="trend"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="bars"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="swap"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="bank"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="import"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="calc"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="clipboard"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="clock"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="sun"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="coins"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="building"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="tag"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="calendar"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="task"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="send"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="proof"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="memo"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="chat"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="video"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="address"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="envelope"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="thermo"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="chev-down"] { --s-icon: url("data:image/svg+xml;utf8,"); }
/* 歯車は峯岸さんの絵 (2026-10-04 1045_ge_h.svg。48 の箱で歯車は 11〜37)。ほかの絵と同じ大きさに見えるよう、箱を
歯車の外側に 10% の余白で切り直した (viewBox 7.75〜40.25)。線は 2.5 = 16px で 1.25px
(クリップと並べて同じ太さに見えた値。色は tasks.css でクリップと揃えてある) */
[data-icon="gear"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="chev-up"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="camera"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="image"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="heart"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="heart-fill"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="pink"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="blue"] { --s-icon: url("data:image/svg+xml;utf8,"); }
[data-icon="kabosu"] { --s-icon: url("data:image/svg+xml;utf8,"); }
/* 66 個 */