/* _content/Admin.Web/Components/CopyCell.razor.rz.scp.css */
.copy-cell[b-6p13x5fp7t] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    max-width: 100%;
    vertical-align: middle;
}

/* max-width is set inline (per cell) on this element; combined with these rules it truncates
   with an ellipsis even in an auto-layout (table-layout:auto) column, which otherwise grows to
   fit nowrap content and lets long values bleed into the next column. */
.copy-cell-text[b-6p13x5fp7t] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* Keep the copy button from consuming row height in a dense table, and reveal it on hover. */
.copy-cell-btn[b-6p13x5fp7t] {
    flex: 0 0 auto;
    opacity: 0;
    transition: opacity 120ms ease-in-out;
    padding: 2px;
}

.copy-cell:hover .copy-cell-btn[b-6p13x5fp7t],
.copy-cell-btn:focus-visible[b-6p13x5fp7t] {
    opacity: 0.7;
}

.copy-cell-btn:hover[b-6p13x5fp7t] {
    opacity: 1 !important;
}