{{/* estilo-menu-item: one row in any estilo-menu. Data: menu.Item, with
     exactly one of Href (a link), Action (a one-button POST form) or
     Dialog (a button opening the <dialog> with that id through the
     platform's invoker command). All three work with scripts off; chrome.js
     only adds the dialog for engines without invoker commands. Callers
     supply the label in their own locale; Key is an already-formatted
     shortcut (menu.Shortcut). Danger marks a destructive row
     (estilo-menu-item="danger"), drawn in the negative tone. */}}
{{define "estilo-menu-item"}}{{if .Action}}<form method="post" action="{{.Action}}"><button estilo-menu-item{{if .Danger}}="danger"{{end}} type="submit">{{template "estilo-menu-item-body" .}}</button></form>{{else if .Dialog}}<button estilo-menu-item{{if .Danger}}="danger"{{end}} type="button" commandfor="{{.Dialog}}" command="show-modal">{{template "estilo-menu-item-body" .}}</button>{{else}}<a estilo-menu-item{{if .Danger}}="danger"{{end}} href="{{.Href}}">{{template "estilo-menu-item-body" .}}</a>{{end}}{{end}}
{{define "estilo-menu-item-body"}}<span estilo-menu-label>{{.Label}}</span>{{with .Key}}<kbd estilo-menu-key>{{.}}</kbd>{{end}}{{end}}
{{/* estilo-icon-check: the glyph inside an estilo-menu-check column.
     Lucide "check" (ISC, brand/LICENSE.lucide). */}}
{{define "estilo-icon-check"}}<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 6 9 17l-5-5"/></svg>{{end}}