/* Facebook backup operations. Kept scoped to its page so the Admin workbench
   remains consistent while the data-heavy catalog stays readable on mobile. */
body.admin-surface .facebook-backup-admin-page .facebook-backup-summary-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-catalog-panel {
    overflow: hidden;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-catalog-heading {
    gap: 1rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-filter {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) auto auto auto auto;
    align-items: end;
    gap: .7rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--aw-line);
    background: var(--aw-surface-subtle);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-filter > label:not(.unified-search-field) {
    display: grid;
    gap: .3rem;
    color: var(--aw-muted);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-filter :is(select, button, a) {
    min-height: 2.4rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-table {
    margin: 0;
    border: 0;
    border-radius: 0;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--aw-line);
    background: var(--aw-surface-subtle);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar > div {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar output {
    color: var(--aw-heading);
    font-size: .86rem;
    font-weight: 750;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar small {
    color: var(--aw-muted);
    font-size: .76rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar .danger-action {
    flex: 0 0 auto;
    min-height: 2.4rem;
    white-space: nowrap;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar .danger-action:disabled {
    cursor: not-allowed;
    opacity: .6;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-row {
    grid-template-columns: minmax(7.75rem, .7fr) minmax(8.5rem, .75fr) minmax(16rem, 1.65fr) minmax(6.5rem, .55fr) minmax(12rem, 1.1fr) minmax(9rem, .8fr) minmax(8rem, .7fr) !important;
    min-width: 72rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-row-select,
body.admin-surface .facebook-backup-admin-page .facebook-backup-select-heading {
    display: flex;
    align-items: center;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-row-select {
    justify-content: center;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-row-select input,
body.admin-surface .facebook-backup-admin-page .facebook-backup-select-heading input {
    inline-size: 1.05rem;
    block-size: 1.05rem;
    accent-color: var(--aw-accent);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-row:has(.facebook-backup-row-select input:checked) {
    background: color-mix(in srgb, var(--aw-accent) 8%, var(--aw-surface));
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-select-heading {
    display: grid;
    gap: .15rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-select-heading label {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--aw-heading);
    cursor: pointer;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-select-heading small {
    color: var(--aw-muted);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-row > code {
    color: var(--aw-info);
    overflow-wrap: anywhere;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-file-cell {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .6rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-file-cell > .ui-icon {
    width: 1.2rem;
    flex: 0 0 auto;
    color: var(--aw-accent);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-file-cell > span {
    display: grid;
    min-width: 0;
    gap: .2rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-file-cell b {
    overflow: hidden;
    color: var(--aw-heading);
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-file-cell small,
body.admin-surface .facebook-backup-admin-page .facebook-backup-row time {
    color: var(--aw-muted);
    font-size: .76rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--aw-success);
    font-size: .8rem;
    font-weight: 700;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-status i {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: currentColor;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    color: var(--aw-muted);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status > .ui-icon {
    flex: 0 0 auto;
    width: 1rem;
    margin-top: .08rem;
    color: currentColor;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status > span {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status b {
    color: var(--aw-heading);
    font-size: .79rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status small {
    color: var(--aw-muted);
    font-size: .73rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status.downloaded > .ui-icon {
    color: var(--aw-success);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-download-status.downloaded b {
    color: var(--aw-success);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    min-height: 15rem;
    padding: 2rem;
    color: var(--aw-muted);
    text-align: center;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-empty .ui-icon {
    width: 1.5rem;
    color: var(--aw-accent);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-empty h3 {
    margin: 0;
    color: var(--aw-heading);
    font-size: 1rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-empty p {
    max-width: 35rem;
    margin: .35rem 0 0;
    line-height: 1.5;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-pager {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
    border-top: 1px solid var(--aw-line);
    color: var(--aw-muted);
    font-size: .82rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-pager > div {
    display: flex;
    align-items: center;
    gap: .55rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-pager b {
    color: var(--aw-heading);
    white-space: nowrap;
}

@media (max-width: 1180px) {
    body.admin-surface .facebook-backup-admin-page .facebook-backup-summary-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body.admin-surface .facebook-backup-admin-page .facebook-backup-summary-rail,
    body.admin-surface .facebook-backup-admin-page .facebook-backup-summary-rail:has(> article:nth-child(4):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-summary-rail > article:last-child {
        grid-column: 1 / -1;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-filter {
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-filter .unified-search-field {
        grid-column: 1 / -1;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-filter :is(button, a) {
        width: 100%;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-bulk-toolbar .danger-action {
        width: 100%;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-catalog-heading,
    body.admin-surface .facebook-backup-admin-page .facebook-backup-pager,
    body.admin-surface .facebook-backup-admin-page .facebook-backup-pager > div {
        align-items: flex-start;
        flex-direction: column;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-pager > div,
    body.admin-surface .facebook-backup-admin-page .facebook-backup-pager :is(a, b) {
        width: 100%;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-pager b {
        text-align: center;
    }
}