/* -------------------------------------------------------------- row menu
 * templates/ui/row_menu.html. The actions of one table row behind the
 * drawn three-dot tool (ui/tool.html, icon «more», WEB-KOM-15; «⋯» is no
 * control character under WEB-MIK-08). A <details>, so it opens with the
 * keyboard and without a script (WEB-BAR-03). Entries are links or a form
 * with a text action; a destructive one asks first. Role tokens only
 * (WEB-TOK-03). Admin page pattern D (docs/program/admin_seitenmuster.md). */
@layer ui {
.row-menu { position: relative; display: inline-block; }
.row-menu > summary { list-style: none; }
.row-menu > summary::-webkit-details-marker { display: none; }
.row-menu > summary svg circle { fill: currentColor; }
.row-menu[open] > summary { background: var(--surface-subtle); color: var(--text-primary); }
.row-menu[open] > summary::after { display: none; }
.row-menu__list {
  position: absolute; top: 100%; right: 0; z-index: 40; min-width: 13rem; margin: 0; padding: var(--s-2) 0;
  list-style: none; text-align: left; background: var(--surface-page);
  border: 1px solid var(--rule-control); border-top-color: var(--rule-medium);
}
.row-menu__list li { margin: 0; }
.row-menu__list a, .row-menu__list button {
  display: block; width: 100%; height: auto; box-sizing: border-box; padding: var(--s-2) var(--s-4);
  text-align: left; font: inherit; font-size: var(--t-small); color: var(--text-primary); background: none;
  border: 0; cursor: pointer; white-space: nowrap; text-decoration: none;
}
.row-menu__list a:hover, .row-menu__list button:hover { background: var(--surface-subtle); }
.row-menu__list a:focus-visible, .row-menu__list button:focus-visible {
  outline: 2px solid var(--rule-brand); outline-offset: -2px; }
.row-menu__list form { margin: 0; }
.row-menu__list .row-menu__sep { margin-top: var(--s-2); padding-top: var(--s-2); border-top: 1px solid var(--rule-faint); }
/* On a phone the menu opens to the left edge of its card row, inside the
   16 px gutter, never past the screen (WEB-LAY-12). */
@media (max-width: 720px) { .row-menu__list { right: auto; left: 0; min-width: 10rem; } }
}  /* @layer ui */