/* A status beside a resource never replaces its existing data or forms. */
.ui-resource{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-block:var(--space-3);border-inline-start:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-control);line-height:var(--line-height-control);min-width:0}.ui-resource[hidden]{display:none!important}.ui-resource__content{flex:1;min-width:0}.ui-resource__message{margin:0;overflow-wrap:anywhere}.ui-resource[data-state=error],.ui-resource[data-state=conflict]{border-inline-start-color:var(--control-error)}.ui-resource[data-state=refreshing],.ui-resource[data-state=loading]{border-inline-start-color:var(--color-primary)}.ui-resource button{flex:none;max-width:100%;white-space:normal}.ui-resource[data-state=readonly]{color:var(--color-text-muted)}