/* Popover for changing a highlight's category from its reader mark. Same look as the selection popover. */
.mark-popover{position:fixed;z-index:1000;box-sizing:border-box;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-popover);font:var(--text-md)/1.5 var(--font-ui);color:var(--color-ink)}
.mark-popover[hidden]{display:none}
.mark-popover p{margin:0 0 var(--space-2)}
.mark-popover-categories,.mark-popover-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:400px}
.mark-popover-actions{margin-top:var(--space-2)}
.mark-popover button{min-height:var(--control-sm);padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-weight:600;color:inherit}
.mark-popover button:focus-visible{outline:var(--focus-ring);outline-offset:2px}
.mark-popover button:disabled{opacity:.6;cursor:wait}
.mark-popover-actions button{background:var(--color-surface-sunken)}
.mark-popover-actions .danger{background:transparent;color:var(--color-danger)}
@media(pointer:coarse){.mark-popover button{min-height:var(--control-touch)}}