/*
 * What the shared widgets add to the pages' own stylesheets (backend/assets/dist/css/panel.css, frontend/assets/client/app.css,
 * common/web/shared/*.css), whose classes they reuse so they look the same. Tokens: tokens.css.
 */
.field.setting[hidden] { display: none; }

/* The preview while a newer answer is on its way: still readable, plainly not current. */
.tb-preview.is-loading { opacity: .6; transition: opacity .15s; }

/* A live block keeps its height while Pjax swaps its content in. */
.tb-live { min-height: 1px; }

/* The status card's "All numbers": the summary is a control. */
.state-card details > summary { cursor: pointer; color: var(--accent-ink, var(--accent)); }