entirely, so only the cell-level rules need resetting here. */
.copy-mappings__cell--switch[b-nelmvcteoz],
.copy-mappings__cell--actions[b-nelmvcteoz] {
text-align: start;
}
.copy-mappings__id[b-nelmvcteoz] {
max-inline-size: none;
}
.copy-mappings__table input.copy-mappings__number[b-nelmvcteoz] {
max-inline-size: 8rem;
}
}
/* /Components/Pages/Tenant/Actions/SiteSharingCapabilityEditor.razor.rz.scp.css */
/* Editor-specific chrome only - the table, toolbar, and scroll region reuse the
shared list contract from wwwroot/css/lists.css verbatim (see the component's
header comment); nothing here may restyle those classes. */
.site-sharing-hints[b-vi3rvtere5] {
margin: 0 0 0.75rem;
padding: 0.5rem 1rem 0.5rem 2rem;
border-left: 3px solid var(--warning, #b7791f);
background: var(--warning-subtle, #fdf6ec);
}
/* The shared bulk bar is bottom-sticky, which suits a list page whose
toolbar sits well clear of the fold. This editor's toolbar carries six
controls that wrap to several rows on a phone, and the bar's own place in
the document is then BELOW the fold - so sticky pulls it back up to the
viewport edge, where its z-index paints it over Save / Filters / Columns
(measured: an 18px bite out of the toolbar's last row at 390x844). Keeping
it in flow costs the pinned-while-scrolling affordance and removes the
collision outright. ::deep because the bar is a child component's element. */
.site-sharing-bulk-bar[b-vi3rvtere5] .list-bulk-action-bar {
position: static;
}
/* The bar casts a shadow and the table starts immediately beneath it; without
clearance the table's own top edge crops that shadow and the two read as one
welded block. */
.site-sharing-bulk-bar[b-vi3rvtere5] {
margin-block-end: 0.75rem;
}
.site-sharing-bulk-panel[b-vi3rvtere5] {
border: 1px solid var(--border-subtle, #d0d4da);
border-radius: 0.5rem;
padding: 1rem;
margin-bottom: 0.75rem;
}
.site-sharing-bulk-panel__actions[b-vi3rvtere5] {
margin-top: 0.75rem;
}
.site-sharing-row--readonly[b-vi3rvtere5] {
color: var(--text-subtle, #5b6472);
}
/* The site cell doubles as the expand trigger on editable rows - a text-styled
button so clicking the name opens that site's sharing settings. */
.site-sharing-row__site[b-vi3rvtere5] {
display: block;
width: 100%;
padding: 0;
border: 0;
background: none;
text-align: inherit;
font: inherit;
color: inherit;
cursor: pointer;
}
.site-sharing-row__site:hover .site-sharing-row__title[b-vi3rvtere5],
.site-sharing-row__site:focus-visible .site-sharing-row__title[b-vi3rvtere5] {
text-decoration: underline;
}
/* The trigger's label flips between "Edit sharing" and "Close"; a fixed
width sized to the longer label keeps the button from resizing under the
pointer, and the centered text keeps the shorter label from hugging the
leading edge. */
.site-sharing-row__edit[b-vi3rvtere5] {
inline-size: 6.75rem;
justify-content: center;
text-align: center;
white-space: nowrap;
padding-inline: 0.5rem;
}
.site-sharing-export-error[b-vi3rvtere5] {
margin: 0 0 0.5rem;
color: var(--danger, #b42318);
}
/* The on-demand gate shown in place of the grid until the operator asks. */
.site-sharing-load[b-vi3rvtere5] {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
padding: 2.5rem 1rem;
border: 1px dashed var(--border-subtle, #d0d4da);
border-radius: 0.5rem;
text-align: center;
}
.site-sharing-load p[b-vi3rvtere5] {
margin: 0;
max-width: 44rem;
color: var(--text-subtle, #5b6472);
}
/* The snapshot-capture tile row directly under the card heading. */
/* One tile, not a row of them: the shared grid's auto-fit tracks are `1fr`,
so a lone tile stretches the full width and reads as a banner rather than
a stat. Size the track to its content instead, and keep the phone rule's
full-width behaviour where a content-width tile would look stranded. */
.site-sharing-editor__tiles[b-vi3rvtere5] {
margin: 0 0 0.75rem;
grid-template-columns: max-content;
}
@media (max-width: 599px) {
.site-sharing-editor__tiles[b-vi3rvtere5] {
grid-template-columns: 1fr;
}
}
.site-sharing-row__title[b-vi3rvtere5] {
display: block;
font-weight: 600;
}
.site-sharing-row__url[b-vi3rvtere5] {
display: block;
font-size: 0.75rem;
color: var(--text-subtle, #5b6472);
word-break: break-all;
}
.site-sharing-chip[b-vi3rvtere5] {
display: inline-block;
padding: 0.1rem 0.5rem;
margin-right: 0.25rem;
border-radius: 1rem;
font-size: 0.75rem;
background: var(--surface-subtle, #eef0f3);
}
.site-sharing-chip--modified[b-vi3rvtere5] {
background: var(--accent-subtle, #e3edfb);
font-weight: 600;
}
.site-sharing-chip--readonly[b-vi3rvtere5] {
background: var(--warning-subtle, #fdf6ec);
}
.site-sharing-fields[b-vi3rvtere5] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
gap: 0.75rem;
padding: 0.75rem 0;
}
.site-sharing-fields label[b-vi3rvtere5] {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-size: 0.85rem;
/* These labels ARE the field cells, not captions above a form control, so
the global app-shell label margin does not belong on them. Left in, it
shortened every label-wrapped field by 8px against the domain fields,
whose wrapper is a