.legacy-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr);
    gap: 24px;
    min-width: 0;
    min-height: 0;
}

.legacy-page > .legacy-workspace { flex: 1; }
.legacy-page > .checker-card-desc { flex-shrink: 0; }

.legacy-settings,
.legacy-output {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px 5px 12px 3px;
    scrollbar-gutter: stable;
}

.legacy-settings > *,
.legacy-output > * { flex-shrink: 0; }

.legacy-workspace .checker-cards {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
}

.legacy-workspace .checker-card {
    flex: none;
    width: 100%;
    min-width: 0;
}

.legacy-workspace .checker-card-header { flex-wrap: wrap; gap: 12px; }
.legacy-workspace .setting-row { flex-direction: column; align-items: stretch; gap: 10px; }
.legacy-page .legacy-workspace .setting-info { flex: none; }
.legacy-workspace .setting-row:has(> .custom-checkbox) { flex-direction: row; align-items: center; }
.legacy-workspace .setting-row:has(> .custom-checkbox) .setting-info { flex: 1; }
.legacy-workspace .setting-row > :is(.setting-input, .custom-select, .account-search-directory-controls) {
    width: 100%;
    min-width: 0;
    max-width: none;
}
.legacy-workspace .setting-range { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.legacy-workspace .setting-range .setting-input { width: 100%; min-width: 0; }
.legacy-workspace .campaign-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.legacy-workspace .module-field-wide { grid-column: 1 / -1; }
.legacy-workspace .account-search-directory-controls { flex: none; }

.legacy-actions .checker-controls,
.legacy-actions .legacy-action-row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }
.legacy-actions button { min-width: 0; white-space: normal; justify-content: center; }
.legacy-actions .legacy-action-row > button,
.legacy-actions .checker-controls > button { flex: 1 1 160px; }
.legacy-actions > button { align-self: stretch; }
.legacy-output > .campaign-toolbar:has(> [hidden]:only-child) { display: none; }
.legacy-output > .active-job-list:empty { display: none; }

.legacy-output > .checker-log-wrapper {
    flex: 1 0 360px;
    min-height: 360px;
    max-height: none;
}
.legacy-output .checker-log { min-height: 0; overflow-wrap: anywhere; }
.legacy-output > .campaign-results { flex: none; max-height: 420px; }
.legacy-output > .campaign-results:not(:has(tbody tr)) { display: none; }
.legacy-hex-result { flex: 1 0 360px; margin: 0; }
.legacy-hex-result .hex-import-log { flex: 1; min-height: 280px; max-height: none; }
.legacy-settings > .settings-group { margin: 0; }
.legacy-workspace .adgen-output-area { min-height: 260px; }

:is(#page-phone-login, #page-qr-login, #page-manual-registration).legacy-page:not(.hidden) {
    display: flex;
}

@media (min-width: 1280px) {
    .legacy-page:not(.hidden) { overflow: hidden; }
}

@media (max-width: 1279px) {
    .legacy-page:not(.hidden) { overflow-y: auto; }
    .legacy-page > .legacy-workspace { flex: none; grid-template-columns: minmax(0, 1fr); }
    .legacy-settings,
    .legacy-output { overflow: visible; padding: 3px; scrollbar-gutter: auto; }
    .legacy-output > .checker-log-wrapper { flex: none; height: 360px; }
}