.src-origin-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-5);
    margin: 0 0 var(--ds-space-5);
    padding: var(--ds-space-3) var(--ds-space-4);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-control);
    background: var(--ds-surface-2);
}
.src-origin-bar > div { display: flex; align-items: center; gap: var(--ds-space-3); min-width: 0; }
.src-origin-bar > div > i {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    height: 34px;
    border-radius: var(--ds-radius-control);
    background: var(--ds-surface-3);
    color: var(--ds-status-success);
}
.src-origin-bar span, .src-origin-bar strong, .src-origin-bar small { display: block; }
.src-origin-bar small { margin-top: 2px; color: var(--ds-text-2); font-size: var(--ds-font-size-caption); }
.src-origin-bar.is-local { border-color: var(--ds-border); background: var(--ds-surface-2); }
.src-origin-bar.is-local > div > i { background: var(--ds-surface-3); color: var(--ds-text-2); }
.ag-dlg:has([data-source-step]) { max-width: 850px; }
@media (max-width: 700px) {
    .src-origin-bar { align-items: stretch; flex-direction: column; }
    .src-origin-bar form, .src-origin-bar button { width: 100%; }
}