/* Settings only. Outlines/inset shadows preserve existing layout dimensions. */
.adh-settings-tabs {
    --adh-settings-line: color-mix(in srgb,
        var(--dxds-color-border-neutral-default-rest,
            var(--dxbl-tabs-separator-border-color, var(--bs-border-color, currentColor))) 55%, transparent);
    border-radius: .55em;
    outline: 1px solid var(--adh-settings-line);
    outline-offset: -1px;
    box-shadow: none;
    /* Paint the container too, so the header's inset leaves no white edge gaps. */
    background: var(--dxds-color-surface-neutral-subdued-rest, var(--dxbl-tabs-bg, transparent));
}

.adh-settings-tabs .dxbl-tabs-tablist {
    background: var(--dxds-color-surface-neutral-subdued-rest, var(--dxbl-tabs-bg, transparent));
    box-shadow: inset 0 -1px var(--adh-settings-line);
    border-radius: .55em .55em 0 0;
}

/* Keep the content surface distinct without clipping editors or moving their layout. */
.adh-settings-tabs .dxbl-tabs-content {
    background: var(--dxds-color-surface-neutral-default-rest, var(--dxbl-tabs-bg, var(--bs-body-bg, transparent)));
    border-radius: 0 0 .55em .55em;
}

.adh-settings-tabs [role="tab"][aria-selected="true"] {
    border-radius: .4em .4em 0 0;
}

.adh-settings-tabs .contract-field-config > section {
    border-color: var(--adh-settings-line);
    box-shadow: none;
}

.adh-settings-tabs .contract-field-config > section > h3 {
    color: inherit;
    font-size: 1em;
    font-weight: 600;
}

@media (forced-colors: active) {
    .adh-settings-tabs { outline-color: CanvasText; box-shadow: none; }
}