/* fifteen-id.css — <fifteen-id> (Fifteen.Web.Shared/Display): name first, id secondary, copy on hover. */
.fx-id { display: inline-flex; align-items: center; gap: .25rem; max-width: 100%; vertical-align: middle; }
.fx-id .fx-id-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-id .fx-id-short, .fx-id .fx-id-secondary { font-family: var(--bs-font-monospace, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: .75em; opacity: .75; white-space: nowrap; }
.fx-id .fx-id-secondary { font-family: inherit; }
.fx-id.fx-id-unresolved .fx-id-name { font-style: italic; opacity: .8; }
.fx-id .fx-id-copy { width: 1.5rem; height: 1.5rem; min-height: 0; opacity: .35; transition: opacity .12s ease; }
.fx-id:hover .fx-id-copy, .fx-id .fx-id-copy:focus-visible { opacity: 1; }
td .fx-id, th .fx-id { max-width: 100%; }