/* document_actions.css — styles for the document_actions() "Send or
   print" menu (_partials/document_actions.html) and its labelled
   row_menu() trigger variant (docs/plans/pending/document-actions.md
   Phase 1). Split out of style.css because that file is at its 1800-line
   budget ceiling (see the mobile-thermal-printing work, which hit the
   same wall with print_prefs.css). Token-governed like every other
   stylesheet in TOKEN_GOVERNED_CSS (tests/unit/test_ui_theme_foundation.py)
   -- no literal hex colors, only var(--...) tokens already defined in
   style.css's :root.
*/

/* A row_menu() trigger with a visible text label (page/detail-level
   "Send or print"), as opposed to the default bare "⋮" kebab used by
   every table-row menu. Sized like .btn-secondary so it reads as a real
   button next to page_header's other actions. */
.row-menu-trigger-labelled {
  width: auto;
  height: auto;
  min-height: var(--tap);
  padding: .45rem .95rem;
  gap: .35rem;
  border-color: var(--border);
  background: var(--surface);
  color: var(--text);
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: normal;
}
.row-menu-trigger-labelled:hover,
.row-menu[open] .row-menu-trigger-labelled {
  background: var(--bg);
}

/* Stretches a labelled trigger to its container's full width, for a
   vertical stack of btn-block actions (e.g. the POS sale action rail)
   where a narrow auto-width trigger would look out of place. */
.row-menu-block {
  display: block;
  width: 100%;
}
.row-menu-trigger-block {
  width: 100%;
  justify-content: center;
}

/* Separator between the view/print items and the send/share items. */
.row-menu-sep {
  border-top: 1px solid var(--border);
  margin: .25rem 0;
}

/* Fixed-width glyph column so item labels line up regardless of which
   glyph precedes them. */
.ra-glyph {
  display: inline-block;
  width: 1.3em;
  text-align: center;
}

/* A send item that can't be used yet (no client contact on file, or the
   AR invoice this document is tied to is already paid) -- rendered, not
   omitted, so the menu's shape stays predictable across documents. */
.row-menu-item[disabled] {
  color: var(--muted);
  cursor: not-allowed;
}
.row-menu-item[disabled]:hover {
  background: none;
}