/* UI: icon buttons on the left of a Vault item panel's footer (js/vault-foot-icons.js) */
:is(#item-panel, #kind-panel, #doc-panel) .panel-foot > .btn.vf-ic:not(.primary) {
  position: relative; display: inline-grid; place-items: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px;
  padding: 0; font-size: 0; line-height: 0; flex: none;
}
:is(#item-panel, #kind-panel, #doc-panel) .panel-foot > .btn.vf-ic:not(.primary)[hidden] { display: none; }
:is(#item-panel, #kind-panel, #doc-panel) .panel-foot > .btn.vf-ic:not(.primary)::before {
  content: ''; width: 20px; height: 20px; background: currentColor;
  -webkit-mask: var(--vf-icon) center / contain no-repeat; mask: var(--vf-icon) center / contain no-repeat;
}
.btn.vf-del { --vf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.btn.vf-move { --vf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='18' cy='5' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='6' cy='12' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='18' cy='19' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8.2 10.8l7.6-4.4M8.2 13.2l7.6 4.4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
.btn.vf-link { --vf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }