/* Temporary bridge for unmigrated screen bodies. Remove by consumer after S3 review.
   No relationships/fields/actions are changed here. Native Atlas components use ui-*. */
:root {
    --tf-blue: var(--ui-action);
    --tf-blue-hover: var(--ui-action-hover);
    --tf-blue-dark: var(--ui-nav);
    --tf-blue-dark-hover: var(--ui-nav-active);
    --tf-bg: var(--ui-canvas);
    --tf-surface: var(--ui-surface);
    --tf-text: var(--ui-text);
    --tf-muted: var(--ui-text-muted);
    --tf-line: var(--ui-line);
    --tf-danger: var(--ui-danger);
    --tf-warning-bg: var(--ui-warning-bg);
    --tf-warning-text: var(--ui-warning);
    --tf-success-bg: var(--ui-success-bg);
    --tf-success-text: var(--ui-success);
    --tf-info-bg: var(--ui-info-bg);
    --tf-info-text: var(--ui-info);
    --bs-body-font-family: var(--ui-font);
    --bs-body-font-size: .9375rem;
    --bs-body-color: var(--ui-text);
    --bs-secondary-color: var(--ui-text-muted);
    --bs-secondary-rgb: 78, 97, 115;
    --bs-border-color: var(--ui-line);
}
.ui-main.app-container, .ui-main.app-container--wide { width: 100%; max-width: var(--ui-content-width); }
.ui-main.app-container--readable { max-width: 68.75rem; }
.ui-access-layout .ui-main { max-width: 30rem; }
.ui-main .container, .ui-public-main .container { max-width: 100%; }
.ui-main .row > *, .ui-public-main .row > *, .ui-main .card, .ui-public-main .card { min-width: 0; }
.ui-main .stack > *, .ui-public-main .stack > * { min-width: 0; }
.ui-main dd, .ui-public-main dd { min-width: 0; overflow-wrap: anywhere; }
.ui-main .panel, .ui-public-main .panel { padding: 1.25rem; box-shadow: none; }
.ui-main .card, .ui-public-main .card { border-radius: var(--ui-radius-surface); box-shadow: none; }
.ui-main .card-body, .ui-public-main .card-body { padding: 1.25rem; }
.ui-main .card-header, .ui-public-main .card-header { background: var(--ui-surface-subtle); border-bottom-color: var(--ui-line); }
.ui-main .h3, .ui-public-main .h3 { font-size: var(--ui-type-page); letter-spacing: -.015em; }
.ui-main .h5, .ui-public-main .h5 { font-size: var(--ui-type-section); }
.ui-main .form-label, .ui-public-main .form-label { font-size: .875rem; font-weight: 500; margin-bottom: .375rem; }
.ui-main :is(.form-control, .form-select):not(.ui-control), .ui-public-main :is(.form-control, .form-select):not(.ui-control) { font-size: .9375rem; min-height: 2.5rem; border-color: var(--ui-control-border); }
.ui-main :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.ui-control),
.ui-public-main :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.ui-control) { border-color: var(--ui-control-border); }
.ui-main :is(input, select, textarea):focus-visible,
.ui-public-main :is(input, select, textarea):focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; box-shadow: none; }
.ui-main input[type="checkbox"], .ui-main input[type="radio"],
.ui-public-main input[type="checkbox"], .ui-public-main input[type="radio"] { width: 1.125rem; height: 1.125rem; min-height: 0; padding: 0; accent-color: var(--ui-action); }
.ui-main .form-text, .ui-public-main .form-text { color: var(--ui-text-muted); font-size: .8125rem; }
.ui-main .invalid-feedback, .ui-public-main .invalid-feedback { color: var(--ui-danger); }
.ui-main .btn, .ui-public-main .btn, .ui-main .button, .ui-public-main .button { font-size: .875rem; font-weight: 500; min-height: 2.5rem; border-radius: var(--ui-radius-control); }
.ui-main .btn-sm, .ui-public-main .btn-sm { min-height: 2rem; font-size: .8125rem; padding: .375rem .625rem; }
.ui-main .btn-outline-secondary, .ui-public-main .btn-outline-secondary {
    --bs-btn-color: var(--ui-text-muted);
    --bs-btn-border-color: var(--ui-control-border);
    --bs-btn-hover-color: var(--ui-text);
    --bs-btn-hover-bg: var(--ui-surface-subtle);
    --bs-btn-hover-border-color: var(--ui-text-muted);
    --bs-btn-active-color: var(--ui-text);
    --bs-btn-active-bg: var(--ui-line);
    --bs-btn-active-border-color: var(--ui-text-muted);
}
.ui-main .btn-outline-danger, .ui-public-main .btn-outline-danger {
    --bs-btn-color: var(--ui-danger);
    --bs-btn-border-color: var(--ui-danger);
    --bs-btn-hover-color: var(--ui-danger);
    --bs-btn-hover-bg: var(--ui-danger-bg);
    --bs-btn-hover-border-color: var(--ui-danger);
    --bs-btn-active-color: var(--ui-danger);
    --bs-btn-active-bg: var(--ui-danger-bg);
    --bs-btn-active-border-color: var(--ui-danger);
}
.ui-main .button-secondary, .ui-public-main .button-secondary,
.ui-main .tf-btn-secondary, .ui-public-main .tf-btn-secondary { background: var(--ui-surface); color: var(--ui-text); border-color: var(--ui-control-border); }
.ui-main .button-secondary:hover, .ui-public-main .button-secondary:hover { background: var(--ui-surface-subtle); }
.ui-main .table-responsive, .ui-public-main .table-responsive { max-width: 100%; background: var(--ui-surface); border-block: 1px solid var(--ui-line); }
.ui-main .table, .ui-public-main .table { font-size: .875rem; margin-bottom: 0; --bs-table-border-color: var(--ui-line); --bs-table-striped-bg: #f8fafc; --bs-table-hover-bg: #edf4f9; }
.ui-main .table thead th, .ui-public-main .table thead th { text-transform: none; font-weight: 500; font-size: .8125rem; color: var(--ui-text-muted); background: var(--ui-surface-subtle); }
.ui-main .table > :not(caption) > * > *, .ui-public-main .table > :not(caption) > * > * { padding: .625rem .75rem; }
.ui-main .table tbody tr > :first-child, .ui-public-main .table tbody tr > :first-child { min-width: 7rem; }
.ui-main .tf-badge, .ui-public-main .tf-badge { border-radius: var(--ui-radius-small); font-weight: 500; font-size: .75rem; padding: .1875rem .5rem; min-height: 1.5rem; }
.ui-main .tf-badge-info, .ui-public-main .tf-badge-info { color: var(--ui-info); background: var(--ui-info-bg); border-color: transparent; }
.ui-main .tf-badge-success, .ui-public-main .tf-badge-success { color: var(--ui-success); background: var(--ui-success-bg); border-color: transparent; }
.ui-main .tf-badge-warning, .ui-public-main .tf-badge-warning { color: var(--ui-warning); background: var(--ui-warning-bg); border-color: transparent; }
.ui-main .tf-badge-danger, .ui-public-main .tf-badge-danger { color: var(--ui-danger); background: var(--ui-danger-bg); border-color: transparent; }
.ui-main .tf-badge-muted, .ui-public-main .tf-badge-muted { color: var(--ui-neutral); background: var(--ui-neutral-bg); border-color: transparent; }
.ui-main .alert-danger, .ui-public-main .alert-danger { --bs-alert-color: var(--ui-danger); --bs-alert-bg: var(--ui-danger-bg); }
.ui-main .alert-success, .ui-public-main .alert-success { --bs-alert-color: var(--ui-success); --bs-alert-bg: var(--ui-success-bg); }
.ui-main .alert-warning, .ui-public-main .alert-warning { --bs-alert-color: var(--ui-warning); --bs-alert-bg: var(--ui-warning-bg); }
@media (max-width: 479px) {
    .ui-main .btn, .ui-public-main .btn, .ui-main .button, .ui-public-main .button { min-height: 2.75rem; }
    .ui-main .card-body, .ui-public-main .card-body, .ui-main .panel { padding: 1rem; }
}
@media (max-width: 767px) {
    .ui-main .d-flex:has(> .btn), .ui-public-main .d-flex:has(> .btn) { flex-wrap: wrap; }
    .ui-main .btn, .ui-public-main .btn { max-width: 100%; min-width: 0; white-space: normal; }
}